@page "/backgroundtest"
@inject IStringLocalizer<TIAMResources> localizer;
@using TIAM.Resources
@using TIAMSharedUI.Shared
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI

<div class="hero">

    <div class="parallax-layer layer-6"></div>
    <div class="parallax-layer layer-5"></div>
    <div class="parallax-layer layer-4"></div>
    <div class="parallax-layer bike-1"></div>
    <div class="parallax-layer bike-2"></div>
    <div class="parallax-layer layer-3"></div>
    <div class="parallax-layer layer-2"></div>
    <div class="parallax-layer layer-1"></div>
    <div class="logo">
        <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/24650/logo.svg" alt="" />
    </div>
</div>

<HeroSlider SliderItems="@sliders" PBottom="50px" Height="70vh"></HeroSlider>

<section class="py-5 bg-light">
    <div class="container">
        <div class="row align-items-center">
            <!-- Text Content -->
            <div class="col-md-6">
                <h2>@localizer.GetString("Index.WhoWeAre")</h2>
                <p>We’re not here to take over your trip. We’re here to help shape it — with smooth rides, flexible options, and curated experiences you can actually enjoy.</p>
                <p>Think of us as your private ride — whether you’re heading to the airport, a spa town, a winery, or somewhere off the map.</p>
                <p>You can follow one of our signature routes, or create your own. We adapt. You decide. We take care of the road.</p>
                <p>Our role changes with every guest. Sometimes we’re your calm in the chaos. Sometimes we’re your quiet local expert. Sometimes we’re just there — when you need someone who knows the way.</p>
            </div>
            <!-- Image Placeholder -->
            <div class="col-md-6 text-center">
                <img src="https://via.placeholder.com/500x350" alt="Who we are" class="img-fluid rounded shadow">
            </div>
        </div>
    </div>
</section>

@code {
    public List<HeroSliderItem> sliders = new List<HeroSliderItem>
    {
        new HeroSliderItem
        {
            Title = "Experience Hungary on Your Terms",
            Subtitle = "Discover the freedom of personalized travel with expert private transfers and curated inspiration.",
            ImageUrl = "https://images.unsplash.com/photo-1551867633-194f125bddfa?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
            ButtonText = "Explore Our Programs",
            ButtonUrl= "/signature-ride-packages"
        },
        new HeroSliderItem
        {
            Title = "Experience Hungary on Your Terms",
            Subtitle = "Discover the freedom of personalized travel with expert private transfers and curated inspiration.",
            ImageUrl = "https://images.unsplash.com/photo-1549877452-9c387954fbc2?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
            ButtonText = "Book now",
            ButtonUrl= "/transfer"
        },
        new HeroSliderItem
        {
            Title = "Experience Hungary on Your Terms",
            Subtitle = "",
            ImageUrl = "https://images.unsplash.com/photo-1507622560124-621e26755fb8?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
            ButtonText = "",
            ButtonUrl= ""
        }
    };
}