Merge version_1 into main #1
286
src/app/page.tsx
286
src/app/page.tsx
@@ -31,72 +31,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Packages", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CthVBfSjQiWJwfEODyGaCCDVeO/uploaded-1777211096292-4xlas479.png"
|
||||
brandName="Hooto"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Welcome to Hooto - Your Global Tourism Partner"
|
||||
description="Crafting unforgettable memories through bespoke travel packages, seamless flight bookings, and reliable currency exchange."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Packages",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Packages", href: "#products" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-asian-woman-with-suitcase-showing-passport-two-tickets-wearing-face-mask_1258-141084.jpg",
|
||||
imageAlt: "Travel scene 1",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-map-compass-passport-toy-bus_23-2148169873.jpg",
|
||||
imageAlt: "Travel scene 2",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-world-tourism-day-concept-with-copy-space_23-2148608886.jpg",
|
||||
imageAlt: "Travel scene 3",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-wtih-trendy-hat-sunglas_1258-119719.jpg",
|
||||
imageAlt: "Travel scene 4",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-travel-essentials-with-sunglasses-money_23-2148434416.jpg",
|
||||
imageAlt: "Travel scene 5",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-with-plane-flying-sky_23-2149553586.jpg",
|
||||
imageAlt: "Travel scene 6",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-asian-woman-with-suitcase-showing-passport-two-tickets-wearing-face-mask_1258-141084.jpg", imageAlt: "Travel scene 1" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/composition-map-compass-passport-toy-bus_23-2148169873.jpg", imageAlt: "Travel scene 2" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-world-tourism-day-concept-with-copy-space_23-2148608886.jpg", imageAlt: "Travel scene 3" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-wtih-trendy-hat-sunglas_1258-119719.jpg", imageAlt: "Travel scene 4" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-travel-essentials-with-sunglasses-money_23-2148434416.jpg", imageAlt: "Travel scene 5" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/landscape-with-plane-flying-sky_23-2149553586.jpg", imageAlt: "Travel scene 6" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,18 +66,9 @@ export default function LandingPage() {
|
||||
title="The House of Tourism"
|
||||
description="At Hooto, we specialize in delivering end-to-end travel excellence. From comprehensive outbound tourism for families to inbound adventures and corporate forex solutions, your journey is our mission."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Inbound & Outbound",
|
||||
description: "Expert travel planning across borders.",
|
||||
},
|
||||
{
|
||||
title: "Corporate & Forex",
|
||||
description: "Reliable currency exchange for your business travel.",
|
||||
},
|
||||
{
|
||||
title: "Insurance & Support",
|
||||
description: "Travel safer with our integrated coverage solutions.",
|
||||
},
|
||||
{ title: "Inbound & Outbound", description: "Expert travel planning across borders." },
|
||||
{ title: "Corporate & Forex", description: "Reliable currency exchange for your business travel." },
|
||||
{ title: "Insurance & Support", description: "Travel safer with our integrated coverage solutions." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indoor-portrait-happy-young-european-man-with-passport-posing-world-map-preparing-travelling-vacation-trip_291650-89.jpg"
|
||||
/>
|
||||
@@ -132,27 +81,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Flight Bookings",
|
||||
description: "Best fares on domestic and international routes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-airplane-clock-sunglasses_23-2148786114.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/high-angle-person-holding-physical-virtual-health-passport-smartphone_23-2149025115.jpg",
|
||||
buttonText: "View Fares",
|
||||
},
|
||||
{
|
||||
title: "Cruise Vacations",
|
||||
description: "Luxurious maritime travel experiences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-travel-icon-with-boat_23-2151037327.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/nautical-flat-icons-set_23-2147491207.jpg",
|
||||
buttonText: "See Routes",
|
||||
},
|
||||
{
|
||||
title: "Travel Insurance",
|
||||
description: "Comprehensive protection for every journey.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-tourist-with-pink-bag-mask-white-wall_179666-29123.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-female-tourist-mask-holding-bank-card_179666-32428.jpg",
|
||||
buttonText: "Get Protected",
|
||||
},
|
||||
{ title: "Flight Bookings", description: "Best fares on domestic and international routes.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-airplane-clock-sunglasses_23-2148786114.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/high-angle-person-holding-physical-virtual-health-passport-smartphone_23-2149025115.jpg", buttonText: "View Fares" },
|
||||
{ title: "Cruise Vacations", description: "Luxurious maritime travel experiences.", imageSrc: "http://img.b2bpic.net/free-photo/3d-travel-icon-with-boat_23-2151037327.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/nautical-flat-icons-set_23-2147491207.jpg", buttonText: "See Routes" },
|
||||
{ title: "Travel Insurance", description: "Comprehensive protection for every journey.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-tourist-with-pink-bag-mask-white-wall_179666-29123.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-female-tourist-mask-holding-bank-card_179666-32428.jpg", buttonText: "Get Protected" }
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="We offer a suite of services designed to handle your entire travel experience under one roof."
|
||||
@@ -164,49 +95,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Maldives Paradise",
|
||||
price: "$1,200",
|
||||
variant: "Outbound",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-open-notebook-with-starfish-other-decorative-items_23-2147635778.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Swiss Alps Trek",
|
||||
price: "$2,500",
|
||||
variant: "Outbound",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-embraces-challenge-trekking-through-wilderness_482257-119787.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tokyo Heritage",
|
||||
price: "$1,800",
|
||||
variant: "Cultural",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-church-tower_23-2148107081.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Luxury Mediterranean Cruise",
|
||||
price: "$3,200",
|
||||
variant: "Cruise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-relaxing-coffee-cup-terrace_23-2149711973.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Kenya Safari Expedition",
|
||||
price: "$2,800",
|
||||
variant: "Adventure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-girl-exploring-nature_23-2150559772.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "London City Escape",
|
||||
price: "$900",
|
||||
variant: "Urban",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-airplane-miniature-notebook-world-map-flat-lay_169016-28232.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Maldives Paradise", price: "$1,200", variant: "Outbound", imageSrc: "http://img.b2bpic.net/free-photo/top-view-open-notebook-with-starfish-other-decorative-items_23-2147635778.jpg" },
|
||||
{ id: "p2", name: "Swiss Alps Trek", price: "$2,500", variant: "Outbound", imageSrc: "http://img.b2bpic.net/free-photo/hiker-embraces-challenge-trekking-through-wilderness_482257-119787.jpg" },
|
||||
{ id: "p3", name: "Tokyo Heritage", price: "$1,800", variant: "Cultural", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-church-tower_23-2148107081.jpg" },
|
||||
{ id: "p4", name: "Luxury Mediterranean Cruise", price: "$3,200", variant: "Cruise", imageSrc: "http://img.b2bpic.net/free-photo/still-life-relaxing-coffee-cup-terrace_23-2149711973.jpg" },
|
||||
{ id: "p5", name: "Kenya Safari Expedition", price: "$2,800", variant: "Adventure", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-girl-exploring-nature_23-2150559772.jpg" },
|
||||
{ id: "p6", name: "London City Escape", price: "$900", variant: "Urban", imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-airplane-miniature-notebook-world-map-flat-lay_169016-28232.jpg" }
|
||||
]}
|
||||
title="Premium Travel Packages"
|
||||
description="Explore our curated destinations, from exotic beaches to urban cultural getaways."
|
||||
@@ -219,56 +115,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$499",
|
||||
subtitle: "Domestic Quick Trips",
|
||||
features: [
|
||||
"Hotel Booking",
|
||||
"Airport Transfers",
|
||||
"24/7 Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Elite",
|
||||
price: "$1,499",
|
||||
subtitle: "International Packages",
|
||||
features: [
|
||||
"Full Flights",
|
||||
"Luxury Resort",
|
||||
"Travel Insurance",
|
||||
"Forex Setup",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
badge: "Global",
|
||||
price: "$2,999",
|
||||
subtitle: "Luxury Multi-Country Tours",
|
||||
features: [
|
||||
"VIP Cruise",
|
||||
"Private Guides",
|
||||
"Full Insurance",
|
||||
"Forex Premium",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Enquire",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$499", subtitle: "Domestic Quick Trips", features: ["Hotel Booking", "Airport Transfers", "24/7 Support"], buttons: [{ text: "Select" }] },
|
||||
{ id: "pro", badge: "Elite", price: "$1,499", subtitle: "International Packages", features: ["Full Flights", "Luxury Resort", "Travel Insurance", "Forex Setup"], buttons: [{ text: "Book Now" }] },
|
||||
{ id: "ent", badge: "Global", price: "$2,999", subtitle: "Luxury Multi-Country Tours", features: ["VIP Cruise", "Private Guides", "Full Insurance", "Forex Premium"], buttons: [{ text: "Enquire" }] }
|
||||
]}
|
||||
title="Flexible Travel Plans"
|
||||
description="From budget explorers to luxury seekers, find the right package for you."
|
||||
@@ -282,26 +131,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Anjali & Rahul"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-plaid-shirt-takes-selfie-smiles-tourist-holds-phone-backpack-blonde-girl-sunglasses-listens-music-headphones_197531-27077.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/travel-navigation-journey-vacation-trip-telephone-concept_53876-127692.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-new-town_23-2148631400.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tourist-couple-taking-photo-city_23-2147828030.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-glad-female-smiles-gently-has-hiking-tour-with-rucksack_273609-25972.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-young-woman-plaid-shirt-takes-selfie-smiles-tourist-holds-phone-backpack-blonde-girl-sunglasses-listens-music-headphones_197531-27077.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/travel-navigation-journey-vacation-trip-telephone-concept_53876-127692.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-new-town_23-2148631400.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tourist-couple-taking-photo-city_23-2147828030.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cropped-image-glad-female-smiles-gently-has-hiking-tour-with-rucksack_273609-25972.jpg", alt: "User 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -312,21 +146,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide forex?",
|
||||
content: "Yes, we handle various currency exchanges for our clients.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you book cruises?",
|
||||
content: "Absolutely, we partner with top-tier cruise lines worldwide.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is insurance included?",
|
||||
content: "We provide flexible insurance options for all travel packages.",
|
||||
},
|
||||
{ id: "f1", title: "Do you provide forex?", content: "Yes, we handle various currency exchanges for our clients." },
|
||||
{ id: "f2", title: "Can you book cruises?", content: "Absolutely, we partner with top-tier cruise lines worldwide." },
|
||||
{ id: "f3", title: "Is insurance included?", content: "We provide flexible insurance options for all travel packages." }
|
||||
]}
|
||||
sideTitle="Travel Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -336,9 +158,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Start Your Next Journey"
|
||||
description="Ready to explore? Contact us for custom quotes and expert travel advice."
|
||||
@@ -352,36 +172,12 @@ export default function LandingPage() {
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CthVBfSjQiWJwfEODyGaCCDVeO/uploaded-1777211096292-4xlas479.png"
|
||||
logoText="Hooto"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user