<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">Find <span class="text-primary">Exactly</span> Who You’re Looking For</h1>
                        <p class="lead mb-3">Stella Amor’s advanced filters let you match with partners based on finance, kinks, lifestyle, religion, and more. From wealth to unique desires, we’ve got you covered.</p>
                        <a href="/register/" class="mb-3 btn btn-dark cta-btn">Start Filtering Now</a>
                    </div>
                    <div class="image-col">
                        <div class="image-wrapper">
                            <img src="/rss/img/man-browsing.jpg" alt="Stella Amor advanced filters interface" loading="lazy" class="img-w-100 img-rounded-lg shadow-2">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="filter-section py-4 bg-accent-white">
        <div class="container my-5">
            <h2 class="mb-4 text-center">Tailor Your Search with Precision</h2>
            <div class="row g-4">
                <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">Wealth & Financial Goals</h3>
                        <p class="filter-text">Find a partner who shares your financial vision, whether it’s building wealth, saving for the future, or enjoying a luxurious lifestyle. Filter by income, net worth, or money management goals.</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">Kinks & Fetishes</h3>
                        <p class="filter-text">Embrace your desires with confidence. Match with singles who share your unique kinks or fetishes, from adventurous preferences to niche passions, in a safe, inclusive environment.</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 & Values</h3>
                        <p class="filter-text">Connect with partners who share your faith or core beliefs, like Muslims or Christians seeking matches with specific spiritual values or cultural practices.</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">Sexual Experience</h3>
                        <p class="filter-text">Whether you’re new to dating or prefer someone experienced, filter by romantic or sexual experience to find a partner who matches your comfort level.</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">Physical Traits</h3>
                        <p class="filter-text">Find your ideal match based on physical preferences, from body type to specific features like eye color or height, tailored to your desires.</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 & Hobbies</h3>
                        <p class="filter-text">Bond over shared passions, whether you’re a pet lover, fitness enthusiast, or hobbyist into gaming, travel, or outdoor adventures.</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</h3>
                        <p class="filter-text">Match with singles who share your academic background or passion for travel, from local adventures to international explorations.</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">Career & Living</h3>
                        <p class="filter-text">Find partners aligned with your professional ambitions or living arrangements, from career-driven individuals to those with specific home setups.</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 & Interests</h3>
                        <p class="filter-text">Connect over shared interests, from favorite movie genres like sci-fi or romance to activities like hiking, cooking, or creative hobbies.</p>
                    </div>
                </div>
            </div>
            <div class="d-flex justify-center mt-4 pt-5">
                <a href="/register/" class="btn btn-dark me-2">Join Free Now</a>
            </div>
            <p class="text-center mt-3">Stella Amor’s filters help you find your perfect match, no matter how specific your preferences!</p>
        </div>
    </section>

    <section class="features-section py-4 bg-white">
        <div class="container">
            <h2 class="mb-4 text-center">Who Can Stella Amor Help?</h2>
            <div class="row g-4">
                <div class="col-12 col-md-4">
                    <div class="theme-card primary card-hover">
                        <div class="card-header theme-header">
                            <img src="/rss/img/yacht2.jpg" alt="Wealth-focused dating" class="rounded-image object-center" loading="lazy">
                        </div>
                        <div class="card-body">
                            <h3 class="h3 fw-light">Ambitious Daters</h3>
                            <p class="text">Seeking wealth or shared financial goals? Filter by income, assets, or money management dreams to connect with ambitious singles ready for a secure future.</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/church.jpg" alt="Faith-based dating" class="rounded-image object-center" loading="lazy">
                        </div>
                        <div class="card-body">
                            <h3 class="h3 fw-light">Faithful Hearts</h3>
                            <p class="text">Find love rooted in shared beliefs. Muslims, Christians, or others can filter for partners with specific spiritual values or cultural practices.</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/couple-ice.jpg" alt="Experience-based dating" class="rounded-image object-center" loading="lazy">
                        </div>
                        <div class="card-body">
                            <h3 class="h3 fw-light">First-Time Romantics</h3>
                            <p class="text">New to dating or seeking someone experienced? Filter by romantic or sexual experience to find a partner who matches your comfort level and desires.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-flex justify-center mt-4">
                <a href="/register/" class="btn btn-dark">Create Your Free Account</a>
            </div>
        </div>
    </section>
</main>