@extends('layouts.app') @section('title', 'Jumia Clone — Shop Everything Online') @section('content') {{-- ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ HERO BANNER SLIDER ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ --}}
{{-- Main slider --}}
{{-- Slides --}}
@php $banners = [ ['bg' => 'from-orange-600 to-orange-400', 'emoji' => '📱', 'tag' => 'Flash Sale', 'title' => 'Up to 60% Off Electronics', 'sub' => 'Limited time deal — shop now', 'url' => '/products?category=electronics&flash_sale=1', 'btn' => 'Shop Electronics'], ['bg' => 'from-blue-600 to-blue-400', 'emoji' => '👗', 'tag' => 'New Arrivals', 'title' => 'Latest Fashion Trends', 'sub' => 'Trendy styles for every occasion', 'url' => '/products?category=fashion', 'btn' => 'Shop Fashion'], ['bg' => 'from-purple-600 to-purple-400','emoji' => '🏠', 'tag' => 'Mega Deal', 'title' => 'Home & Living Sale', 'sub' => 'Furnish your home for less', 'url' => '/products?category=home-living', 'btn' => 'Shop Home'], ['bg' => 'from-green-600 to-green-400', 'emoji' => '🛒', 'tag' => 'Daily Deals', 'title' => 'Grocery & Essentials', 'sub' => 'Fresh deals every day', 'url' => '/products?category=groceries', 'btn' => 'Shop Groceries'], ]; @endphp @foreach($banners as $i => $banner)
{{ $banner['tag'] }}

{{ $banner['title'] }}

{{ $banner['sub'] }}

{{ $banner['btn'] }} →
{{ $banner['emoji'] }}
@endforeach
{{-- Dots --}}
@foreach($banners as $i => $b) @endforeach
{{-- Arrows --}}
{{-- Side banners (desktop only) --}}
{{-- ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ CATEGORY STRIP ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ --}}
@php $categories = [ ['icon' => '📱', 'name' => 'Phones', 'url' => '/products?category=phones-tablets', 'color' => 'bg-blue-50'], ['icon' => '💻', 'name' => 'Computing', 'url' => '/products?category=computing', 'color' => 'bg-indigo-50'], ['icon' => '📺', 'name' => 'Electronics', 'url' => '/products?category=electronics', 'color' => 'bg-cyan-50'], ['icon' => '👗', 'name' => 'Fashion', 'url' => '/products?category=fashion', 'color' => 'bg-pink-50'], ['icon' => '🏠', 'name' => 'Home', 'url' => '/products?category=home-living', 'color' => 'bg-amber-50'], ['icon' => '🍳', 'name' => 'Appliances', 'url' => '/products?category=home-appliances', 'color' => 'bg-orange-50'], ['icon' => '💅', 'name' => 'Beauty', 'url' => '/products?category=health-beauty', 'color' => 'bg-rose-50'], ['icon' => '🥦', 'name' => 'Groceries', 'url' => '/products?category=groceries', 'color' => 'bg-green-50'], ['icon' => '🍼', 'name' => 'Baby', 'url' => '/products?category=baby-products', 'color' => 'bg-yellow-50'], ['icon' => '⚽', 'name' => 'Sports', 'url' => '/products?category=sports', 'color' => 'bg-lime-50'], ['icon' => '🚗', 'name' => 'Automotive', 'url' => '/products?category=automotive', 'color' => 'bg-slate-50'], ['icon' => '📚', 'name' => 'Books', 'url' => '/products?category=books', 'color' => 'bg-purple-50'], ]; @endphp @foreach($categories as $cat)
{{ $cat['icon'] }}
{{ $cat['name'] }}
@endforeach
{{-- ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FLASH SALE SECTION ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ --}}
{{-- Section header --}}

Flash Sale

02:30:00
See all →
{{-- Products scroll --}}
{{-- ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PROMO BANNERS ROW ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ --}}
@foreach([ ['bg'=>'from-orange-400 to-red-500', 'emoji'=>'📱', 'label'=>'Phones & Tablets', 'sub'=>'Up to 40% off', 'url'=>'/products?category=phones-tablets'], ['bg'=>'from-blue-400 to-indigo-600','emoji'=>'💻', 'label'=>'Computing', 'sub'=>'Best deals today', 'url'=>'/products?category=computing'], ['bg'=>'from-pink-400 to-rose-600', 'emoji'=>'👗', 'label'=>'Fashion Week', 'sub'=>'New styles daily', 'url'=>'/products?category=fashion'], ['bg'=>'from-green-400 to-teal-600', 'emoji'=>'🏠', 'label'=>'Home & Living', 'sub'=>'Furnish for less', 'url'=>'/products?category=home-living'], ] as $promo)

{{ $promo['sub'] }}

{{ $promo['label'] }}

{{ $promo['emoji'] }}
@endforeach
{{-- ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FEATURED PRODUCTS GRID ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ --}}

⭐ Featured Products

See all
{{-- Loading skeletons --}}
@for($i = 0; $i < 10; $i++)
@endfor
{{-- Product grid --}}
{{-- ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ NEW ARRIVALS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ --}}

🆕 New Arrivals

See all
{{-- ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ APP DOWNLOAD BANNER ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ --}}

Shop smarter on the app

Get exclusive app-only deals and track orders in real time

@endsection @section('scripts') @endsection