@extends('layouts.buyer.app')

@section('meta_title', $meta_title ?? 'Home')
@section('meta_description', $meta_description ?? 'Find your perfect vehicle')
@section('meta_keywords', $meta_keywords ?? 'vehicles, cars')

@push('vue-scripts')
    @vite(['resources/js/buyer/main.js'])
@endpush

@section('content')
    <!-- Vue app will mount here for other pages -->
    <div id="buyer-app">
        <!-- Initial content for SEO - will be replaced by Vue -->
        <div>
            <h1>{{ $meta_title ?? 'Find Your Perfect Vehicle' }}</h1>
            <p>{{ $meta_description ?? 'Browse our extensive collection of quality vehicles from trusted dealers' }}</p>
        </div>
    </div>
@endsection