Update src/app/visa-requirements/page.tsx

Merge version_3 into main

src/app/about-afghanistan/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import MediaAbout from "@/components/sections/about/MediaAbout";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import { MapPin, History, BookOpen } from "lucide-react";
+
+export default function AboutAfghanistanPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarStyleApple
+                    navItems={[
+                        { name: "Home", id: "/" },
+                        { name: "About Afghanistan", id: "/about-afghanistan" },
+                    ]}
+                    brandName="Luxuria"
+                />
+                <div id="about-afghanistan">
+                  <MediaAbout
+                      tag="Overview"
+                      tagIcon={MapPin}
+                      title="A Country Overview"
+                      description="Strategically located at the crossroads of Central and South Asia, Afghanistan is a landlocked nation defined by its rugged Hindu Kush mountains."
+                      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg"
+                      useInvertedBackground={false}
+                  />
+                  <MediaAbout
+                      tag="Culture"
+                      tagIcon={BookOpen}
+                      title="Rich Cultural Heritage"
+                      description="From traditional music and poetry to intricate carpet weaving and hospitality, the culture reflects centuries of tradition."
+                      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg"
+                      useInvertedBackground={true}
+                  />
+                  <MediaAbout
+                      tag="History"
+                      tagIcon={History}
+                      title="Deep Historical Roots"
+                      description="Home to empires and historic Silk Road trade routes, Afghanistan's history is as complex as it is ancient."
+                      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp"
+                      useInvertedBackground={false}
+                  />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/accommodations/page.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function AccommodationsPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "About", id: "/about" },
+                        { name: "Services", id: "/services" },
+                        { name: "Attractions", id: "/attractions" },
+                        { name: "Accommodations", id: "/accommodations" },
+                        { name: "Reviews", id: "/reviews" },
+                        { name: "Contact", id: "/contact" },
+                    ]}
+                    brandName="Luxuria"
+                    button={{ text: "Plan Your Trip", href: "#contact" }}
+                />
+                <div id="accommodations">
+                  <FeatureCardOne
+                      className="pt-40"
+                      tag="Stay"
+                      title="Luxury Accommodations"
+                      description="Find your perfect home away from home."
+                      textboxLayout="default"
+                      animationType="slide-up"
+                      gridVariant="uniform-all-items-equal"
+                      useInvertedBackground={false}
+                      features={[
+                          { title: "Grand Hotel", description: "Experience ultimate luxury and comfort.", imageSrc: "", imageAlt: "Hotel" },
+                          { title: "Mountain Retreat", description: "Secluded lodge for perfect relaxation.", imageSrc: "", imageAlt: "Lodge" }
+                      ]}
+                  />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/attractions/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Plane } from "lucide-react";
+
+export default function AttractionsPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="solid"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "About", id: "/about" },
+                        { name: "Services", id: "/services" },
+                        { name: "Attractions", id: "/attractions" },
+                        { name: "Accommodations", id: "/accommodations" },
+                        { name: "Reviews", id: "/reviews" },
+                        { name: "Contact", id: "/contact" },
+                    ]}
+                    brandName="Luxuria"
+                    button={{ text: "Plan Your Trip", href: "#contact" }}
+                />
+                <div id="attractions">
+                  <FeatureCardMedia
+                      className="pt-40"
+                      tag="Destinations"
+                      tagIcon={Plane}
+                      title="Major Tourist Attractions"
+                      description="Discover the most iconic sites across the region."
+                      textboxLayout="default"
+                      animationType="slide-up"
+                      useInvertedBackground={false}
+                      features={[
+                          { id: "1", title: "Bamiyan", description: "Ancient Buddhist heritage sites.", tag: "Culture", imageSrc: "", imageAlt: "Bamiyan" },
+                          { id: "2", title: "Kabul", description: "Vibrant capital city with historical landmarks.", tag: "City", imageSrc: "", imageAlt: "Kabul" },
+                          { id: "3", title: "Herat", description: "Known for its historic citadel and mosques.", tag: "History", imageSrc: "", imageAlt: "Herat" }
+                      ]}
+                  />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/best-time-to-visit/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import LegalSection from "@/components/legal/LegalSection";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+
+export default function BestTimeToVisitPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="medium">
+      <ReactLenis root>
+        <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Visa", id: "/visa-requirements" },
+                { name: "Transport", id: "/getting-around" },
+                { name: "Best Time", id: "/best-time-to-visit" },
+            ]}
+        />
+        <div id="best-time-to-visit" data-section="best-time-to-visit">
+          <LegalSection 
+              layout="page"
+              title="Best Time to Visit"
+              subtitle="Optimizing your journey based on seasonal travel insights"
+              sections={[
+                  { heading: "Seasonal Highlights", content: { type: "paragraph", text: "We analyze regional climate patterns to recommend the ideal travel window for your preferred activities." } },
+                  { heading: "Peak Seasons", content: { type: "list", items: ["Avoid tourist crowds with shoulder season planning", "Optimal weather for safari and expeditions", "Seasonal festivals and cultural events"] } }
+              ]}
+          />
+          <FooterBaseReveal
+              logoText="Luxuria"
+              columns={[]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/blog/page.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import BlogCardOne from "@/components/sections/blog/BlogCardOne";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function BlogPage() {
+    return (
+        <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarStyleApple
+                    navItems={[
+                        { name: "Home", id: "/" },
+                        { name: "Blog", id: "/blog" },
+                        { name: "Gallery", id: "/gallery" },
+                        { name: "Contact", id: "/contact" },
+                    ]}
+                    brandName="Luxuria"
+                />
+                <div id="blog">
+                  <BlogCardOne 
+                      title="Travel Guides & Insights"
+                      description="Discover expert travel tips and inspiring articles from around the world."
+                      animationType="slide-up"
+                      textboxLayout="default"
+                      useInvertedBackground={false}
+                      blogs={[
+                          { id: "1", category: "Europe", title: "Luxury Guide to Amalfi Coast", excerpt: "Explore the hidden gems of Italy's most beautiful coastline.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination4.webp", authorName: "Admin", authorAvatar: "", date: "May 2025" }
+                      ]}
+                  />
+                  <FooterBaseCard
+                      logoText="Luxuria"
+                      columns={[]}
+                  />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/contact/page.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function ContactPage() {
+    return (
+        <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarStyleApple
+                    navItems={[
+                        { name: "Home", id: "/" },
+                        { name: "Blog", id: "/blog" },
+                        { name: "Gallery", id: "/gallery" },
+                        { name: "Contact", id: "/contact" },
+                    ]}
+                    brandName="Luxuria"
+                />
+                <div id="contact">
+                  <ContactSplitForm 
+                      title="Let's Connect"
+                      description="Reach out to us for any questions regarding our luxury travel services."
+                      inputs={[
+                          { name: "name", type: "text", placeholder: "Full Name", required: true },
+                          { name: "email", type: "email", placeholder: "Email Address", required: true },
+                          { name: "message", type: "textarea", placeholder: "Tell us about your travel needs", required: false }
+                      ]}
+                      useInvertedBackground={false}
+                  />
+                </div>
+                <FooterBaseCard
+                    logoText="Luxuria"
+                    columns={[]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/gallery/page.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function GalleryPage() {
+    return (
+        <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="medium">
+            <ReactLenis root>
+                <NavbarStyleApple
+                    navItems={[
+                        { name: "Home", id: "/" },
+                        { name: "Blog", id: "/blog" },
+                        { name: "Gallery", id: "/gallery" },
+                        { name: "Contact", id: "/contact" },
+                    ]}
+                    brandName="Luxuria"
+                />
+                <div id="gallery">
+                  <ProductCardTwo 
+                      title="Tourism Gallery"
+                      description="A collection of moments from the world's most beautiful destinations."
+                      gridVariant="four-items-2x2-equal-grid"
+                      animationType="slide-up"
+                      textboxLayout="default"
+                      useInvertedBackground={false}
+                      products={[
+                          { id: "1", brand: "Maldives", name: "Private Island View", price: "", rating: 5, reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination6.webp" },
+                          { id: "2", brand: "Switzerland", name: "Alpine Retreat", price: "", rating: 5, reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination5.webp" }
+                      ]}
+                  />
+                  <FooterBaseCard
+                      logoText="Luxuria"
+                      columns={[]}
+                  />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/getting-around/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import LegalSection from "@/components/legal/LegalSection";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+
+export default function GettingAroundPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="medium">
+      <ReactLenis root>
+        <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Visa", id: "/visa-requirements" },
+                { name: "Transport", id: "/getting-around" },
+                { name: "Best Time", id: "/best-time-to-visit" },
+            ]}
+        />
+        <div id="getting-around" data-section="getting-around">
+          <LegalSection 
+              layout="page"
+              title="Getting Around"
+              subtitle="Transportation guide for our luxury destinations"
+              sections={[
+                  { heading: "Private Transfers", content: { type: "paragraph", text: "We coordinate private chauffeur services and airport transfers to ensure a seamless arrival experience." } },
+                  { heading: "Local Travel", content: { type: "numbered-list", items: ["Domestic flight connections", "Private yacht charters", "Luxury rental car options"] } }
+              ]}
+          />
+          <FooterBaseReveal
+              logoText="Luxuria"
+              columns={[]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -1,282 +1,42 @@
 "use client";
 
-import ReactLenis from "lenis/react";
-import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
-import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
-import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
-import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Plane, Compass, Instagram, Facebook, Linkedin } from "lucide-react";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 
-export default function LuxuryTravelAgencyTemplatePage() {
-    return (
-        <ThemeProvider
-            defaultButtonVariant="icon-arrow"
-            defaultTextAnimation="entrance-slide"
-            borderRadius="rounded"
-            contentWidth="medium"
-            sizing="medium"
-            background="none"
-            cardStyle="solid"
-            primaryButtonStyle="shadow"
-            secondaryButtonStyle="solid"
-            headingFontWeight="medium"
-        >
-            <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={[
-                        { name: "About", id: "about" },
-                        { name: "Services", id: "services" },
-                        { name: "Destinations", id: "destinations" },
-                        { name: "Reviews", id: "reviews" },
-                        { name: "Contact", id: "contact" },
-                    ]}
-                    brandName="Luxuria"
-                    button={{ text: "Plan Your Trip", href: "#contact" }}
-                />
-                <HeroCarouselLogo
-                    logoText="Luxuria"
-                    description="Experience the world's most extraordinary destinations with our bespoke luxury travel experiences curated just for you."
-                    buttons={[
-                        { text: "Plan Your Journey", href: "#contact" },
-                        { text: "Explore Destinations", href: "#destinations" },
-                    ]}
-                    slides={[
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero1.webp", imageAlt: "Luxury resort" },
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero2.webp", imageAlt: "Private yacht" },
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg", imageAlt: "Private yacht" },
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg", imageAlt: "Private yacht" },
-                    ]}
-                    showDimOverlay={true}
-                />
-                <InlineImageSplitTextAbout
-                    className="pt-40"
-                    heading={[
-                        { type: "text", content: "We craft" },
-                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg", alt: "Travel" },
-                        { type: "text", content: "unforgettable journeys to the world's most" },
-                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg", alt: "Destination" },
-                        { type: "text", content: "exclusive destinations" },
-                    ]}
-                    buttons={[
-                        { text: "Our Story", href: "#" },
-                    ]}
-                    useInvertedBackground={false}
-                />
-                <FeatureCardOne
-                    tag="Services"
-                    tagIcon={Sparkles}
-                    title="Tailored Travel Experiences"
-                    description="From private jets to secluded villas, we handle every detail of your journey"
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    gridVariant="uniform-all-items-equal"
-                    uniformGridCustomHeightClasses="h-100 2xl:h-110"
-                    useInvertedBackground={false}
-                    features={[
-                        {
-                            title: "Private Aviation",
-                            description: "Charter flights and private jet services to any destination worldwide.",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service5.webp",
-                            imageAlt: "Private jet",
-                        },
-                        {
-                            title: "Luxury Accommodations",
-                            description: "Handpicked five-star hotels, villas, and exclusive resorts.",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service1.webp",
-                            imageAlt: "Luxury hotel",
-                        },
-                        {
-                            title: "Curated Experiences",
-                            description: "Unique adventures and cultural immersions designed just for you.",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp",
-                            imageAlt: "Experience",
-                        },
-                        {
-                            title: "Fine Dining",
-                            description: "Reservations at Michelin-starred restaurants and private chef services.",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service3.webp",
-                            imageAlt: "Fine dining",
-                        },
-                        {
-                            title: "Photography Tours",
-                            description: "Professional photographers to capture your once-in-a-lifetime moments.",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service2.webp",
-                            imageAlt: "Photography",
-                        }
-                    ]}
-                />
-                <FeatureCardNine
-                    tag="How It Works"
-                    tagIcon={Compass}
-                    title="Your Journey Begins Here"
-                    description="From initial consultation to your return home, we manage every detail"
-                    textboxLayout="default"
-                    showStepNumbers={true}
-                    animationType="slide-up"
-                    useInvertedBackground={false}
-                    features={[
-                        {
-                            title: "Share Your Vision",
-                            description: "Tell us about your dream destination and travel preferences.",
-                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone5.webp", imageAlt: "Consultation" },
-                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone6.webp", imageAlt: "Planning" },
-                        },
-                        {
-                            title: "Custom Itinerary",
-                            description: "Receive a bespoke travel plan crafted by our expert advisors.",
-                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone3.webp", imageAlt: "Itinerary" },
-                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone4.webp", imageAlt: "Details" },
-                        },
-                        {
-                            title: "Seamless Experience",
-                            description: "Enjoy your journey while we handle every detail behind the scenes.",
-                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone1.webp", imageAlt: "Travel" },
-                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/phone/phone2.webp", imageAlt: "Experience" },
-                        },
-                    ]}
-                />
-                <FeatureCardMedia
-                    tag="Destinations"
-                    tagIcon={Plane}
-                    title="Extraordinary Destinations"
-                    description="Explore handpicked locations that define luxury travel"
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    useInvertedBackground={false}
-                    features={[
-                        {
-                            id: "1",
-                            title: "Maldives Private Island",
-                            description: "Exclusive overwater villas with direct lagoon access and private butler service.",
-                            tag: "Asia",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination6.webp",
-                            imageAlt: "Maldives",
-                        },
-                        {
-                            id: "2",
-                            title: "Swiss Alpine Retreat",
-                            description: "Secluded mountain chalets with panoramic views and world-class skiing.",
-                            tag: "Europe",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination5.webp",
-                            imageAlt: "Switzerland",
-                        },
-                        {
-                            id: "3",
-                            title: "African Safari Lodge",
-                            description: "Intimate wildlife encounters in the heart of the Serengeti.",
-                            tag: "Africa",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination1.webp",
-                            imageAlt: "Safari",
-                        },
-                        {
-                            id: "4",
-                            title: "Amalfi Coast Villa",
-                            description: "Clifftop estates with Mediterranean views and private beach access.",
-                            tag: "Europe",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination4.webp",
-                            imageAlt: "Amalfi Coast",
-                        },
-                        {
-                            id: "5",
-                            title: "Kyoto Ryokan",
-                            description: "Traditional Japanese inns with zen gardens and kaiseki dining.",
-                            tag: "Asia",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination3.webp",
-                            imageAlt: "Kyoto",
-                        },
-                        {
-                            id: "6",
-                            title: "Patagonia Eco Lodge",
-                            description: "Remote wilderness retreats surrounded by glaciers and pristine nature.",
-                            tag: "South America",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination2.webp",
-                            imageAlt: "Patagonia",
-                        },
-                    ]}
-                />
-                <TestimonialCardFive
-                    tag="Reviews"
-                    tagIcon={Sparkles}
-                    title="What Our Travelers Say"
-                    description="Hear from guests who've experienced extraordinary journeys"
-                    textboxLayout="default"
-                    useInvertedBackground={false}
-                    testimonials={[
-                        {
-                            id: "1",
-                            name: "Victoria Sterling",
-                            date: "December 2024",
-                            title: "An absolutely flawless experience from start to finish",
-                            quote: "Luxuria transformed our anniversary trip into something truly magical. Every detail was perfect, from the private transfers to the surprise sunset dinner on the beach. Their team anticipated our every need.",
-                            tag: "Maldives",
-                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial1.webp",
-                            avatarAlt: "Victoria Sterling",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial1.webp",
-                            imageAlt: "Maldives trip",
-                        },
-                        {
-                            id: "2",
-                            name: "James & Elizabeth Moore",
-                            date: "November 2024",
-                            title: "Beyond our wildest expectations",
-                            quote: "Our safari honeymoon was nothing short of extraordinary. The lodges were spectacular, the wildlife encounters unforgettable, and the attention to detail was impeccable throughout our journey.",
-                            tag: "Tanzania",
-                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial2.webp",
-                            avatarAlt: "James & Elizabeth Moore",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial2.webp",
-                            imageAlt: "Safari experience",
-                        },
-                        {
-                            id: "3",
-                            name: "Roberta Chen",
-                            date: "October 2024",
-                            title: "The definition of luxury travel",
-                            quote: "From the private jet charter to the exclusive vineyard tours, Luxuria curated an experience that exceeded all my expectations. Their network of contacts opened doors I never knew existed.",
-                            tag: "France",
-                            avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial3.webp",
-                            avatarAlt: "Roberta Chen",
-                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial3.webp",
-                            imageAlt: "France trip",
-                        },
-                    ]}
-                />
-                <ContactSplitForm
-                    title="Plan Your Journey"
-                    description="Let us create your perfect luxury travel experience"
-                    useInvertedBackground={false}
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/contact/contact1.webp"
-                    imageAlt="Luxury travel"
-                    mediaPosition="right"
-                    mediaAnimation="slide-up"
-                    buttonText="Start Planning"
-                    inputs={[
-                        { name: "name", type: "text", placeholder: "Full Name", required: true },
-                        { name: "email", type: "email", placeholder: "Email Address", required: true },
-                        { name: "phone", type: "tel", placeholder: "Phone Number" },
-                        { name: "destination", type: "text", placeholder: "Dream Destination" },
-                    ]}
-                    textarea={{
-                        name: "message",
-                        placeholder: "Tell us about your ideal travel experience...",
-                        rows: 4,
-                    }}
-                />
-                <FooterCard
-                    logoText="Luxuria"
-                    copyrightText="© 2025 Luxuria Travel | Luxury Journeys Worldwide"
-                    socialLinks={[
-                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-                    ]}
-                />
-            </ReactLenis>
-        </ThemeProvider>
-    );
-}
+export default function Home() {
+  return (
+    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="medium">
+      <ReactLenis root>
+        <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Visa", id: "/visa-requirements" },
+                { name: "Transport", id: "/getting-around" },
+                { name: "Best Time", id: "/best-time-to-visit" },
+            ]}
+            brandName="Luxuria"
+        />
+        <div id="contact">
+          <ContactSplitForm
+              title="Get in Touch"
+              description="Ready to plan your next luxury escape? Contact us today."
+              inputs={[
+                  { name: "name", type: "text", placeholder: "Full Name", required: true },
+                  { name: "email", type: "email", placeholder: "Email Address", required: true },
+                  { name: "message", type: "textarea", placeholder: "Tell us about your travel needs", required: false }
+              ]}
+              useInvertedBackground={false}
+              onSubmit={(data) => console.log(data)}
+          />
+        </div>
+        <FooterBaseCard
+            logoText="Luxuria"
+            columns={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/visa-requirements/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import LegalSection from "@/components/legal/LegalSection";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+
+export default function VisaRequirementsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="medium">
+      <ReactLenis root>
+        <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Visa", id: "/visa-requirements" },
+                { name: "Transport", id: "/getting-around" },
+                { name: "Best Time", id: "/best-time-to-visit" },
+            ]}
+        />
+        <div id="visa-requirements" data-section="visa-requirements">
+          <LegalSection 
+              layout="page"
+              title="Visa Requirements"
+              subtitle="Essential information for your international travel"
+              sections={[
+                  { heading: "Passport Validity", content: { type: "paragraph", text: "Most countries require your passport to be valid for at least six months beyond your planned departure date." } },
+                  { heading: "Entry Permits", content: { type: "list", items: ["Visa on arrival eligibility", "E-visa application processes", "Consulate visa requirements for long-stay visits"] } }
+              ]}
+          />
+          <FooterBaseReveal
+              logoText="Luxuria"
+              columns={[]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}