Enhance category and timeline entry forms with icon selection options; update image display settings for hero slides, products, and signature items to use circular images. Improve welcome page layout for better responsiveness and add autoplay functionality to the hero carousel.

app/Filament/Resources/Categories/CategoryResource.php

@@ -9,6 +9,7 @@ use Filament\Actions\BulkActionGroup;
 use Filament\Actions\DeleteAction;
 use Filament\Actions\DeleteBulkAction;
 use Filament\Actions\EditAction;
+use Filament\Forms\Components\Select;
 use Filament\Forms\Components\TextInput;
 use Filament\Forms\Components\Toggle;
 use Filament\Resources\Resource;
@@ -42,11 +43,24 @@ class CategoryResource extends Resource
                     ->label('Slug')
                     ->required()
                     ->unique(ignoreRecord: true),
-                TextInput::make('icon')
+                Select::make('icon')
-                    ->label('Material Symbol ikony')
+                    ->label('Ikony (Material Symbol)')
                     ->required()
                     ->default('category')
-                    ->placeholder('set_meal'),
+                    ->options([
+                        'set_meal' => 'set_meal — Nahar toplum',
+                        'cruelty_free' => 'cruelty_free — Goýun eti',
+                        'kebab_dining' => 'kebab_dining — Kebab / Goş',
+                        'egg' => 'egg — Guş eti',
+                        'local_pizza' => 'local_pizza — Kolbasalar',
+                        'lunch_dining' => 'lunch_dining — Et tagamy',
+                        'outdoor_grill' => 'outdoor_grill — Grill',
+                        'restaurant_menu' => 'restaurant_menu — Menýu',
+                        'food_bank' => 'food_bank — Azyk ammar',
+                        'category' => 'category — Kategoriýa',
+                        'bakery_dining' => 'bakery_dining — Çörek',
+                        'fastfood' => 'fastfood — Çalt nahar',
+                    ]),
                 TextInput::make('sort_order')
                     ->label('Tertip')
                     ->required()

app/Filament/Resources/HeroSlides/HeroSlideResource.php

@@ -73,7 +73,8 @@ class HeroSlideResource extends Resource
             ->columns([
                 ImageColumn::make('image')
                     ->label('Surat')
-                    ->square(),
+                    ->disk('public')
+                    ->circular(),
                 TextColumn::make('headline')
                     ->label('Sözbaşy')
                     ->searchable()

app/Filament/Resources/Products/ProductResource.php

@@ -98,7 +98,9 @@ class ProductResource extends Resource
             ->columns([
                 ImageColumn::make('image')
                     ->label('Surat')
-                    ->square(),
+                    ->disk('public')
+                    ->circular(),
+
                 TextColumn::make('name')
                     ->label('Ady')
                     ->searchable(),

app/Filament/Resources/SignatureItems/SignatureItemResource.php

@@ -76,7 +76,8 @@ class SignatureItemResource extends Resource
             ->columns([
                 ImageColumn::make('image')
                     ->label('Surat')
-                    ->square(),
+                    ->disk('public')
+                    ->circular(),
                 TextColumn::make('name')
                     ->label('Ady')
                     ->searchable(),

app/Filament/Resources/TimelineEntries/TimelineEntryResource.php

@@ -9,6 +9,7 @@ use Filament\Actions\BulkActionGroup;
 use Filament\Actions\DeleteAction;
 use Filament\Actions\DeleteBulkAction;
 use Filament\Actions\EditAction;
+use Filament\Forms\Components\Select;
 use Filament\Forms\Components\Textarea;
 use Filament\Forms\Components\TextInput;
 use Filament\Resources\Resource;
@@ -42,11 +43,24 @@ class TimelineEntryResource extends Resource
                 TextInput::make('title')
                     ->label('Başlyk')
                     ->required(),
-                TextInput::make('icon')
+                Select::make('icon')
-                    ->label('Material Symbol ikony')
+                    ->label('Ikony (Material Symbol)')
                     ->required()
                     ->default('history')
-                    ->placeholder('storefront'),
+                    ->options([
+                        'storefront' => 'storefront — Dükançasy',
+                        'outdoor_grill' => 'outdoor_grill — Tüsse otagy',
+                        'local_shipping' => 'local_shipping — Eltip bermek',
+                        'menu_book' => 'menu_book — Resept kitaby',
+                        'history' => 'history — Taryh',
+                        'star' => 'star — Ýyldyz',
+                        'emoji_events' => 'emoji_events — Baýrak',
+                        'workspace_premium' => 'workspace_premium — Premium',
+                        'factory' => 'factory — Zawod',
+                        'engineering' => 'engineering — Inžinerlik',
+                        'handyman' => 'handyman — Usta',
+                        'lightbulb' => 'lightbulb — Täze pikir',
+                    ]),
                 TextInput::make('sort_order')
                     ->label('Tertip')
                     ->required()

resources/views/welcome.blade.php

@@ -193,9 +193,9 @@
             Biziň aýratynlyklarymyz
             <div class="absolute -bottom-4 left-0 w-full h-[2px] bg-outline-variant sketch-border"></div>
         </h2>
-        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 mt-4">
+        <div class="flex overflow-x-auto hide-scrollbar gap-8 pb-12 pr-margin-mobile md:pr-margin-desktop snap-x snap-mandatory">
             @foreach($signatureItems as $item)
-                <article class="flex flex-col gap-4 relative group">
+                <article class="flex-shrink-0 w-[85vw] md:w-[350px] snap-center flex flex-col gap-4 relative group">
                     <div class="h-[160px] w-full relative sketch-border bg-surface-container overflow-hidden">
                         @if($item->image)
                             <img alt="{{ $item->name }}" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 sepia-[.3]" src="{{ Storage::url($item->image) }}"/>
@@ -360,11 +360,22 @@
         });
     }
 
+    // Autoplay — advances every 5 seconds, stops on manual interaction
+    let heroAutoplay = setInterval(() => {
+        currentSlide = (currentSlide + 1) % totalSlides;
+        updateCarousel();
+    }, 5000);
+
+    [prevBtn, nextBtn].forEach((btn) => {
+        btn?.addEventListener('click', () => clearInterval(heroAutoplay));
+    });
+
     // Swipe logic for hero
     let startX;
     if (heroCarousel) {
         heroCarousel.addEventListener('touchstart', (e) => {
             startX = e.touches[0].clientX;
+            clearInterval(heroAutoplay);
         }, { passive: true });
 
         heroCarousel.addEventListener('touchend', (e) => {