@extends('layouts.eventcraft')
@section('title', 'An invitation worth remembering')
@section('body')
<section class="hero shell">
  <div class="hero-copy">
    <div class="eyebrow"><span class="spark">✦</span> THE BEAUTIFUL WAY TO GATHER</div>
    <h1>Make moments<br><em>feel magical.</em></h1>
    <p>Create a stunning event invitation website, collect guest RSVPs and share it all with one simple link. Made for celebrations everywhere.</p>
    <div class="hero-buttons"><a class="button" href="{{ route('events.create') }}">Create your invitation <span>↗</span></a><a class="text-link" href="#how">See how it works <span>↘</span></a></div>
    <div class="tiny-proof"><span>✦</span> Free preview <span class="dot">·</span> Pay only when you publish <span class="dot">·</span> Share in minutes</div>
  </div>
  <div class="hero-visual">
    <div class="floral orb-one">✿</div><div class="floral orb-two">❋</div>
    <div class="invite-card-preview">
      <div class="preview-arch"><div class="card-kicker">TOGETHER WITH THEIR FAMILIES</div><h2>Amara <i>&</i><br>Daniel</h2><div class="card-rule">✦</div><div class="card-subtitle">JOYFULLY INVITE YOU TO CELEBRATE</div><strong>OUR WEDDING</strong><div class="card-date">SATURDAY · 14 NOVEMBER · 2026</div><div class="card-location">ACCRA, GHANA</div><div class="preview-button">KINDLY RSVP ↗</div></div>
    </div>
    <div class="floating-label">Your story, beautifully told ✳</div>
  </div>
</section>
<section class="trust-strip"><div class="shell strip-inner"><span>WEDDINGS</span><b>✦</b><span>ENGAGEMENTS</span><b>✦</b><span>BIRTHDAYS</span><b>✦</b><span>BABY SHOWERS</span><b>✦</b><span>ANNIVERSARIES</span></div></section>
<section class="shell section-center" id="how"><div class="eyebrow">THREE LOVELY STEPS</div><h2>From idea to invitation.<br><em>Just like that.</em></h2><div class="steps">
 <article><div class="step-count">01</div><div class="step-icon">♡</div><h3>Tell your story</h3><p>Choose your event and enter your names, date, venue and personal message.</p></article>
 <article><div class="step-count">02</div><div class="step-icon">✿</div><h3>Find your look</h3><p>Choose a thoughtfully designed template and preview it before paying.</p></article>
 <article><div class="step-count">03</div><div class="step-icon">↗</div><h3>Share the joy</h3><p>Publish your own event link and collect guests' replies in one place.</p></article>
 </div></section>
<section class="shell pricing-section" id="pricing"><div class="pricing-intro"><div class="eyebrow">SIMPLE, ONE-TIME PRICING</div><h2>Beautiful doesn't<br>have to be <em>complicated.</em></h2><p>Start creating for free. You only pay when you're happy with your invitation and ready to publish.</p></div>
 <div class="price-cards"><article class="price-card"><div class="eyebrow">THE ESSENTIALS</div><h3>Digital invitation</h3><div class="price">GH₵199</div><p>One-time payment per event</p><ul><li>Beautiful event website</li><li>Three premium themes</li><li>RSVP collection and guest list</li><li>Shareable event link</li><li>Downloadable guest CSV</li></ul><a class="button full" href="{{ route('events.create') }}">Start creating ↗</a></article><article class="price-card highlighted"><div class="recommend-tag">WITH VIDEO</div><div class="eyebrow">THE FULL CELEBRATION</div><h3>Invitation + video</h3><div class="price">GH₵299</div><p>One-time payment per event</p><ul><li>Everything in Digital invitation</li><li>12-second photo-based save-the-date reel</li><li>Vertical MP4 video download</li><li>Easy WhatsApp sharing</li><li>Automatic video rendering</li></ul><a class="button full button-light" href="{{ route('events.create') }}">Create your bundle ↗</a></article></div>
</section>
<section class="shell final-cta"><div class="eyebrow">THE FIRST STEP IS FREE</div><h2>Your next celebration<br><em>starts here.</em></h2><a class="button" href="{{ route('events.create') }}">Make something beautiful ↗</a></section>
@endsection