@extends('layouts.frontend') {{-- Replace 'layouts.frontend' with your actual main frontend layout file --}}

@section('title', 'Welcome to WebPilot AI Website Builder')

@section('content')
    {{-- Hero Section --}}
    @include('webpilotai::frontend.partials._hero_homepage')

    {{-- Feature Highlights Section --}}
    @include('webpilotai::frontend.partials._feature_highlights_homepage')

    {{-- How It Works Section --}}
    @include('webpilotai::frontend.partials._how_it_works_homepage')

    {{-- Detailed Features Showcase Section --}}
    @include('webpilotai::frontend.partials._detailed_features_homepage')

    {{-- Use Cases Section --}}
    @include('webpilotai::frontend.partials._use_cases_homepage')

    {{-- Testimonials Section --}}
    @include('webpilotai::frontend.partials._testimonials_homepage')

    {{-- Pricing Teaser Section --}}
    @include('webpilotai::frontend.partials._pricing_teaser_homepage')

    {{-- FAQ Snippet Section --}}
    @include('webpilotai::frontend.partials._faq_snippet_homepage')

    {{-- Final Call to Action Section --}}
    @include('webpilotai::frontend.partials._cta_final_homepage')

@endsection

@push('scripts')
{{-- If any sections require specific JS, like a testimonial slider or FAQ accordion --}}
<script src="https://cdn.jsdelivr.net/npm/@alpinejs/collapse@3.x.x/dist/cdn.min.js" defer></script>
{{-- If using Swiper for testimonials, ensure it's initialized here or in your main app.js --}}
@endpush