@extends('layouts.store')
@section('title', __('app.site_name') . ' - ' . __('app.site_tagline'))
@section('content')
{{-- Hero --}}
{{-- Rich layered background --}}
{{-- Deep purple top-right --}}
{{-- Hot pink center --}}
{{-- Rose bottom-left --}}
{{-- Soft lavender mid --}}
{{-- Noise texture overlay --}}
{{-- Subtle dot grid --}}
{{-- Floating particles --}}
@php $pts=[[7,14,2.5,.35],[15,78,1.8,.2],[28,42,3,.3],[44,88,2,.25],[58,18,2.5,.35],[67,65,1.8,.2],[78,30,3,.4],[85,82,2,.2],[92,50,2.5,.3],[35,55,1.5,.15],[50,5,2,.25],[72,10,1.8,.2]]; @endphp
@foreach($pts as $i=>$p)
@endforeach
{{-- Subtle grid --}}
{{-- Floating sparkles --}}
@php $sp=[[8,15,'brand-200'],[18,82,'lavender-200'],[35,45,'white'],[62,12,'brand-300'],[75,70,'lavender-300'],[88,38,'white'],[50,92,'brand-200'],[28,58,'lavender-200'],[92,22,'brand-300']]; @endphp
@foreach($sp as $i=>$p)
@endforeach
{{-- ===== HERO MAIN CONTENT ===== --}}
{{-- ===== TEXT COLUMN ===== --}}
{{-- Badge --}}
{{ __('app.hero_badge') }}
{{-- Main heading --}}
{{ __('app.hero_title') }}
{{ __('app.hero_title_highlight') }}
{{-- Beauty divider --}}
{{-- Subtitle --}}
{{ __('app.hero_subtitle') }}
{{-- CTA Buttons --}}
{{-- Trust badges --}}
{{ __('app.organic_aloe') }}
{{ __('app.cruelty_free') }}
{{ __('app.natural_ingredients') }}
{{-- Mini social proof --}}
@foreach(['from-pink-300 to-rose-400','from-purple-300 to-fuchsia-400','from-pink-400 to-pink-600','from-violet-300 to-purple-500'] as $g)
@endforeach
@for($s=0;$s<5;$s++)
@endfor
{{ __('app.stats_happy_customers') }} +2,000
{{-- ===== VISUAL COLUMN ===== --}}
{{-- Glow halos --}}
{{-- Spinning rings --}}
{{-- ===== Product Image Display ===== --}}
@php $heroProduct = $featuredProducts->first(); @endphp
{{-- Outer decorative ring --}}
{{-- Mid glow ring --}}
{{-- Main image frame --}}
@if($heroProduct && $heroProduct->image)
 }})
@else
{{-- Placeholder gradient when no image --}}
{{-- Aloe plant SVG as placeholder --}}
@endif
{{-- Overlay shimmer --}}
{{-- Product name tag at bottom --}}
@if($heroProduct)
{{ $heroProduct->t('name') }}
@endif
{{-- Floating glass cards --}}
{{-- Card: 100% Organic --}}
{{ __('app.organic_aloe') }}
{{-- Card: Customers --}}
@foreach(['from-pink-300 to-rose-400','from-fuchsia-300 to-purple-400','from-violet-300 to-purple-500'] as $g)
@endforeach
@for($s=0;$s<5;$s++)
@endfor
{{ __('app.stats_happy_customers') }}
{{-- Card: New product badge --}}
{{ __('app.cruelty_free') }}
{{ __('app.natural_ingredients') }}
{{-- Floating petal decorations --}}
{{-- Scroll hint --}}
{{-- Wave bottom --}}
{{-- Marquee strip --}}
@for($i = 0; $i < 6; $i++)
{{ __('app.marquee_text') }}
@endfor
{{-- Aloe Benefits --}}
{{ __('app.aloe_power_title') }}
{{ __('app.aloe_power_subtitle') }}
@php
$benefits = [
['key' => '1', 'colors' => 'from-brand-400 to-brand-500', 'shadow' => 'shadow-brand-500/20', 'border' => 'hover:border-brand-200'],
['key' => '2', 'colors' => 'from-lavender-400 to-lavender-500', 'shadow' => 'shadow-lavender-500/20', 'border' => 'hover:border-lavender-200'],
['key' => '3', 'colors' => 'from-aloe-400 to-aloe-500', 'shadow' => 'shadow-aloe-500/20', 'border' => 'hover:border-aloe-200'],
['key' => '4', 'colors' => 'from-rosegold-400 to-rosegold-500', 'shadow' => 'shadow-rosegold-500/20', 'border' => 'hover:border-rosegold-200'],
];
$icons = [
'M12 2C12 2 8 8 8 14c0 2.2 1.8 4 4 4s4-1.8 4-4C16 8 12 2 12 2zm0 14c-1.1 0-2-.9-2-2 0-2.4 1.2-5.5 2-7.4.8 1.9 2 5 2 7.4 0 1.1-.9 2-2 2z',
'M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15',
'M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z',
'M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z',
];
@endphp
@foreach($benefits as $i => $b)
{{ __('app.aloe_benefit_' . $b['key']) }}
{{ __('app.aloe_benefit_' . $b['key'] . '_desc') }}
@endforeach
{{-- Categories --}}
@if($categories->count())
{{ __('app.categories_section') }}
@endif
{{-- Featured Products --}}
@if($featuredProducts->count())
@foreach($featuredProducts as $product)
@include('store.partials.product-card', ['product' => $product])
@endforeach
@endif
{{-- Why Us --}}
{{ __('app.why_quality') }}
{{ __('app.why_quality_desc') }}
{{ __('app.why_delivery') }}
{{ __('app.why_delivery_desc') }}
{{ __('app.why_support') }}
{{ __('app.why_support_desc') }}
{{-- New Arrivals --}}
@if($newProducts->count())
{{ __('app.new_arrivals') }}
@foreach($newProducts as $product)
@include('store.partials.product-card', ['product' => $product])
@endforeach
@endif
{{-- CTA --}}
@endsection