Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import { MessageSquare, TrendingUp, Users } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function LandingPage() {
   return (
@@ -167,41 +167,40 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      title="Start Your Smart Farm Today"
-      description="Sign up to receive early access to our new marketing insights feature."
-      tag="Join Waitlist"
-    />
+      <ContactSplitForm
+        title="Start Your Smart Farm Today"
+        description="Sign up to receive early access to our new marketing insights feature."
+        inputs={[
+          { name: "name", type: "text", placeholder: "Full Name" },
+          { name: "email", type: "email", placeholder: "Your Email" }
+        ]}
+        textarea={{ name: "message", placeholder: "How can we help you?" }}
+        buttonText="Submit Request"
+        useInvertedBackground={false}
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="FarmWise AI"
-      columns={[
-        {
-          title: "Product",          items: [
-            {
-              label: "Diagnostics",              href: "#"},
-            {
-              label: "Weather",              href: "#"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About",              href: "#"},
-            {
-              label: "Support",              href: "#"},
-          ],
-        },
-      ]}
-      copyrightText="© 2024 FarmWise AI. All rights reserved."
-    />
+      <FooterSimple
+        columns={[
+          {
+            title: "Product",            items: [
+              { label: "Diagnostics", href: "#" },
+              { label: "Weather", href: "#" }
+            ]
+          },
+          {
+            title: "Company",            items: [
+              { label: "About", href: "#" },
+              { label: "Support", href: "#" }
+            ]
+          }
+        ]}
+        bottomLeftText="© 2024 FarmWise AI."
+        bottomRightText="All rights reserved."
+      />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}