<main>
    <div class="home-banner">
        <div class="home-banner-inner">
            <div class="container">
                <div class="inner-row">
                    <div class="text-col">
                        <h1 class="title mb-3">Discover <span class="text-primary">Your Love Story</span> with Stella Amor</h1>
                        <p class="lead mb-1">Join free today with unique dating filters for finance, kinks, lifestyle, and much more. Start exploring now!</p>
                        <a href="/register/" class="mb-3 btn btn-dark cta-btn">Sign up today</a>
                        <p class="login-text">Already have an account? <a href="/login/" class="login-link">Login now</a></p>
                    </div>
                    <div class="image-col">
                        <div class="image-wrapper">
                            <img src="/rss/img/couple_sunset.jpg" alt="Couple at sunset">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="features-section py-4 bg-white">
        <div class="container border-top text-light py-4">
            <h2 class="text-center mb-2 fw-light text-black">Discover Your Ideal Match Today</h2>
            <div class="row text-black">
                <div class="col-12 col-md-4">
                    <div class="theme-card primary card-hover">
                        <div class="card-header theme-header">
                            <img src="/rss/img/yacht.jpg" alt="Financial compatibility couple" class="rounded-image object-bottom">
                        </div>
                        <div class="card-body">
                            <h3 class="h3 fw-light">Financial Harmony</h3>
                            <p class="text">Match with singles who align with your financial dreams, from savings to luxury lifestyles.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-4">
                    <div class="theme-card secondary card-hover">
                        <div class="card-header theme-header">
                            <img src="/rss/img/kink.jpg" alt="Kinks and fetishes compatibility couple" class="rounded-image object-left">
                        </div>
                        <div class="card-body">
                            <h3 class="h3 fw-light">Unique Preferences</h3>
                            <p class="text">Find love with filters for kinks and personal desires tailored just for you.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-4">
                    <div class="theme-card primary card-hover">
                        <div class="card-header theme-header">
                            <img src="/rss/img/family-frame.jpg" alt="Lifestyle compatibility couple" class="rounded-image object-bottom">
                        </div>
                        <div class="card-body">
                            <h3 class="h3 fw-light">Lifestyle Connections</h3>
                            <p class="text">Connect with partners who share your passion for pets, fitness, or family values.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-flex justify-center mt-3">
                <a href="/register/" class="btn btn-dark" title="Explore Stella Amor filters" aria-label="Explore filters">Explore Your Options</a>
            </div>
        </div>
    </section>

    <div class="video-background">
        <video autoplay muted loop id="first-video">
            <source type="video/mp4" />
        </video>

        <div class="content">
            <h2>Couple Goals: Beach Vibes Edition</h2>
            <p>Ocean mornings, balcony chats, and that perfect connection living the dream with your favorite person.</p>
        </div>
    </div>

    <section class="bg-primary py-5 text-white shadow-4">
        <div class="container my-5">
            <div class="row align-items-center">
                <div class="col-12 col-md-7 flex-column justify-center">
                    <h2 class="mb-3">Discovering the Best Dating Site for Introverts in <?php echo date('Y'); ?></h2>
                    <p>If you're an introvert, finding love shouldn't feel like a performance. Stella Amor understands that, offering a platform where thoughtful profiles and meaningful filters let you connect at your own pace. Skip the small talk and dive straight into conversations about shared books, quiet hobbies, or weekend retreats. It's all about matching personalities that click without the exhaustion of traditional dating scenes.</p>
                </div>
                <div class="col-12 col-md-5">
                    <img src="/rss/img/girl-face.jpg" alt="Introvert dating for finding love" class="img-w-100 img-rounded-lg shadow-2" loading="lazy">
                </div>
            </div>
        </div>
    </section>

    <div class="container border-top text-light" aria-hidden="true"></div>

    <section class="py-5 bg-light">
        <div class="container my-5">
            <div class="row align-items-center">
                <div class="col-12 col-md-5">
                    <img src="/rss/img/couple-luxury.jpg" alt="Free dating with economy filters on Stella Amor" class="img-w-100 img-rounded-lg shadow-2" loading="lazy">
                </div>
                <div class="col-12 col-md-7 flex-column justify-center">
                    <h2 class="mb-3">Find Love with Financial Compatibility</h2>
                    <p>At Stella Amor, our free dating platform empowers you to find singles who share your financial goals, from budgeting to building wealth together. Whether you prioritize savings, investments, or a debt-free lifestyle, our advanced economy filters connect you with partners who align with your vision for a secure future. Join thousands of users who’ve found love grounded in shared values. Sign up free today and start your journey to a financially harmonious relationship!</p>
                </div>
            </div>
        </div>

        <div class="container my-5">
            <div class="row align-items-center">
                <div class="col-12 col-md-7 flex-column justify-center">
                    <h2 class="mb-3">Explore Love with Kinks & Preferences</h2>
                    <p>Stella Amor’s kink-friendly dating platform lets you embrace your unique desires without judgment. Our advanced filters for kinks, fetishes, and lifestyle preferences help you connect with partners who share your passions, from adventurous interests to niche hobbies. Feel confident being your authentic self on a safe, inclusive site designed for meaningful connections. Join free today to discover why Stella Amor is the top dating site for open-minded singles seeking true compatibility!</p>
                </div>
                <div class="col-12 col-md-5">
                    <img src="/rss/img/fetish.jpg" alt="Free dating with kinks filters on Stella Amor" class="img-w-100 img-rounded-lg shadow-2" loading="lazy">
                </div>
            </div>
        </div>

        <div class="container my-5">
            <div class="row align-items-center">
                <div class="col-12 col-md-5">
                    <img src="/rss/img/family-pregnant.jpg" alt="Free dating with family filters on Stella Amor" class="img-w-100 img-rounded-lg shadow-2" loading="lazy">
                </div>
                <div class="col-12 col-md-7 flex-column justify-center">
                    <h2 class="mb-3">Build a Family with Lifestyle Matching</h2>
                    <p>Looking for a partner ready for marriage and family? Stella Amor’s free dating platform offers powerful filters for family values, lifestyle, and long-term goals. Whether you dream of raising kids, sharing religious beliefs, or building a home together, our site connects you with singles who share your vision for a meaningful future. Join our community of committed daters and start your journey to lasting love with someone who’s ready for the next step!</p>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="py-5 display-banner wedding-banner">
            <div class="container">
                <div class="flex-column justify-center align-center">
                    <h3 class="text-white">Uncover True Love and Marriage with Free Dating</h3>
                    <p class="text-white">Join free today at Stella Amor to connect with your lifelong partner using unique date filters for finance, kinks, lifestyle, and much more.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="success-stories bg-white py-3">
        <div class="container text-light border-bottom py-5 mb-3">
            <div class="text-black">
                <h2 class="mb-4 text-center">Love Found at Stella Amor</h2>
                <div class="row">
                    <div class="col-12 col-md-4">
                        <div class="theme-card primary">
                            <div class="inner">
                                <p class="text">“We bonded over our shared budgeting habits and love for travel. Stella Amor’s filters made it so easy to find someone who gets me.” – Karen & Mike</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-4">
                        <div class="theme-card secondary">
                            <div class="inner">
                                <p class="text">“I was nervous about sharing my interests, but the lifestyle filters helped me find someone who’s just as adventurous. We’re inseparable now!” – Priya & James</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-4">
                        <div class="theme-card primary">
                            <div class="inner">
                                <p class="text">“As a dog lover, I wanted someone who’d adore my pup as much as I do. Stella Amor connected me with my perfect match.” – Sarah & Tom</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-center mt-4">
                    <a href="/success-stories/" class="btn btn-outline-primary" title="Read more Stella Amor success stories" aria-label="Read more success stories">Read More Stories</a>
                </div>
            </div>
            <script type="application/ld+json">
                {
                    "@context": "https://schema.org",
                    "@type": "Review",
                    "itemReviewed": {
                        "@type": "Organization",
                        "name": "Stella Amor",
                        "url": "http://stellaamor.local/"
                    },
                    "reviewRating": {
                        "@type": "Rating",
                        "ratingValue": 5,
                        "bestRating": 5
                    },
                    "author": {
                        "@type": "Person",
                        "name": "Karen & Mike"
                    },
                    "reviewBody": "We bonded over our shared budgeting habits and love for travel. Stella Amor’s filters made it so easy to find someone who gets me."
                }
            </script>
            <script type="application/ld+json">
                {
                    "@context": "https://schema.org",
                    "@type": "Review",
                    "itemReviewed": {
                        "@type": "Organization",
                        "name": "Stella Amor",
                        "url": "http://stellaamor.local/"
                    },
                    "reviewRating": {
                        "@type": "Rating",
                        "ratingValue": 5,
                        "bestRating": 5
                    },
                    "author": {
                        "@type": "Person",
                        "name": "Priya & James"
                    },
                    "reviewBody": "I was nervous about sharing my interests, but the lifestyle filters helped me find someone who’s just as adventurous. We’re inseparable now!"
                }
            </script>
            <script type="application/ld+json">
                {
                    "@context": "https://schema.org",
                    "@type": "Review",
                    "itemReviewed": {
                        "@type": "Organization",
                        "name": "Stella Amor",
                        "url": "http://stellaamor.local/"
                    },
                    "reviewRating": {
                        "@type": "Rating",
                        "ratingValue": 5,
                        "bestRating": 5
                    },
                    "author": {
                        "@type": "Person",
                        "name": "Sarah & Tom"
                    },
                    "reviewBody": "As a dog lover, I wanted someone who’d adore my pup as much as I do. Stella Amor connected me with my perfect match."
                }
            </script>
        </div>
    </section>


    <section class="filter-section bg-white py-2">
        <div class="container my-1">
            <h2 class="mb-4 text-center">What You Can Filter By</h2>
            <div class="row g-4 justify-center my-2">
                <div class="col-12 col-md-6 col-lg-4 my-2">
                    <div class="filter-card">
                        <div class="filter-icon">
                            <i class="mdi mdi-currency-usd"></i>
                        </div>
                        <h3 class="filter-title">Financial Goals & Spending Habits</h3>
                        <p class="filter-text">Find partners aligned with your wealth dreams, from savings to luxury lifestyles.</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 my-2">
                    <div class="filter-card">
                        <div class="filter-icon">
                            <i class="mdi mdi-handcuffs"></i>
                        </div>
                        <h3 class="filter-title">Fetishes & Personalities</h3>
                        <p class="filter-text">Connect with those who share your unique desires and preferences.</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 my-2">
                    <div class="filter-card">
                        <div class="filter-icon">
                            <i class="mdi mdi-paw"></i>
                        </div>
                        <h3 class="filter-title">Lifestyle (Pets, Fitness, Diets)</h3>
                        <p class="filter-text">Match with partners who vibe with your pet love, fitness, or dietary choices.</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 my-2">
                    <div class="filter-card">
                        <div class="filter-icon">
                            <i class="mdi mdi-eye"></i>
                        </div>
                        <h3 class="filter-title">Eye Colors & Hair Styles</h3>
                        <p class="filter-text">Filter by physical traits to find your visually perfect match.</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 my-2">
                    <div class="filter-card">
                        <div class="filter-icon">
                            <i class="mdi mdi-human-male-female"></i>
                        </div>
                        <h3 class="filter-title">Body Types & Ethnicities</h3>
                        <p class="filter-text">Discover love based on body preferences and cultural backgrounds.</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 my-2">
                    <div class="filter-card">
                        <div class="filter-icon">
                            <i class="mdi mdi-school"></i>
                        </div>
                        <h3 class="filter-title">Education & Travel Preferences</h3>
                        <p class="filter-text">Connect with those who share your academic and travel passions.</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 my-2">
                    <div class="filter-card">
                        <div class="filter-icon">
                            <i class="mdi mdi-heart-pulse"></i>
                        </div>
                        <h3 class="filter-title">Health Habits & Exercise Frequency</h3>
                        <p class="filter-text">Find matches with similar health and fitness routines.</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 my-2">
                    <div class="filter-card">
                        <div class="filter-icon">
                            <i class="mdi mdi-briefcase"></i>
                        </div>
                        <h3 class="filter-title">Job Roles & Living Arrangements</h3>
                        <p class="filter-text">Align with partners based on career and living situations.</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 my-2">
                    <div class="filter-card">
                        <div class="filter-icon">
                            <i class="mdi mdi-church"></i>
                        </div>
                        <h3 class="filter-title">Religion & Languages</h3>
                        <p class="filter-text">Meet those who share your faith and linguistic background.</p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4 my-2">
                    <div class="filter-card">
                        <div class="filter-icon">
                            <i class="mdi mdi-movie"></i>
                        </div>
                        <h3 class="filter-title">Hobbies & Movie Genres</h3>
                        <p class="filter-text">Bond over shared interests and favorite films.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="bg-dark py-4">
        <div class="container my-3 py-5">
            <div class="row align-items-center text-white">
                <div class="col-12 col-md-5">
                    <div class="rounded-col-image">
                        <img src="/rss/img/couple-beach.jpg" alt="Stella Amor dating experience">
                    </div>
                </div>
                <div class="col-12 col-md-7 flex-column justify-center">
                    <h2 class="mb-3">Join the Best <span class="bolder text-primary">Dating Platform </span> with Advanced Filters</h2>
                    <p>Stella Amor offers free dating with advanced filters for finance, kinks, lifestyle, and more. Connect with singles who truly align with your values and passions. Start your journey to love today with a platform designed for your unique preferences!</p>
                    <div class="d-flex mt-3">
                        <a href="/register/" class="btn primary btn-sm">Read more</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="bg-white py-5">
        <div class="container my-5 text-muted">
            <div class="row align-items-center text-dark py-5">
                <div class="col-12 col-md-7 flex-column justify-center">
                    <h2 class="mb-3">Senior Dating Over 60: Where Experience Meets Compatibility</h2>
                    <p>For singles over 60, Stella Amor is the spot to find someone who appreciates the richness of life you've built. Filter for shared interests like gardening, grandkids, or leisurely travels, and discover connections that honor your wisdom and stories. It's designed for those ready for companionship that feels effortless and real.</p>
                </div>
                <div class="col-12 col-md-5">
                    <img src="/rss/img/senior.jpg" alt="Free senior dating" class="img-w-100 img-rounded-lg shadow-2" loading="lazy">
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="py-5 display-banner fitness-banner">
            <div class="container">
                <div class="flex-column justify-center align-center">
                    <h3 class="text-white">Fitness-Focused Dating for Active Lifestyles</h3>
                    <p class="text-white text-center">Love the gym but tired of mismatched energy levels? Stella Amor lets you filter for workout routines, nutrition preferences, and adventure goals, pairing you with someone who's as committed to health as you are. Couples formed here often bond over shared hikes or post-training meals that turn into something more.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="pt-5 pb-1 bg-white">
        <div class="container my-5 text-muted">
            <div class="row align-items-center border-bottom py-5 ">
                <div class="col-12 col-md-5 text-white">
                    <img src="/rss/img/kink2.jpg" alt="Free Kink-Friendly Dating" class="img-w-100 img-rounded-lg shadow-2" loading="lazy">
                </div>
                <div class="col-12 col-md-7 flex-column justify-center text-dark">
                    <h2 class="mb-3">Kink-Friendly Dating with Respect and Privacy</h2>
                    <p>Curious about kink but want a safe entry point? Stella Amor offers private filters for preferences and boundaries, ensuring matches are based on mutual respect and consent. It's a welcoming space where beginners can explore without judgment, building trust from the start.</p>
                </div>
            </div>
        </div>

        <div class="container my-5 pt-5 pb-4 border-bottom text-muted">
            <div class="row align-items-center pt-3">
                <div class="col-12 col-md-7 flex-column justify-center text-dark">
                    <h2 class="mb-3">Vegan Dating That Nourishes Body and Soul</h2>
                    <p>Being vegan is more than a diet. It's a lifestyle. Stella Amor helps plant-based singles find partners who share ethical eating and animal compassion through dedicated filters. From recipe swaps to ethical travel plans, these connections often grow into something deeply fulfilling.</p>
                </div>
                <div class="col-12 col-md-5">
                    <img src="/rss/img/vegan.jpg" alt="Vegan dating app" class="img-w-100 img-rounded-lg shadow-2" loading="lazy">
                </div>
            </div>
        </div>
    </section>


    <section class="success-stories bg-white">
        <div class="container text-light mb-3 pb-3">
            <div class="text-black">
                <h4 class="mb-4 text-center text-xl fw-medium">This is <span class="text-primary fw-bold">Stella Amor</span></h4>
                <p class="text-center">Your dating site for real compatibility in 2025. Where introverts, seniors over 60, book lovers, fitness enthusiasts, single parents, eco-conscious singles, and everyone exploring kink or plant-based living finally meet someone who truly gets them.</p>
                <p class="text-center">No endless swiping. No surface-level matches. Just thoughtful questions, detailed filters, and connections that feel right from the very first message. So what are you waiting for?
                    Create your profile today and start meeting people who match your lifestyle, values, and dreams.
                    Love that actually fits, begins here.</p>
                <div class="d-flex justify-center mt-4">
                    <a href="/register/" class="btn btn-outline-primary" title="Join now" aria-label="Sign up for free">Join now</a>
                </div>
            </div>
        </div>
    </section>
</main>