Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -33,25 +33,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Attractions",
+          name: "Attractions",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Contact",
+          name: "Support",          id: "faq"},
-          id: "contact",
+        {
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="SS World"
     />
@@ -60,67 +52,42 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="SS World Family Park: Where Smiles Never End!"
       description="Discover a world of excitement and adventure! From thrilling rides to relaxing gardens, SS World provides the perfect backdrop for your family's next big memory."
       buttons={[
         {
-          text: "Book Tickets",
+          text: "Book Tickets",          href: "#pricing"},
-          href: "#pricing",
-        },
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#features"},
-          href: "#features",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-with-long-blonde-hair-standing-front-ferris-wheel_23-2147910635.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-with-long-blonde-hair-standing-front-ferris-wheel_23-2147910635.jpg?_wi=1"
       imageAlt="Family enjoying SS World Park"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-holding-hat-sunny-day-with-amusement-park-ride-background_1428-570.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-woman-holding-hat-sunny-day-with-amusement-park-ride-background_1428-570.jpg",          alt: "Young woman holding hat in sunny day"},
-          alt: "Young woman holding hat in sunny day",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/rear-view-young-woman-front-giant-wall-amusement-park_23-2147910394.jpg",
+          src: "http://img.b2bpic.net/free-photo/rear-view-young-woman-front-giant-wall-amusement-park_23-2147910394.jpg",          alt: "Rear view of a young woman at amusement park"},
-          alt: "Rear view of a young woman at amusement park",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-lollipop-hand-standing-amusement-park_23-2147910734.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-lollipop-hand-standing-amusement-park_23-2147910734.jpg",          alt: "Smiling young woman holding lollipop"},
-          alt: "Smiling young woman holding lollipop",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-leading-her-friend-holding-lollipop-amusement-park_23-2147910740.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-woman-leading-her-friend-holding-lollipop-amusement-park_23-2147910740.jpg",          alt: "Young woman leading friend with lollipop"},
-          alt: "Young woman leading friend with lollipop",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-mother-with-her-little-daughter-autumn-park_1303-17114.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-mother-with-her-little-daughter-autumn-park_1303-17114.jpg",          alt: "Mother and daughter in park"},
-          alt: "Mother and daughter in park",
-        },
       ]}
       avatarText="Trusted by 10,000+ Families"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Open Daily 10AM-9PM"},
-          text: "Open Daily 10AM-9PM",
-        },
         {
-          type: "text",
+          type: "text",          text: "Free Parking"},
-          text: "Free Parking",
-        },
         {
-          type: "text",
+          type: "text",          text: "Safety Certified"},
-          text: "Safety Certified",
-        },
         {
-          type: "text",
+          type: "text",          text: "Award Winning Rides"},
-          text: "Award Winning Rides",
-        },
         {
-          type: "text",
+          type: "text",          text: "Group Discounts"},
-          text: "Group Discounts",
-        },
       ]}
     />
   </div>
@@ -131,23 +98,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Safety First",
+          title: "Safety First",          description: "Our rides are inspected daily with state-of-the-art technology to ensure complete peace of mind.",          imageSrc: "http://img.b2bpic.net/free-vector/stay-safe-with-our-certified-firewall-shield-logo-3d-style_1017-51383.jpg",          imageAlt: "Safety badge"},
-          description: "Our rides are inspected daily with state-of-the-art technology to ensure complete peace of mind.",
-          imageSrc: "http://img.b2bpic.net/free-vector/stay-safe-with-our-certified-firewall-shield-logo-3d-style_1017-51383.jpg",
-          imageAlt: "Safety badge",
-        },
         {
-          title: "Diverse Attractions",
+          title: "Diverse Attractions",          description: "From gentle carousels to adrenaline-pumping coasters, there's something for everyone in the family.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z1dpzx",          imageAlt: "Rides icon"},
-          description: "From gentle carousels to adrenaline-pumping coasters, there's something for everyone in the family.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z1dpzx",
-          imageAlt: "Rides icon",
-        },
         {
-          title: "Gourmet Dining",
+          title: "Gourmet Dining",          description: "Enjoy a variety of snacks, hearty meals, and cool refreshments across our multiple food courts.",          imageSrc: "http://img.b2bpic.net/free-vector/cafe-icon-set_1262-7474.jpg",          imageAlt: "Food icon"},
-          description: "Enjoy a variety of snacks, hearty meals, and cool refreshments across our multiple food courts.",
-          imageSrc: "http://img.b2bpic.net/free-vector/cafe-icon-set_1262-7474.jpg",
-          imageAlt: "Food icon",
-        },
       ]}
       title="Why Families Love SS World"
       description="We blend entertainment, safety, and comfort to ensure every visit is an unforgettable day for guests of all ages."
@@ -162,41 +117,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "The Great Coaster",          price: "Fun Rating: 10/10",          imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-young-woman-amusement-park_23-2147910730.jpg"},
-          name: "The Great Coaster",
-          price: "Fun Rating: 10/10",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-young-woman-amusement-park_23-2147910730.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Sky-High Wheel",          price: "Panoramic View",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-lollipop-amusement-park_23-2147910727.jpg"},
-          name: "Sky-High Wheel",
-          price: "Panoramic View",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-lollipop-amusement-park_23-2147910727.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Tropical Splash",          price: "Water Fun",          imageSrc: "http://img.b2bpic.net/free-photo/child-having-fun-with-floater-pool_23-2149492538.jpg"},
-          name: "Tropical Splash",
-          price: "Water Fun",
-          imageSrc: "http://img.b2bpic.net/free-photo/child-having-fun-with-floater-pool_23-2149492538.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Golden Carousel",          price: "Family Classic",          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-ice-cream-amusement-park_23-2147911716.jpg"},
-          name: "Golden Carousel",
-          price: "Family Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-ice-cream-amusement-park_23-2147911716.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Turbo Bumper Cars",          price: "Action Packed",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-amusement-ride_23-2148287934.jpg"},
-          name: "Turbo Bumper Cars",
-          price: "Action Packed",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-amusement-ride_23-2148287934.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Star Swinger",          price: "High Thrills",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-women-carnival_23-2149748529.jpg"},
-          name: "Star Swinger",
-          price: "High Thrills",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-women-carnival_23-2149748529.jpg",
-        },
       ]}
       title="Featured Attractions"
       description="Experience our most popular rides that keep guests coming back year after year."
@@ -210,52 +141,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "plan-1",
+          id: "plan-1",          tag: "Essentials",          price: "$45",          period: "/person",          description: "Entry pass to all basic park rides and gardens.",          button: {
-          tag: "Essentials",
+            text: "Select"},
-          price: "$45",
+          featuresTitle: "Included",          features: [
-          period: "/person",
+            "General Entry",            "All Basic Rides",            "1 Meal Coupon"],
-          description: "Entry pass to all basic park rides and gardens.",
-          button: {
-            text: "Select",
-          },
-          featuresTitle: "Included",
-          features: [
-            "General Entry",
-            "All Basic Rides",
-            "1 Meal Coupon",
-          ],
         },
         {
-          id: "plan-2",
+          id: "plan-2",          tag: "Full Experience",          price: "$75",          period: "/person",          description: "Unlimited access to all premium rides and dining discounts.",          button: {
-          tag: "Full Experience",
+            text: "Select"},
-          price: "$75",
+          featuresTitle: "Included",          features: [
-          period: "/person",
+            "Express Entry",            "All Unlimited Rides",            "Free Dining Credit"],
-          description: "Unlimited access to all premium rides and dining discounts.",
-          button: {
-            text: "Select",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Express Entry",
-            "All Unlimited Rides",
-            "Free Dining Credit",
-          ],
         },
         {
-          id: "plan-3",
+          id: "plan-3",          tag: "Family Bundle",          price: "$250",          period: "/4 people",          description: "The perfect choice for a family day out with full perks.",          button: {
-          tag: "Family Bundle",
+            text: "Select"},
-          price: "$250",
+          featuresTitle: "Included",          features: [
-          period: "/4 people",
+            "Family Entry",            "Unlimited Rides",            "Priority Access"],
-          description: "The perfect choice for a family day out with full perks.",
-          button: {
-            text: "Select",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Family Entry",
-            "Unlimited Rides",
-            "Priority Access",
-          ],
         },
       ]}
       title="Pick Your Park Package"
@@ -270,59 +171,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah J.",          role: "Mom",          company: "Visitor",          rating: 5,
-          name: "Sarah J.",
+          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter_1157-8461.jpg"},
-          role: "Mom",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter_1157-8461.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Mark D.",          role: "Dad",          company: "Visitor",          rating: 5,
-          name: "Mark D.",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-with-carnival-wheel_23-2148311343.jpg"},
-          role: "Dad",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-couple-with-carnival-wheel_23-2148311343.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily P.",          role: "Student",          company: "Visitor",          rating: 5,
-          name: "Emily P.",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-holding-cup_23-2149748527.jpg"},
-          role: "Student",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-holding-cup_23-2149748527.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "John B.",          role: "Grandpa",          company: "Visitor",          rating: 5,
-          name: "John B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/family-spring-park_1157-14998.jpg"},
-          role: "Grandpa",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/family-spring-park_1157-14998.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Maria C.",          role: "Aunt",          company: "Visitor",          rating: 5,
-          name: "Maria C.",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girls-blowing-bubbles_23-2148624860.jpg"},
-          role: "Aunt",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girls-blowing-bubbles_23-2148624860.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "10k+",
+          value: "10k+",          label: "Happy Families"},
-          label: "Happy Families",
-        },
         {
-          value: "50+",
+          value: "50+",          label: "Unique Rides"},
-          label: "Unique Rides",
-        },
         {
-          value: "15+",
+          value: "15+",          label: "Dining Zones"},
-          label: "Dining Zones",
-        },
       ]}
       title="Families Agree: SS World is the Best!"
       description="We are honored to have served thousands of happy families. See what they have to say about their visit."
@@ -337,25 +207,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "24/7",          title: "Service Hours",          description: "Available staff and security.",          icon: Clock,
-          value: "24/7",
-          title: "Service Hours",
-          description: "Available staff and security.",
-          icon: Clock,
         },
         {
-          id: "m2",
+          id: "m2",          value: "99.9%",          title: "Safety Rate",          description: "Certified maintenance protocols.",          icon: Shield,
-          value: "99.9%",
-          title: "Safety Rate",
-          description: "Certified maintenance protocols.",
-          icon: Shield,
         },
         {
-          id: "m3",
+          id: "m3",          value: "100+",          title: "Awards Won",          description: "Recognized in family entertainment.",          icon: Award,
-          value: "100+",
-          title: "Awards Won",
-          description: "Recognized in family entertainment.",
-          icon: Award,
         },
       ]}
       title="Park Milestones"
@@ -364,95 +222,60 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Is parking included?",          content: "Yes, we have free ample parking for all ticket holders."},
-          title: "Is parking included?",
-          content: "Yes, we have free ample parking for all ticket holders.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Can I bring my own food?",          content: "Outside food is not permitted, but we have affordable dining options."},
-          title: "Can I bring my own food?",
-          content: "Outside food is not permitted, but we have affordable dining options.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Are there height restrictions?",          content: "Some rides have safety height requirements visible at each attraction."},
-          title: "Are there height restrictions?",
-          content: "Some rides have safety height requirements visible at each attraction.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Have questions? We have the answers to make your planning stress-free."
       faqsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-with-long-blonde-hair-standing-front-ferris-wheel_23-2147910635.jpg?_wi=2"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplitForm
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get in Touch"
       title="Start Planning Your Visit Today"
       description="Need group booking information or special assistance? Contact us now."
-      buttons={[
+      inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Full Name" },
-          text: "Contact Support",
+        { name: "email", type: "email", placeholder: "Email Address" },
-          href: "#",
-        },
       ]}
+      textarea={{ name: "message", placeholder: "How can we help you?", rows: 4 }}
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoEmphasis
+      logoText="SS World"
       columns={[
         {
-          title: "Company",
           items: [
-            {
+            { label: "About Us", href: "#" },
-              label: "About Us",
+            { label: "Careers", href: "#" },
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
           ],
         },
         {
-          title: "Support",
           items: [
-            {
+            { label: "FAQ", href: "#" },
-              label: "FAQ",
+            { label: "Contact", href: "#" },
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
           items: [
-            {
+            { label: "Privacy Policy", href: "#" },
-              label: "Privacy Policy",
+            { label: "Terms of Service", href: "#" },
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
           ],
         },
       ]}
-      bottomLeftText="© 2024 SS World Family Park."
-      bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>