Merge version_2 into main #1
281
src/app/page.tsx
281
src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Building2, Compass, Mountain, Sun, Waves } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,22 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Packages", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="IndiTravel"
|
||||
/>
|
||||
@@ -53,67 +42,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
title="Experience the Soul of India"
|
||||
description="Embark on an unforgettable journey through ancient history, breathtaking landscapes, and vibrant cultures. Let us craft your perfect Indian getaway."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ecstatic-person-with-gamepad-delighted-gaming-doing-thumbs-up-sign_482257-122220.jpg",
|
||||
alt: "Traveler 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-tourist-visiting-great-wall-china_23-2151261921.jpg",
|
||||
alt: "Traveler 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-middle-aged-blonde-woman-wearing-santa-claus-headband-christmas-sweater-stretching-out-plastic-christmas-cup-towards-camera-looking-it-isolated-olive-green-wall_141793-102569.jpg",
|
||||
alt: "Traveler 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-male-with-bag-binoculars-pink-background_140725-122314.jpg",
|
||||
alt: "Traveler 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-climber-cheering-feeling-pleased-while-he-stretches-arms_482257-125517.jpg",
|
||||
alt: "Traveler 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/ecstatic-person-with-gamepad-delighted-gaming-doing-thumbs-up-sign_482257-122220.jpg", alt: "Traveler 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-tourist-visiting-great-wall-china_23-2151261921.jpg", alt: "Traveler 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-middle-aged-blonde-woman-wearing-santa-claus-headband-christmas-sweater-stretching-out-plastic-christmas-cup-towards-camera-looking-it-isolated-olive-green-wall_141793-102569.jpg", alt: "Traveler 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-male-with-bag-binoculars-pink-background_140725-122314.jpg", alt: "Traveler 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-climber-cheering-feeling-pleased-while-he-stretches-arms_482257-125517.jpg", alt: "Traveler 5" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ travelers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Packages",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Packages", href: "#products" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Himalayan Treks",
|
||||
icon: Mountain,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Palace Stays",
|
||||
icon: Building2,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Backwater Retreats",
|
||||
icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cultural Heritage",
|
||||
icon: Compass,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Yoga & Wellness",
|
||||
icon: Sun,
|
||||
},
|
||||
{ type: "text-icon", text: "Himalayan Treks", icon: Mountain },
|
||||
{ type: "text-icon", text: "Palace Stays", icon: Building2 },
|
||||
{ type: "text-icon", text: "Backwater Retreats", icon: Waves },
|
||||
{ type: "text-icon", text: "Cultural Heritage", icon: Compass },
|
||||
{ type: "text-icon", text: "Yoga & Wellness", icon: Sun },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,60 +82,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Heritage",
|
||||
name: "Royal Rajasthan",
|
||||
price: "₹35,000",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-men-resting-by-bonfire-with-their-camel_53876-47057.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Relaxation",
|
||||
name: "Kerala Backwaters",
|
||||
price: "₹28,000",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moving-house-boat-river_1353-206.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Beach",
|
||||
name: "Goa Tropical Escape",
|
||||
price: "₹22,000",
|
||||
rating: 4,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-sea_74190-6616.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Adventure",
|
||||
name: "Leh Ladakh Trekking",
|
||||
price: "₹45,000",
|
||||
rating: 5,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vast-valley-with-mountains-hill-sky_181624-26021.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Cultural",
|
||||
name: "Varanasi Spiritual Tour",
|
||||
price: "₹19,000",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-carrying-luggage_23-2151747354.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Wellness",
|
||||
name: "Rishikesh Yoga Retreat",
|
||||
price: "₹25,000",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-roof-skyscraper-big-city_1153-4898.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Heritage", name: "Royal Rajasthan", price: "₹35,000", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/indian-men-resting-by-bonfire-with-their-camel_53876-47057.jpg" },
|
||||
{ id: "p2", brand: "Relaxation", name: "Kerala Backwaters", price: "₹28,000", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/moving-house-boat-river_1353-206.jpg" },
|
||||
{ id: "p3", brand: "Beach", name: "Goa Tropical Escape", price: "₹22,000", rating: 4, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-sea_74190-6616.jpg" },
|
||||
]}
|
||||
title="Curated Indian Holiday Packages"
|
||||
description="Discover our handpicked travel itineraries designed for every kind of adventurer."
|
||||
@@ -196,53 +92,17 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Rajasthan!",
|
||||
quote: "The Royal Rajasthan tour was perfectly planned.",
|
||||
name: "Alice M.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecstatic-person-with-gamepad-delighted-gaming-doing-thumbs-up-sign_482257-122220.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Unforgettable Kerala",
|
||||
quote: "Houseboat stay was magical.",
|
||||
name: "David W.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-tourist-visiting-great-wall-china_23-2151261921.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Adventure of a Lifetime",
|
||||
quote: "Ladakh trekking was challenging but so rewarding.",
|
||||
name: "Sarah L.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-blonde-woman-wearing-santa-claus-headband-christmas-sweater-stretching-out-plastic-christmas-cup-towards-camera-looking-it-isolated-olive-green-wall_141793-102569.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Soulful Varanasi",
|
||||
quote: "Truly a transformative experience.",
|
||||
name: "James K.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-bag-binoculars-pink-background_140725-122314.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Relaxing Goa trip",
|
||||
quote: "Great beach resorts and local tips.",
|
||||
name: "Elena R.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-climber-cheering-feeling-pleased-while-he-stretches-arms_482257-125517.jpg",
|
||||
},
|
||||
]}
|
||||
title="Stories from the Road"
|
||||
description="Hear what our happy explorers have to say about their Indian adventures."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice M.", handle: "@alice_m", testimonial: "The Royal Rajasthan tour was perfectly planned.", imageSrc: "http://img.b2bpic.net/free-photo/ecstatic-person-with-gamepad-delighted-gaming-doing-thumbs-up-sign_482257-122220.jpg" },
|
||||
{ id: "2", name: "David W.", handle: "@david_w", testimonial: "Houseboat stay was magical.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-tourist-visiting-great-wall-china_23-2151261921.jpg" },
|
||||
{ id: "3", name: "Sarah L.", handle: "@sarah_l", testimonial: "Ladakh trekking was challenging but so rewarding.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-blonde-woman-wearing-santa-claus-headband-christmas-sweater-stretching-out-plastic-christmas-cup-towards-camera-looking-it-isolated-olive-green-wall_141793-102569.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -251,26 +111,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Best time to visit India?",
|
||||
content: "October to March is ideal for most regions.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need a visa?",
|
||||
content: "Yes, most international travelers require an E-Visa.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is internal transport included?",
|
||||
content: "Yes, all our packages include seamless inter-city transport.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "How to handle payments?",
|
||||
content: "We offer multiple secure payment options.",
|
||||
},
|
||||
{ id: "f1", title: "Best time to visit India?", content: "October to March is ideal for most regions." },
|
||||
{ id: "f2", title: "Do I need a visa?", content: "Yes, most international travelers require an E-Visa." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-travel-agency_52683-136431.jpg"
|
||||
imageAlt="Travel Support Team"
|
||||
@@ -283,71 +125,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Start Planning Your Adventure"
|
||||
description="Sign up for exclusive itineraries and travel tips curated for your next Indian escape."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterBase
|
||||
logoText="IndiTravel"
|
||||
columns={[
|
||||
{
|
||||
title: "Destinations",
|
||||
items: [
|
||||
{
|
||||
label: "Rajasthan",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Kerala",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Himalayas",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Destinations", items: [{ label: "Rajasthan", href: "#" }, { label: "Kerala", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 IndiTravel Services. All rights reserved."
|
||||
/>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #94877c;
|
||||
--background-accent: #15479c;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user