Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -202,40 +202,36 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
-      useInvertedBackground={false}
+        title="Get In Touch"
-      background={{
+        description="Have questions about our collection or services? Reach out to our team."
-        variant: "plain"}}
+        inputs={[
-      text="Visit us at Kaydo. Elevate your style today."
+          { name: "name", type: "text", placeholder: "Full Name" },
-      buttons={[
+          { name: "email", type: "email", placeholder: "Email Address" }
-        {
+        ]}
-          text: "Visit Store",          href: "#"},
+        textarea={{ name: "message", placeholder: "How can we help you?" }}
-      ]}
+        useInvertedBackground={false}
-    />
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterLogoEmphasis
       logoText="KAYDO"
       columns={[
         {
-          title: "Kaydo",          items: [
+          items: [
-            {
+            { label: "About Us", href: "#" },
-              label: "About Us",              href: "#"},
+            { label: "Contact", href: "#" },
-            {
+            { label: "EN / ES / FR (Language)", onClick: () => console.log("Switch Language") }
-              label: "Contact",              href: "#"},
           ],
         },
         {
-          title: "Support",          items: [
+          items: [
-            {
+            { label: "FAQ", href: "#" },
-              label: "FAQ",              href: "#"},
+            { label: "Returns", href: "#" },
-            {
-              label: "Returns",              href: "#"},
           ],
         },
       ]}
-      copyrightText="© 2024 Kaydo. All rights reserved."
     />
   </div>
       </ReactLenis>