238 lines
12 KiB
TypeScript
238 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Arctic Travels"
|
|
navItems={[
|
|
{ name: "Destinations", id: "destinations" },
|
|
{ name: "Packages", id: "packages" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Book Now", id: "book-now" },
|
|
]}
|
|
bottomLeftText="Whistler, Canada"
|
|
bottomRightText="book@arctictravels.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Your Luxury Ski Vacation, Expertly Planned"
|
|
description="Easily plan your ideal ski trip from home with the help of professionals"
|
|
background={{ variant: "downward-rays-static" }}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/skier-skiing-snowy-mountains_107420-95978.jpg", alt: "Alpine skier on mountain"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/snow-scoot-snow-bike-extreme-winter-sports_654080-908.jpg", alt: "Snowboarder in action"
|
|
},
|
|
]}
|
|
avatarText="Trusted by thousands of ski enthusiasts worldwide"
|
|
buttons={[{ text: "Book here", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Arctic Travels - Plan Your Perfect Winter Ski Trip"
|
|
/>
|
|
</div>
|
|
|
|
<div id="travel-options" data-section="travel-options">
|
|
<ProductCardOne
|
|
title="Explore Your Options"
|
|
description="Choose exactly how you want to experience your perfect ski vacation"
|
|
products={[
|
|
{
|
|
id: "regions", name: "Regions: Alpine, Powder & Resort", price: "20+ destinations", imageSrc: "http://img.b2bpic.net/free-photo/landscape-ropeways-surrounded-by-hills-forests-covered-snow-blue-sky_181624-39788.jpg?_wi=1", imageAlt: "Featured ski regions worldwide"
|
|
},
|
|
{
|
|
id: "lodging", name: "Lodging: 5-Star Mountain Retreats", price: "Luxury accommodations", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263619.jpg", imageAlt: "Premium mountain lodging"
|
|
},
|
|
{
|
|
id: "resorts", name: "Resorts: Iconic & Exclusive", price: "Top-tier resorts", imageSrc: "http://img.b2bpic.net/free-photo/chair-lift-french-mountain-europe_268835-3582.jpg", imageAlt: "World-class ski resorts"
|
|
},
|
|
{
|
|
id: "passes", name: "Passes: Unlimited Mountain Access", price: "All-inclusive packages", imageSrc: "http://img.b2bpic.net/free-vector/winter-sport-banners_23-2148008618.jpg", imageAlt: "Comprehensive ski pass options"
|
|
},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
cardNameClassName="text-sm font-semibold text-gray-800"
|
|
buttons={[{ text: "Book here", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-resorts" data-section="featured-resorts">
|
|
<ProductCardOne
|
|
title="Featured Destinations"
|
|
description="Discover our world-class ski resorts offering luxury experiences and perfect powder"
|
|
tag="Top Resorts"
|
|
products={[
|
|
{
|
|
id: "niseko", name: "Niseko, Japan", price: "Premium powder experience", imageSrc: "http://img.b2bpic.net/free-photo/landscape-ropeways-surrounded-by-hills-forests-covered-snow-blue-sky_181624-39788.jpg?_wi=2", imageAlt: "Niseko ski resort"
|
|
},
|
|
{
|
|
id: "chamonix", name: "Chamonix, France", price: "Alpine mountain adventure", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-ski-resort-chamonix-mont-blanc-alps_181624-42091.jpg", imageAlt: "Chamonix ski resort"
|
|
},
|
|
{
|
|
id: "zermatt", name: "Zermatt, Switzerland", price: "Iconic mountain luxury", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-woman-chair-lift-french-alps-europe_268835-3616.jpg", imageAlt: "Zermatt ski resort"
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-arctic" data-section="why-arctic">
|
|
<TextAbout
|
|
tag="Why Choose Us"
|
|
title="We combine luxurious quality with the best possible prices for your perfect ski adventure"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn more", href: "#book-now" },
|
|
{ text: "Book here", href: "#contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Our platform partners with the world's finest travel and hospitality brands"
|
|
tag="Partnerships"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Expedia", "Booking.com", "Airbnb", "Marriott", "Hyatt", "Four Seasons", "Ritz Carlton", "Peninsula Hotels"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Clients Say"
|
|
description="Hear from affluent travelers who've experienced the Arctic Travels difference"
|
|
tag="Client Stories"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "James Morrison", role: "CEO", company: "Tech Ventures Inc", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "James Morrison"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Chen", role: "Executive Director", company: "Global Investments", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Michael Richardson", role: "Founder", company: "Alpine Ventures", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Michael Richardson"
|
|
},
|
|
{
|
|
id: "4", name: "Victoria Laurent", role: "Chief Marketing Officer", company: "Luxury Brands Co", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "Victoria Laurent"
|
|
},
|
|
{
|
|
id: "5", name: "David Whitmore", role: "Managing Director", company: "Wealth Management Partners", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "David Whitmore"
|
|
},
|
|
{
|
|
id: "6", name: "Elisabeth Bergman", role: "President", company: "Nordic Holdings", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=2", imageAlt: "Elisabeth Bergman"
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "20+", label: "Worldwide Resorts" },
|
|
{ value: "15,000+", label: "Happy Travelers" },
|
|
{ value: "98%", label: "Satisfaction Rate" },
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
uniformGridCustomHeightClasses="min-h-100 2xl:min-h-110"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactText
|
|
text="Ready to plan your perfect winter adventure? Let our specialized travel agents help you create an unforgettable luxury ski experience tailored to your desires."
|
|
animationType="reveal-blur"
|
|
background={{ variant: "downward-rays-animated" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Book here", href: "#contact" },
|
|
{ text: "Contact us", href: "mailto:book@arctictravels.com" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{ label: "Destinations", href: "#destinations" },
|
|
{ label: "Resorts", href: "#resorts" },
|
|
{ label: "Packages", href: "#packages" },
|
|
{ label: "Blog", href: "#blog" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Team", href: "#team" },
|
|
{ label: "Careers", href: "#careers" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#privacy" },
|
|
{ label: "Terms of Service", href: "#terms" },
|
|
{ label: "Booking Terms", href: "#booking-terms" },
|
|
{ label: "Accessibility", href: "#accessibility" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2025 Arctic Travels. All rights reserved."
|
|
bottomRightText="Luxury ski vacations for discerning travelers"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|