@extends('website.layouts.app')

@section('content')
    <!-- Hero Section -->
    <section class="hero">
        <div class="hero-content">
            <h1>Kashmir Loyalty & Referral</h1>
            <p class="subtitle">Connecting Hearts, Rewarding Loyalty</p>
            <p class="description">
                Experience the warmth of Kashmiri hospitality through our innovative loyalty program.
                Earn rewards, refer friends, and be part of a community that values genuine connections.
            </p>
            {{-- <a href="#" class="cta-button">Join Our Community</a> --}}
        </div>
    </section>

    <!-- Features Section -->
    <section class="features">
        <div class="features-container">
            <h2>Why Choose Kashmir Loyalty?</h2>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">🎁</div>
                    <h3>Exclusive Rewards</h3>
                    <p>Unlock premium rewards inspired by the beauty of Kashmir. From artisanal products to unique
                        experiences, every point counts towards something special.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🤝</div>
                    <h3>Refer & Earn</h3>
                    <p>Share the Kashmir experience with friends and family. Our referral program rewards both you and your
                        loved ones for every successful connection.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">💎</div>
                    <h3>Premium Benefits</h3>
                    <p>Enjoy exclusive access to Kashmir's finest offerings. From priority bookings to special discounts,
                        loyalty has its privileges.</p>
                </div>
            </div>
        </div>
    </section>
@endsection