Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -148,16 +148,18 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      text="Need a local expert in San Angelo? Contact us at (325) 555-0199 or visit our San Angelo office. Pioneer Pest Control is your community partner in pest-free living."
+      <ContactCenter
+      tag="Contact Us"
+      title="Need a local expert in San Angelo?"
+      description="Pioneer Pest Control is your community partner in pest-free living. Reach out to schedule your service or request a free quote today."
       background={{ variant: "gradient-bars" }}
       useInvertedBackground={false}
-      buttons={[{ text: "Call Now", href: "tel:3255550199" }]}
+      inputPlaceholder="Enter your email to get started"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBaseReveal
       logoText="Pioneer Pest Control"
       columns={[
         { title: "Services", items: [{ label: "General Pest Control", href: "#" }, { label: "Termite Treatment", href: "#" }, { label: "Rodent Removal", href: "#" }, { label: "Mosquito Defense", href: "#" }] },
@@ -170,4 +172,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
+  --background: #fafffb;
+  --card: #f7fffa;
+  --foreground: #001a0a;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #120006e6;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --accent: #a8d9be;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);