Merge version_1 into main #2
367
src/app/page.tsx
367
src/app/page.tsx
@@ -27,270 +27,125 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Destinations",
|
||||
id: "#destinations",
|
||||
},
|
||||
{
|
||||
name: "Branches",
|
||||
id: "#branches",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Duba Travels"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Destinations", id: "#destinations" },
|
||||
{ name: "Branches", id: "#branches" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Duba Travels"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Duba Travels"
|
||||
description="Premium travel solutions across the UAE and Kerala. Crafting unforgettable journeys for global explorers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Trip",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-hipster-couple-love-traveling-around-world_285396-3667.jpg",
|
||||
imageAlt: "Luxury travel across UAE and India",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-modern-aged-buildings-new-york-usa_1268-14970.jpg?_wi=1",
|
||||
imageAlt: "Dubai experience",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-boating-lake_23-2152023673.jpg?_wi=1",
|
||||
imageAlt: "Kerala tropical retreat",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Duba Travels"
|
||||
description="Premium travel solutions across the UAE and Kerala. Crafting unforgettable journeys for global explorers."
|
||||
buttons={[{ text: "Plan Your Trip", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-happy-hipster-couple-love-traveling-around-world_285396-3667.jpg", imageAlt: "Luxury travel across UAE and India" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-modern-aged-buildings-new-york-usa_1268-14970.jpg", imageAlt: "Dubai experience" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/autumn-boating-lake_23-2152023673.jpg", imageAlt: "Kerala tropical retreat" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Your Trusted Global Travel Partner",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Know More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[{ type: "text", content: "Your Trusted Global Travel Partner" }]}
|
||||
buttons={[{ text: "Know More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="destinations" data-section="destinations">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "UAE Elegance",
|
||||
description: "From Abu Dhabi to Dubai, experience the luxury and cultural richness of the Emirates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "God's Own Country",
|
||||
description: "Expertly curated tours through the serene backwaters and hills of Kerala, India.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-boating-lake_23-2152023673.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Global Connections",
|
||||
description: "Seamless transit and travel solutions linking Middle East and Indian travel hubs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-modern-aged-buildings-new-york-usa_1268-14970.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Explore Our Specialized Destinations"
|
||||
description="With a strong network in UAE and Kerala, we ensure seamless travel experiences tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="destinations" data-section="destinations">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "UAE Elegance", description: "From Abu Dhabi to Dubai, experience the luxury and cultural richness of the Emirates.", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg" },
|
||||
{ title: "God's Own Country", description: "Expertly curated tours through the serene backwaters and hills of Kerala, India.", imageSrc: "http://img.b2bpic.net/free-photo/autumn-boating-lake_23-2152023673.jpg" },
|
||||
{ title: "Global Connections", description: "Seamless transit and travel solutions linking Middle East and Indian travel hubs.", imageSrc: "http://img.b2bpic.net/free-photo/high-modern-aged-buildings-new-york-usa_1268-14970.jpg" },
|
||||
]}
|
||||
title="Explore Our Specialized Destinations"
|
||||
description="With a strong network in UAE and Kerala, we ensure seamless travel experiences tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="branches" data-section="branches">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Abu Dhabi",
|
||||
description: "Main corporate office serving capital travelers.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg?_wi=3",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Sharjah & Ajman",
|
||||
description: "Serving the Northern Emirates community.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg?_wi=4",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg?_wi=5",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Dubai & RAK",
|
||||
description: "Expert services for business and leisure travel.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg?_wi=6",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg?_wi=7",
|
||||
},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Our Branch Network"
|
||||
description="Serving you from 6 strategically located branches."
|
||||
/>
|
||||
</div>
|
||||
<div id="branches" data-section="branches">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={false}
|
||||
title="Our Branch Network"
|
||||
description="Serving you from 6 strategically located branches."
|
||||
features={[
|
||||
{ id: 1, title: "Abu Dhabi", description: "Main corporate office serving capital travelers.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg" } },
|
||||
{ id: 2, title: "Sharjah & Ajman", description: "Serving the Northern Emirates community.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg" } },
|
||||
{ id: 3, title: "Dubai & RAK", description: "Expert services for business and leisure travel.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg" } },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Visa Assistance",
|
||||
description: "Hassle-free visa processing.",
|
||||
tag: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-modern-aged-buildings-new-york-usa_1268-14970.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Flight Bookings",
|
||||
description: "Best fares on international flights.",
|
||||
tag: "Booking",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-boating-lake_23-2152023673.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Tour Packages",
|
||||
description: "Customized leisure itineraries.",
|
||||
tag: "Leisure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg?_wi=8",
|
||||
},
|
||||
]}
|
||||
title="Travel Services"
|
||||
description="Comprehensive travel logistics for individuals and corporate clients."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Travel Services"
|
||||
description="Comprehensive travel logistics for individuals and corporate clients."
|
||||
features={[
|
||||
{ id: "s1", title: "Visa Assistance", description: "Hassle-free visa processing.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/high-modern-aged-buildings-new-york-usa_1268-14970.jpg" },
|
||||
{ id: "s2", title: "Flight Bookings", description: "Best fares on international flights.", tag: "Booking", imageSrc: "http://img.b2bpic.net/free-photo/autumn-boating-lake_23-2152023673.jpg" },
|
||||
{ id: "s3", title: "Tour Packages", description: "Customized leisure itineraries.", tag: "Leisure", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mosque-islamic-new-year-celebration-with-fantasy-architecture_23-2151457501.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed Al Maktoum",
|
||||
date: "Jan 2025",
|
||||
title: "Frequent Traveler",
|
||||
quote: "Excellent service and quick visa processing.",
|
||||
tag: "Happy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-tourist-man-sits-with-suitcase-holds-smartphone-passport-tickets-goes_1258-270766.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-around-outdoor-swimming-pool-hotel-resort-with-palm-tree-sunset-sunrise_74190-10193.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya Nair",
|
||||
date: "Dec 2024",
|
||||
title: "Business Traveler",
|
||||
quote: "Seamless experience for my UAE trip.",
|
||||
tag: "Satisfied",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-tourist-man-sits-with-suitcase-holds-smartphone-passport-tickets-goes_1258-270766.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-around-outdoor-swimming-pool-hotel-resort-with-palm-tree-sunset-sunrise_74190-10193.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John Smith",
|
||||
date: "Nov 2024",
|
||||
title: "Tourist",
|
||||
quote: "Great packages for our Kerala trip.",
|
||||
tag: "Delighted",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-tourist-man-sits-with-suitcase-holds-smartphone-passport-tickets-goes_1258-270766.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-around-outdoor-swimming-pool-hotel-resort-with-palm-tree-sunset-sunrise_74190-10193.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sara Khan",
|
||||
date: "Oct 2024",
|
||||
title: "Student",
|
||||
quote: "Very helpful staff in the Dubai branch.",
|
||||
tag: "Thankful",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-tourist-man-sits-with-suitcase-holds-smartphone-passport-tickets-goes_1258-270766.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-around-outdoor-swimming-pool-hotel-resort-with-palm-tree-sunset-sunrise_74190-10193.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Client Journeys"
|
||||
description="Hear from travelers who chose Duba Travels."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Journeys"
|
||||
description="Hear from travelers who chose Duba Travels."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ahmed Al Maktoum", date: "Jan 2025", title: "Frequent Traveler", quote: "Excellent service and quick visa processing.", tag: "Happy", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-tourist-man-sits-with-suitcase-holds-smartphone-passport-tickets-goes_1258-270766.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-around-outdoor-swimming-pool-hotel-resort-with-palm-tree-sunset-sunrise_74190-10193.jpg" },
|
||||
{ id: "2", name: "Priya Nair", date: "Dec 2024", title: "Business Traveler", quote: "Seamless experience for my UAE trip.", tag: "Satisfied", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-tourist-man-sits-with-suitcase-holds-smartphone-passport-tickets-goes_1258-270766.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-around-outdoor-swimming-pool-hotel-resort-with-palm-tree-sunset-sunrise_74190-10193.jpg" },
|
||||
{ id: "3", name: "John Smith", date: "Nov 2024", title: "Tourist", quote: "Great packages for our Kerala trip.", tag: "Delighted", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-tourist-man-sits-with-suitcase-holds-smartphone-passport-tickets-goes_1258-270766.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-around-outdoor-swimming-pool-hotel-resort-with-palm-tree-sunset-sunrise_74190-10193.jpg" },
|
||||
{ id: "4", name: "Sara Khan", date: "Oct 2024", title: "Student", quote: "Very helpful staff in the Dubai branch.", tag: "Thankful", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-tourist-man-sits-with-suitcase-holds-smartphone-passport-tickets-goes_1258-270766.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-around-outdoor-swimming-pool-hotel-resort-with-palm-tree-sunset-sunrise_74190-10193.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Plan your next journey with Duba Travels."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/europe-poland-maps-desk_23-2148232493.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Plan your next journey with Duba Travels."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/europe-poland-maps-desk_23-2148232493.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Duba Travels"
|
||||
copyrightText="© 2025 Duba Travels. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Duba Travels"
|
||||
copyrightText="© 2025 Duba Travels. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user