245 lines
16 KiB
TypeScript
245 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="noise"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#hero"},
|
||
{
|
||
name: "About", id: "#about"},
|
||
{
|
||
name: "Services", id: "#features"},
|
||
{
|
||
name: "Journeys", id: "#products"},
|
||
{
|
||
name: "Testimonials", id: "#testimonials"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
logoSrc="http://img.b2bpic.net/free-vector/luxury-company-gold-color-logo-template_361591-685.jpg"
|
||
logoAlt="SAIF SPHERE Logo"
|
||
brandName="SAIF SPHERE"
|
||
button={{
|
||
text: "Begin Your Journey"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDualMedia
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Extraordinary Journeys Crafted for You"
|
||
description="SAIF SPHERE curates bespoke luxury travel experiences tailored to your vision. From private island escapes to exclusive cultural expeditions, we transform wanderlust into unforgettable reality."
|
||
tag="Luxury Travel Redefined"
|
||
buttons={[
|
||
{
|
||
text: "Begin Your Journey", href: "#contact"},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach_74190-182.jpg", imageAlt: "Luxury villa with infinity pool at sunset"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-ballerina-dancing-posing-outside_176420-1341.jpg", imageAlt: "Luxury private jet interior"},
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
rating={5}
|
||
ratingText="Rated Excellent by Discerning Travelers"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={true}
|
||
title="The Art of Bespoke Travel"
|
||
description={[
|
||
"At SAIF SPHERE, we understand that true luxury lies in personalization. We go beyond ordinary itineraries, crafting experiences that reflect your unique desires, passions, and pace.", "Our team of seasoned travel experts offers unparalleled access and meticulous attention to detail, ensuring every moment of your journey is seamless, exclusive, and unforgettable. Discover destinations reimagined, solely for you."]}
|
||
buttons={[
|
||
{
|
||
text: "Our Philosophy", href: "#"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardNineteen
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
tag: "Tailored", title: "Personalized Itineraries", subtitle: "Crafted to your preferences", description: "Every journey is a unique masterpiece, meticulously designed around your individual interests, schedule, and aspirations.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-travel-agent_23-2150433373.jpg", imageAlt: "Hand drawing a personalized travel itinerary"},
|
||
{
|
||
tag: "Exclusive", title: "Private Access & Experiences", subtitle: "Unveiling hidden gems", description: "Gain insider access to exclusive events, private estates, and cultural encounters rarely available to the public.", imageSrc: "http://img.b2bpic.net/free-photo/look-from-afar-woman-white-walking-green-forest_8353-500.jpg", imageAlt: "Entrance to an exclusive private location"},
|
||
{
|
||
tag: "Seamless", title: "White-Glove Logistics", subtitle: "Effortless travel, every step", description: "From private transfers and expedited immigration to dedicated concierge support, we manage every detail with precision.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-groom-his-tuxedo-fixing-his-cufflinks_181624-16954.jpg", imageAlt: "Concierge handling luxury luggage"},
|
||
]}
|
||
title="Exclusive Services for the Discerning Traveler"
|
||
description="Experience unparalleled convenience and insider access with our signature bespoke services."
|
||
tag="Our Commitments"
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "p1", name: "Private Yacht Charter", price: "Upon Request", variant: "Mediterranean Escape", imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6372.jpg", imageAlt: "Luxury yacht cruising the Mediterranean"},
|
||
{
|
||
id: "p2", name: "Alpine Chalet Retreat", price: "Upon Request", variant: "Swiss Alps Experience", imageSrc: "http://img.b2bpic.net/free-photo/cozy-cabin-middle-magical-winter-scenery-sainte-foy-tarentaise-french-alps_181624-11325.jpg", imageAlt: "Luxury chalet in the Swiss Alps"},
|
||
{
|
||
id: "p3", name: "Exclusive Wildlife Safari", price: "Upon Request", variant: "African Bush Adventure", imageSrc: "http://img.b2bpic.net/free-photo/indian-leopard-its-natural-habitat_475641-1602.jpg", imageAlt: "Luxury safari lodge in the African savanna"},
|
||
{
|
||
id: "p4", name: "Cultural Immersion Tour", price: "Upon Request", variant: "Ancient Wonders & Modern Comforts", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-holding-map_23-2148656193.jpg", imageAlt: "Ancient city ruins in a cultural destination"},
|
||
{
|
||
id: "p5", name: "Private Island Getaway", price: "Upon Request", variant: "Tropical Paradise Unveiled", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach_1203-6667.jpg", imageAlt: "Overwater bungalow on a private tropical island"},
|
||
{
|
||
id: "p6", name: "Gourmet Culinary Expedition", price: "Upon Request", variant: "World-Class Gastronomy", imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-enjoying-some-wine-rooftop-terrace_23-2149053036.jpg", imageAlt: "Fine dining experience in a gourmet restaurant"},
|
||
]}
|
||
title="Curated Journeys Beyond Expectation"
|
||
description="Explore a glimpse of the extraordinary expeditions we craft, each designed for maximum impact and exclusive indulgence."
|
||
tag="Signature Experiences"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Dr. Eleanor Vance", date: "March 2024", title: "A truly bespoke adventure", quote: "SAIF SPHERE transformed our anniversary trip into an odyssey. Every detail was flawless, from private transfers to exclusive access at historical sites. Pure luxury, thoughtfully delivered.", tag: "Honeymoon & Milestones", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-bearded-young-man-from-spain-elegant-gray-shirt_181624-58370.jpg", avatarAlt: "Dr. Eleanor Vance avatar", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-hug-smile-sitting-old-bus_1304-5367.jpg", imageAlt: "Couple relaxing on a luxury yacht"},
|
||
{
|
||
id: "t2", name: "Mr. Marcus Thorne", date: "February 2024", title: "Efficiency meets unparalleled luxury", quote: "As a busy executive, time is my most valuable asset. SAIF SPHERE handled everything, delivering an impeccable private island escape that felt effortless and truly rejuvenating.", tag: "Affluent Executive", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-stunning-woman-with-red-lips-elegant-make-up-wearing-glamour-black-dress-posing-white-background-evening-event_291049-2865.jpg", avatarAlt: "Mr. Marcus Thorne avatar", imageSrc: "http://img.b2bpic.net/free-photo/two-elegant-girls-resort_1157-24515.jpg", imageAlt: "Family enjoying a private villa pool"},
|
||
{
|
||
id: "t3", name: "Ms. Isabella Chen", date: "January 2024", title: "Cultural immersion at its finest", quote: "Our journey through Southeast Asia was beyond expectation. SAIF SPHERE provided access to local artisans and hidden temples, enriching our understanding with profound experiences.", tag: "Cultural Explorer", avatarSrc: "http://img.b2bpic.net/free-photo/rich-man-with-beard-smokes-electronic-cigarette_1153-7861.jpg", avatarAlt: "Ms. Isabella Chen avatar", imageSrc: "http://img.b2bpic.net/free-photo/portrait-amazing-graceful-girl-with-cute-smile-resting-couch-near-her-handsome-boyfriend-beautiful-young-couple-white-attires-having-fun-home-together-while-listening-music-bed_197531-3216.jpg", imageAlt: "Couple on a sunset beach"},
|
||
{
|
||
id: "t4", name: "Mr. David Kim", date: "November 2023", title: "The pinnacle of service", quote: "From the moment we landed, every logistic was seamlessly managed. SAIF SPHERE's team ensured our multi-city European tour was stress-free and utterly luxurious. A class apart.", tag: "International Business Traveler", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14373.jpg", avatarAlt: "Mr. David Kim avatar", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg", imageAlt: "Woman relaxing in a luxury spa"},
|
||
{
|
||
id: "t5", name: "Sophia & Liam Patel", date: "October 2023", title: "Unforgettable honeymoon perfection", quote: "Our honeymoon was a dream come true, thanks to SAIF SPHERE. The attention to detail, romantic touches, and curated experiences made it truly unforgettable.", tag: "Honeymoon & Milestones", avatarSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-wearing-jacket-checkered-shirt-looking-camera-studio_613910-21142.jpg", avatarAlt: "Sophia & Liam Patel avatar", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-outdoors_197531-5890.jpg", imageAlt: "Group of friends celebrating on a luxury trip"},
|
||
]}
|
||
title="What Our Clients Say"
|
||
description="Hear from those who have experienced the SAIF SPHERE difference – journeys crafted with precision, passion, and unparalleled service."
|
||
tag="Trusted Voices"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
names={[
|
||
"Virtuoso", "Leading Hotels", "Relais & Châteaux", "Forbes Travel Guide", "Private Jet Alliance", "Exclusive Resorts", "Yachting World", "Connoisseur's Club"]}
|
||
title="Preferred Partners & Recognitions"
|
||
description="Our collaborations with leading luxury brands and exclusive networks ensure unparalleled experiences worldwide."
|
||
tag="Global Network"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq1", title: "How does SAIF SPHERE personalize trips?", content: "We begin with an in-depth consultation to understand your unique preferences, interests, and travel style. Our designers then craft a bespoke itinerary, offering exclusive access and experiences tailored specifically for you."},
|
||
{
|
||
id: "faq2", title: "What kind of destinations and experiences do you offer?", content: "From private island getaways and exclusive safaris to cultural immersions and adrenaline-fueled adventures, we curate experiences across the globe. Our network provides access to the world's most luxurious and secluded destinations."},
|
||
{
|
||
id: "faq3", title: "What is the booking process like?", content: "Our process is entirely seamless. After your initial consultation and itinerary approval, we handle all bookings, logistics, and arrangements. You'll have a dedicated travel designer and 24/7 support throughout your journey."},
|
||
]}
|
||
title="Frequently Asked Questions"
|
||
description="Your guide to understanding the SAIF SPHERE experience and how we make every journey exceptional."
|
||
tag="Quick Answers"
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
tag="Contact Us"
|
||
title="Ready to Begin Your Extraordinary Journey?"
|
||
description="Connect with a SAIF SPHERE travel designer to start crafting your bespoke luxury experience today. Your next adventure awaits."
|
||
buttons={[
|
||
{
|
||
text: "Schedule Consultation", href: "#"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="SAIF SPHERE"
|
||
columns={[
|
||
{
|
||
title: "Explore", items: [
|
||
{
|
||
label: "Home", href: "#hero"},
|
||
{
|
||
label: "Services", href: "#features"},
|
||
{
|
||
label: "Journeys", href: "#products"},
|
||
],
|
||
},
|
||
{
|
||
title: "Company", items: [
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Testimonials", href: "#testimonials"},
|
||
{
|
||
label: "Partners", href: "#social-proof"},
|
||
],
|
||
},
|
||
{
|
||
title: "Support", items: [
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 SAIF SPHERE. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|