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

Merge version_4 into main

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

@@ -5,31 +5,34 @@ import ReactLenis from "lenis/react";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import LegalSection from "@/components/legal/LegalSection";
 
-export default function BestTimePage() {
+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>
         <div id="nav" data-section="nav">
           <NavbarStyleApple
             navItems={[
-              { name: "Home", id: "/" },
-              { name: "Visa", id: "/visa-requirements" },
-              { name: "Transport", id: "/getting-around" },
-              { name: "Best Time", id: "/best-time-to-visit" },
-              { name: "Contact", id: "/contact" }
+                { name: "Home", id: "/" },
+                { name: "Visa", id: "/visa-requirements" },
+                { name: "Transport", id: "/getting-around" },
+                { name: "Best Time", id: "/best-time-to-visit" },
             ]}
             brandName="Luxuria"
           />
         </div>
         <div id="legal" data-section="legal">
-          <LegalSection
-            layout="page"
-            title="Best Time to Visit"
-            sections={[
-              { heading: "Seasonal Overview", content: { text: "The ideal time to visit depends on your preference for weather and crowd density." } },
-              { heading: "Peak Season", content: { text: "Peak season offers the best weather but higher prices." } }
-            ]}
-          />
+            <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

@@ -19,18 +19,16 @@ export default function ContactPage() {
                     ]}
                     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>
+                <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}
+                />
                 <FooterBaseCard
                     logoText="Luxuria"
                     columns={[]}

src/app/getting-around/page.tsx

@@ -12,24 +12,27 @@ export default function GettingAroundPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleApple
             navItems={[
-              { name: "Home", id: "/" },
-              { name: "Visa", id: "/visa-requirements" },
-              { name: "Transport", id: "/getting-around" },
-              { name: "Best Time", id: "/best-time-to-visit" },
-              { name: "Contact", id: "/contact" }
+                { name: "Home", id: "/" },
+                { name: "Visa", id: "/visa-requirements" },
+                { name: "Transport", id: "/getting-around" },
+                { name: "Best Time", id: "/best-time-to-visit" },
             ]}
             brandName="Luxuria"
           />
         </div>
         <div id="legal" data-section="legal">
-          <LegalSection
-            layout="page"
-            title="Getting Around"
-            sections={[
-              { heading: "Transportation Options", content: { text: "A variety of transport modes are available for travelers to explore with ease." } },
-              { heading: "Public Transit", content: { text: "Public transit is reliable and connects all major tourist hubs." } }
-            ]}
-          />
+            <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

@@ -19,19 +19,17 @@ export default function Home() {
             ]}
             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>
+        <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 },
+                { name: "message", type: "textarea", placeholder: "Tell us about your travel needs...", required: false }
+            ]}
+            useInvertedBackground={false}
+            onSubmit={(data) => console.log(data)}
+        />
         <FooterBaseCard
             logoText="Luxuria"
             columns={[]}

src/app/visa-requirements/page.tsx

@@ -12,24 +12,27 @@ export default function VisaRequirementsPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleApple
             navItems={[
-              { name: "Home", id: "/" },
-              { name: "Visa", id: "/visa-requirements" },
-              { name: "Transport", id: "/getting-around" },
-              { name: "Best Time", id: "/best-time-to-visit" },
-              { name: "Contact", id: "/contact" }
+                { name: "Home", id: "/" },
+                { name: "Visa", id: "/visa-requirements" },
+                { name: "Transport", id: "/getting-around" },
+                { name: "Best Time", id: "/best-time-to-visit" },
             ]}
             brandName="Luxuria"
           />
         </div>
         <div id="legal" data-section="legal">
-          <LegalSection
-            layout="page"
-            title="Visa Requirements"
-            sections={[
-              { heading: "Entry Documents", content: { text: "Ensure your passport is valid for at least six months beyond your departure date." } },
-              { heading: "Visa Types", content: { text: "Check if your nationality qualifies for visa-on-arrival or requires prior application." } }
-            ]}
-          />
+            <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>