Merge version_2 into main

Merge version_2 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,43 +202,39 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      text="Visit us at Kaydo. Elevate your style today."
-      buttons={[
-        {
-          text: "Visit Store",          href: "#"},
-      ]}
-    />
+      <ContactSplitForm
+        title="Get In Touch"
+        description="Have questions about our collection or services? Reach out to our team."
+        inputs={[
+          { name: "name", type: "text", placeholder: "Full Name" },
+          { name: "email", type: "email", placeholder: "Email Address" }
+        ]}
+        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: [
-            {
-              label: "About Us",              href: "#"},
-            {
-              label: "Contact",              href: "#"},
+          items: [
+            { label: "About Us", href: "#" },
+            { label: "Contact", href: "#" },
+            { label: "EN / ES / FR (Language)", onClick: () => console.log("Switch Language") }
           ],
         },
         {
-          title: "Support",          items: [
-            {
-              label: "FAQ",              href: "#"},
-            {
-              label: "Returns",              href: "#"},
+          items: [
+            { label: "FAQ", href: "#" },
+            { label: "Returns", href: "#" },
           ],
         },
       ]}
-      copyrightText="© 2024 Kaydo. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}