TourIAm/TIAMSharedUI/Pages/Tests/BackgroundTest.razor

72 lines
3.4 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@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>Were not here to take over your trip. Were 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 youre 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 were your calm in the chaos. Sometimes were your quiet local expert. Sometimes were 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= ""
}
};
}