Merge version_1 into main #1
499
src/app/page.tsx
499
src/app/page.tsx
@@ -20,375 +20,158 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Tours",
|
||||
id: "#tours",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Phoenix Sky"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Tours", id: "#tours" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Phoenix Sky"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Soar Beyond Ordinary"
|
||||
description="Experience curated luxury travel with Phoenix Sky. From pristine beaches to breathtaking mountain vistas, we redefine your journey."
|
||||
tag="Travel with Elegance"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Tours",
|
||||
href: "#tours",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winsome-blonde-girl-striped-dress-chilling-cafe-smiling-gorgeous-young-woman-sitting-restaurant-with-glass-wine_197531-9588.jpg",
|
||||
imageAlt: "Airplane travel view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-boardwalk-surrounded-by-greenery-ceahlau-national-park-romania_181624-39242.jpg",
|
||||
imageAlt: "Mountain resort vista",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hudson-river-sunset-new-york-city_649448-4381.jpg",
|
||||
imageAlt: "City skyline sunset",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-long-hair-hat-sits-table-terrace-cafe-she-wears-white-dress-with-bare-shoulders-red-lipstick-sunglasses-she-looks-upset_197531-718.jpg",
|
||||
imageAlt: "Cute girl with long hair in hat sits at table on the terrace in cafe.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-pretty-long-hair-elegant-tourist-woman-dress-with-red-suitcase-outside-hotel_343596-3651.jpg",
|
||||
imageAlt: "Happy caucasian pretty long hair elegant tourist woman in dress with red suitcase outside hotel",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Soar Beyond Ordinary"
|
||||
description="Experience curated luxury travel with Phoenix Sky. From pristine beaches to breathtaking mountain vistas, we redefine your journey."
|
||||
tag="Travel with Elegance"
|
||||
buttons={[{ text: "Explore Tours", href: "#tours" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/winsome-blonde-girl-striped-dress-chilling-cafe-smiling-gorgeous-young-woman-sitting-restaurant-with-glass-wine_197531-9588.jpg", imageAlt: "Airplane travel view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-boardwalk-surrounded-by-greenery-ceahlau-national-park-romania_181624-39242.jpg", imageAlt: "Mountain resort vista" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hudson-river-sunset-new-york-city_649448-4381.jpg", imageAlt: "City skyline sunset" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Your Journey, Our Craft"
|
||||
description="At Phoenix Sky, we transform travel into seamless experiences. Our experts curate every detail to ensure you explore the world with absolute confidence and style."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Planning",
|
||||
description: "Hand-picked destinations for unique experiences.",
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Always there whenever you need us on your trip.",
|
||||
},
|
||||
{
|
||||
title: "Luxury Partners",
|
||||
description: "Exclusive access to premium resorts and tours.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-office-travel-agency_23-2150433337.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Your Journey, Our Craft"
|
||||
description="At Phoenix Sky, we transform travel into seamless experiences. Our experts curate every detail to ensure you explore the world with absolute confidence and style."
|
||||
bulletPoints={[
|
||||
{ title: "Expert Planning", description: "Hand-picked destinations for unique experiences." },
|
||||
{ title: "24/7 Support", description: "Always there whenever you need us on your trip." },
|
||||
{ title: "Luxury Partners", description: "Exclusive access to premium resorts and tours." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-office-travel-agency_23-2150433337.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Why Phoenix Sky?"
|
||||
description="We don't just book trips; we create memories. Our features are designed to simplify your travel."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "feat1",
|
||||
title: "Personalized Itineraries",
|
||||
content: "Tailored plans that match your unique travel style.",
|
||||
},
|
||||
{
|
||||
id: "feat2",
|
||||
title: "Global Expertise",
|
||||
content: "Local knowledge across over 50 destinations worldwide.",
|
||||
},
|
||||
{
|
||||
id: "feat3",
|
||||
title: "Seamless Booking",
|
||||
content: "Easy, transparent, and quick travel reservations.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-person-s-hand-writing-notepad-with-map-table_23-2147837153.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Why Phoenix Sky?"
|
||||
description="We don't just book trips; we create memories. Our features are designed to simplify your travel."
|
||||
accordionItems={[
|
||||
{ id: "feat1", title: "Personalized Itineraries", content: "Tailored plans that match your unique travel style." },
|
||||
{ id: "feat2", title: "Global Expertise", content: "Local knowledge across over 50 destinations worldwide." },
|
||||
{ id: "feat3", title: "Seamless Booking", content: "Easy, transparent, and quick travel reservations." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-person-s-hand-writing-notepad-with-map-table_23-2147837153.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="tours" data-section="tours">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Island Paradise",
|
||||
brand: "Luxury",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-sunlight-premium-sauna-panoramic-view_169016-68907.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Heritage Walk",
|
||||
brand: "Cultural",
|
||||
price: "$450",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-selfie-with-stick_23-2147762307.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Alpine Trek",
|
||||
brand: "Adventure",
|
||||
price: "$800",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hiker-carrying-backpack_23-2148941966.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Culinary Tour",
|
||||
brand: "Gastronomy",
|
||||
price: "$600",
|
||||
rating: 4,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-man-holding-fresh-yellow-flowers-participation-local-traditional-buddhist-ceremony-people-with-religion-relationship_1150-18092.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ocean Cruise",
|
||||
brand: "Luxury",
|
||||
price: "$2,500",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-tsunami-wave-crashing-into-city_23-2151810047.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Winter Escape",
|
||||
brand: "Adventure",
|
||||
price: "$1,100",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-leaning-black-vehicle-front-amazing-snowy-rocky-mountains-cloudy-skies_181624-1606.jpg",
|
||||
},
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Our most popular tour packages for every kind of adventurer."
|
||||
/>
|
||||
</div>
|
||||
<div id="tours" data-section="tours">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Island Paradise", brand: "Luxury", price: "$1,200", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-sunlight-premium-sauna-panoramic-view_169016-68907.jpg" },
|
||||
{ id: "p2", name: "Heritage Walk", brand: "Cultural", price: "$450", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-selfie-with-stick_23-2147762307.jpg" },
|
||||
{ id: "p3", name: "Alpine Trek", brand: "Adventure", price: "$800", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hiker-carrying-backpack_23-2148941966.jpg" }
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Our most popular tour packages for every kind of adventurer."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Happy Travelers",
|
||||
description: "Successful trips completed worldwide.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Destinations",
|
||||
description: "Unique locations waiting for you.",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Retention Rate",
|
||||
description: "Travelers who return to us.",
|
||||
icon: ThumbsUp,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="The numbers behind your trusted travel partner."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15k+", title: "Happy Travelers", description: "Successful trips completed worldwide.", icon: Users },
|
||||
{ id: "m2", value: "50+", title: "Destinations", description: "Unique locations waiting for you.", icon: MapPin },
|
||||
{ id: "m3", value: "98%", title: "Retention Rate", description: "Travelers who return to us.", icon: ThumbsUp }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="The numbers behind your trusted travel partner."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great trip!",
|
||||
quote: "Phoenix Sky planned our honeymoon perfectly.",
|
||||
name: "Sarah J.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-u-smiling-woman-holding-map-taking-selfie-outdoors_23-2148203086.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Amazing service",
|
||||
quote: "Professional, easy, and memorable experience.",
|
||||
name: "Mark D.",
|
||||
role: "Tourist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-happy-summer-beach-together-having-fun_285396-6484.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Top tier luxury",
|
||||
quote: "The best island resorts I've ever stayed at.",
|
||||
name: "Elena W.",
|
||||
role: "VIP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-content-business-consultant-talking-customer_1262-19146.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Adventure of a lifetime",
|
||||
quote: "The Alpine trek was expertly handled.",
|
||||
name: "David R.",
|
||||
role: "Hiker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-photography-day-celebration_23-2151644797.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Seamless booking",
|
||||
quote: "Highly recommend for hassle-free travel.",
|
||||
name: "Chloe L.",
|
||||
role: "Explorer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-traveling-with-backpack-hiking-mountains_1150-9387.jpg",
|
||||
},
|
||||
]}
|
||||
title="Travel Stories"
|
||||
description="What our guests say about their Phoenix Sky journey."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Great trip!", quote: "Phoenix Sky planned our honeymoon perfectly.", name: "Sarah J.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/close-u-smiling-woman-holding-map-taking-selfie-outdoors_23-2148203086.jpg" },
|
||||
{ id: "t2", title: "Amazing service", quote: "Professional, easy, and memorable experience.", name: "Mark D.", role: "Tourist", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-happy-summer-beach-together-having-fun_285396-6484.jpg" },
|
||||
{ id: "t3", title: "Top tier luxury", quote: "The best island resorts I've ever stayed at.", name: "Elena W.", role: "VIP", imageSrc: "http://img.b2bpic.net/free-photo/happy-content-business-consultant-talking-customer_1262-19146.jpg" }
|
||||
]}
|
||||
title="Travel Stories"
|
||||
description="What our guests say about their Phoenix Sky journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need insurance?",
|
||||
content: "Travel insurance is recommended for all international trips.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I cancel my trip?",
|
||||
content: "Yes, depending on your booking terms, we offer flexible cancellation.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide visas?",
|
||||
content: "We guide you through the process, but we don't issue them directly.",
|
||||
},
|
||||
]}
|
||||
title="Travel FAQs"
|
||||
description="Common questions about booking with Phoenix Sky."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do I need insurance?", content: "Travel insurance is recommended for all international trips." },
|
||||
{ id: "q2", title: "Can I cancel my trip?", content: "Yes, depending on your booking terms, we offer flexible cancellation." },
|
||||
{ id: "q3", title: "Do you provide visas?", content: "We guide you through the process, but we don't issue them directly." }
|
||||
]}
|
||||
title="Travel FAQs"
|
||||
description="Common questions about booking with Phoenix Sky."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Start Your Journey"
|
||||
title="Ready for your next adventure?"
|
||||
description="Get in touch today and let us build your perfect vacation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@phoenixsky.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Start Your Journey"
|
||||
title="Ready for your next adventure?"
|
||||
description="Get in touch today and let us build your perfect vacation."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@phoenixsky.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fog-covering-field-against-purple-sky-sunset_181624-60067.jpg"
|
||||
logoText="Phoenix Sky"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Tours",
|
||||
href: "#tours",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fog-covering-field-against-purple-sky-sunset_181624-60067.jpg"
|
||||
logoText="Phoenix Sky"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Tours", href: "#tours" }, { label: "Support", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user