@extends('layouts.app')

@section('title', 'Elderly Care Connect - Supporting Elderly Individuals Worldwide')

@section('content')
    <x-homepage.hero 
        :formattedTotalDonations="$formattedTotalDonations" 
        :monthlyStats="$monthlyStats" 
    />
    <x-homepage.featured-elderly :featuredElderly="$featuredElderly" />
    <x-homepage.how-it-works />
    <x-homepage.impact-section />
    <x-homepage.cta-section />
@endsection

@push('scripts')
    <script>
        // Defer non-critical JavaScript to improve initial page load performance
        document.addEventListener('DOMContentLoaded', () => {
            // Initialize any deferred functionality here
            // This helps improve First Contentful Paint (FCP) metrics
        });
    </script>
@endpush