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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -203,54 +203,39 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
-      tag="Schedule Your Consultation"
-      title="Transform Your Outdoor Space"
-      description="Ready to build your dream garden? Contact our experts today to book a free assessment and estimate for your property."
-      buttons={[
-        {
-          text: "Book an Estimate",          href: "mailto:hello@hiddengem.com"},
+      <ContactSplitForm
+      title="Let’s Work Together"
+      description="Have a vision for your garden? Share your project details with our team and let us build it."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true }
       ]}
+      textarea={{ name: "message", placeholder: "Tell us about your landscape goals...", rows: 4 }}
+      useInvertedBackground={true}
+      imageSrc="http://img.b2bpic.net/free-photo/tranquil-space-with-plants_1137-266.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseCard
+      logoText="Hidden Gem"
       columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Our Process",              href: "#about"},
-            {
-              label: "Portfolio",              href: "#portfolio"},
-          ],
-        },
         {
           title: "Services",          items: [
-            {
-              label: "Lawn Maintenance",              href: "#services"},
-            {
-              label: "Hardscape Design",              href: "#services"},
-            {
-              label: "Garden Lighting",              href: "#services"},
+            { label: "Lawn Care", href: "#services" },
+            { label: "Hardscaping", href: "#services" },
+            { label: "Lighting Design", href: "#services" },
           ],
         },
         {
-          title: "Contact",          items: [
-            {
-              label: "hello@hiddengem.com",              href: "mailto:hello@hiddengem.com"},
-            {
-              label: "(555) 123-4567",              href: "tel:5551234567"},
+          title: "Company",          items: [
+            { label: "About Us", href: "#about" },
+            { label: "Our Process", href: "#about" },
+            { label: "Portfolio", href: "#portfolio" },
           ],
         },
       ]}
-      bottomLeftText="© 2024 Hidden Gem Landscaping Inc. All rights reserved."
-      bottomRightText="Building greener futures."
+      copyrightText="© 2025 Hidden Gem Landscaping Inc. All rights reserved."
     />
   </div>
       </ReactLenis>