Switch to version 3: modified src/app/visa-requirements/page.tsx

Merge version_4 into main

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

@@ -4,13 +4,13 @@ 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 FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 
 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
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
             navItems={[
                 { name: "Home", id: "/" },
                 { name: "Visa", id: "/visa-requirements" },
@@ -18,20 +18,22 @@ export default function BestTimeToVisitPage() {
                 { name: "Best Time", id: "/best-time-to-visit" },
             ]}
             brandName="Luxuria"
-        />
-        <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"] } }
-            ]}
-        />
-        <FooterBaseCard
-            logoText="Luxuria"
-            columns={[]}
-        />
+          />
+        </div>
+        <div id="legal" data-section="legal">
+            <LegalSection
+                layout="page"
+                title="Best Time to Visit"
+                sections={[
+                    {
+                        heading: "Seasonal Overview",                        content: [
+                            { text: "Our luxury destinations offer distinct experiences throughout the year." },
+                            { items: ["Peak season for perfect weather: November to April", "Off-peak for exclusive privacy: May to September"] }
+                        ] as any
+                    }
+                ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/contact/page.tsx

@@ -24,7 +24,8 @@ export default function ContactPage() {
                     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: "email", type: "email", placeholder: "Email Address", required: true },
+                        { name: "message", type: "textarea", placeholder: "Tell us about your travel needs...", required: false }
                     ]}
                     useInvertedBackground={false}
                 />

src/app/getting-around/page.tsx

@@ -4,13 +4,13 @@ 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 FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 
 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
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
             navItems={[
                 { name: "Home", id: "/" },
                 { name: "Visa", id: "/visa-requirements" },
@@ -18,20 +18,22 @@ export default function GettingAroundPage() {
                 { name: "Best Time", id: "/best-time-to-visit" },
             ]}
             brandName="Luxuria"
-        />
-        <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"] } }
-            ]}
-        />
-        <FooterBaseCard
-            logoText="Luxuria"
-            columns={[]}
-        />
+          />
+        </div>
+        <div id="legal" data-section="legal">
+            <LegalSection
+                layout="page"
+                title="Getting Around"
+                sections={[
+                    {
+                        heading: "Transportation Options",                        content: [
+                            { text: "We provide seamless private transfers for all our guests." },
+                            { items: ["Private chauffeur service", "Luxury car rentals available on request"] }
+                        ] as any
+                    }
+                ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -22,7 +22,11 @@ export default function Home() {
         <ContactSplitForm
             title="Get in Touch"
             description="Ready to plan your next luxury escape? Contact us today."
-            inputs={[{ name: "email", type: "email", placeholder: "Email Address", required: true }, { name: "name", type: "text", placeholder: "Full Name", required: true }]}
+            inputs={[
+                { name: "email", type: "email", placeholder: "Email Address", required: true }, 
+                { name: "name", type: "text", placeholder: "Full Name", required: true },
+                { name: "message", type: "textarea", placeholder: "Tell us about your travel needs...", required: false }
+            ]}
             useInvertedBackground={false}
             onSubmit={(data) => console.log(data)}
         />

src/app/visa-requirements/page.tsx

@@ -4,13 +4,13 @@ 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 FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 
 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
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
             navItems={[
                 { name: "Home", id: "/" },
                 { name: "Visa", id: "/visa-requirements" },
@@ -18,20 +18,22 @@ export default function VisaRequirementsPage() {
                 { name: "Best Time", id: "/best-time-to-visit" },
             ]}
             brandName="Luxuria"
-        />
-        <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"] } }
-            ]}
-        />
-        <FooterBaseCard
-            logoText="Luxuria"
-            columns={[]}
-        />
+          />
+        </div>
+        <div id="legal" data-section="legal">
+            <LegalSection
+                layout="page"
+                title="Visa Requirements"
+                sections={[
+                    {
+                        heading: "Entry Guidelines",                        content: [
+                            { text: "Ensure your documentation is in order before your trip." },
+                            { items: ["Passport must be valid for 6 months", "Check local embassy for specific visa exemptions"] }
+                        ] as any
+                    }
+                ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );