Update src/app/page.tsx

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 FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+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';
@@ -222,7 +222,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
@@ -236,54 +236,46 @@ export default function LandingPage() {
       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"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      tag="Get in Touch"
+      <ContactSplitForm
       title="Start Planning Your Visit Today"
       description="Need group booking information or special assistance? Contact us now."
-      buttons={[
-        {
-          text: "Contact Support",          href: "#"},
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name" },
+        { name: "email", type: "email", placeholder: "Email Address" },
       ]}
+      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: "Careers",              href: "#"},
+          items: [
+            { label: "About Us", href: "#" },
+            { label: "Careers", href: "#" },
           ],
         },
         {
-          title: "Support",          items: [
-            {
-              label: "FAQ",              href: "#"},
-            {
-              label: "Contact",              href: "#"},
+          items: [
+            { label: "FAQ", href: "#" },
+            { label: "Contact", href: "#" },
           ],
         },
         {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
+          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
-      bottomLeftText="© 2024 SS World Family Park."
-      bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>