@extends('layouts.app')

@section('content')

    <x-cover :wedding="$wedding" :guest-name="$guestName" />

    <main id="content" class="relative" style="transform-style: preserve-3d;">
        <x-couple :wedding="$wedding" />
        <x-wedding-divider variant="ring" from="light" to="dark" />
        <x-countdown :wedding="$wedding" />
        <x-our-story :wedding="$wedding" />
        <x-wedding-divider variant="bouquet" from="dark" to="light" />
        {{-- Amplop digital / kado — lihat komponen gift.blade.php --}}
        <x-gift :wedding="$wedding" />
        <x-event-details :wedding="$wedding" />
        <x-rsvp-form :wedding="$wedding" />
        <x-wedding-divider variant="toast" from="light" to="dark" />
        <x-gallery :wedding="$wedding" />
        <x-wedding-divider variant="cake" from="dark" to="light" />
        <x-game :wedding="$wedding" />
        <x-wedding-divider variant="dove" from="light" to="dark" />
        <x-guestbook :wedding="$wedding" />
        <x-footer :wedding="$wedding" />
    </main>

    <x-music-player :wedding="$wedding" />

@endsection