Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 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 FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -165,25 +165,51 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCenter
       useInvertedBackground={true}
       background={{
         variant: "radial-gradient"}}
-      text="Ready to sell your home? Get a personalized consultation now. Call us at 617-699-4954 for expert guidance."
-      buttons={[
-        {
-          text: "Call 617-699-4954",          href: "tel:617-699-4954"},
-      ]}
+      tag="Get in Touch"
+      title="Ready to Unlock Your Home's Potential?"
+      description="Whether you're ready to sell now or just curious about your property's value, our team is here to provide expert guidance and a seamless experience. Reach out today for a personalized consultation."
+      inputPlaceholder="Your Email Address"
+      buttonText="Get Free Consultation"
+      termsText="By submitting, you agree to our Terms & Privacy Policy."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterLogoEmphasis
       logoText="The Guerini Group"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
+      columns={[
+        {
+          items: [
+            {
+              label: "Home",              href: "#hero"},
+            {
+              label: "Why Sell",              href: "#why-sell"},
+            {
+              label: "Valuation",              href: "#home-valuation"},
+          ]},
+        {
+          items: [
+            {
+              label: "Metrics",              href: "#metrics"},
+            {
+              label: "Testimonials",              href: "#testimonials"},
+            {
+              label: "Market Knowledge",              href: "#market-knowledge"},
+          ]},
+        {
+          items: [
+            {
+              label: "Contact",              href: "#contact"},
+            {
+              label: "Privacy Policy",              href: "#"},
+            {
+              label: "Terms of Service",              href: "#"},
+          ]},
+      ]}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #000000;
-  --card: #1a1a1a;
+  --card: #0c0c0c;
   --foreground: #ffffff;
-  --primary-cta: #B22222;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #000000;
-  --accent: #ffffff;
-  --background-accent: #8B0000;
+  --primary-cta: #cee7ff;
+  --primary-cta-text: #000000;
+  --secondary-cta: #000000;
+  --secondary-cta-text: #ffffff;
+  --accent: #535353;
+  --background-accent: #CEE7FF;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);