Update src/app/styles/variables.css

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -30,25 +30,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "reviews"},
-          id: "reviews",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="AQUA Plumbing"
     />
@@ -57,20 +47,15 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="PREMIUM PLUMBING SOLUTIONS"
       description="Luxury Plumbing Services for Discerning Homeowners. Licensed, Insured, and 5-Star Rated. Providing Same-Day Service for all your plumbing needs."
       tag="Where Quality Flows"
       buttons={[
         {
-          text: "Book Now",
+          text: "Book Now",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Call (555) 123-AQUA",
+          text: "Call (555) 123-AQUA",          href: "tel:5551232782"},
-          href: "tel:5551232782",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/luxury-bathtub-inside-bedroom-hotel_1150-10837.jpg"
       imageAlt="Modern luxury bathroom fixtures"
@@ -84,19 +69,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Award,
-          label: "50+ Five-Star Reviews",
+          label: "50+ Five-Star Reviews",          value: "50+"},
-          value: "50+",
-        },
         {
           icon: ShieldCheck,
-          label: "Licensed & Bonded",
+          label: "Licensed & Bonded",          value: "100%"},
-          value: "100%",
-        },
         {
           icon: Clock,
-          label: "Emergency Response",
+          label: "Emergency Response",          value: "24/7"},
-          value: "24/7",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -109,64 +88,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          id: "1",          label: "Renovations",          title: "Luxury Bathroom Renovations",          items: [
-          label: "Renovations",
+            "Complete design consultation",            "Fixture installation",            "Spa-like upgrades"],
-          title: "Luxury Bathroom Renovations",
-          items: [
-            "Complete design consultation",
-            "Fixture installation",
-            "Spa-like upgrades",
-          ],
         },
         {
-          id: "2",
+          id: "2",          label: "Repairs",          title: "Emergency Repairs",          items: [
-          label: "Repairs",
+            "24/7 Rapid response",            "Leak identification",            "Urgent fixes"],
-          title: "Emergency Repairs",
-          items: [
-            "24/7 Rapid response",
-            "Leak identification",
-            "Urgent fixes",
-          ],
         },
         {
-          id: "3",
+          id: "3",          label: "Home Services",          title: "Whole-Home Plumbing",          items: [
-          label: "Home Services",
+            "New construction",            "Remodeling projects",            "Pipe upgrades"],
-          title: "Whole-Home Plumbing",
-          items: [
-            "New construction",
-            "Remodeling projects",
-            "Pipe upgrades",
-          ],
-        },
-        {
-          id: "4",
-          label: "Gas Lines",
-          title: "Gas Line Installations",
-          items: [
-            "Safe installation",
-            "Professional inspection",
-            "Compliance checks",
-          ],
-        },
-        {
-          id: "5",
-          label: "Diagnostics",
-          title: "Leak Detection",
-          items: [
-            "Advanced diagnostics",
-            "Non-invasive detection",
-            "Prompt repair",
-          ],
-        },
-        {
-          id: "6",
-          label: "Heaters",
-          title: "Water Heater Specialists",
-          items: [
-            "Same-day install",
-            "Tankless upgrades",
-            "Efficiency servicing",
-          ],
         },
       ]}
       title="OUR SIGNATURE SERVICES"
@@ -182,25 +113,11 @@ export default function LandingPage() {
       author="Debbie Brandon"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-male-carpenter-talking-smartphone_23-2147944904.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-male-carpenter-talking-smartphone_23-2147944904.jpg",          alt: "Customer Sarah"},
-          alt: "Customer Sarah",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-looking-confident-pointing-with-index-fingers-down-self-satisfied_141793-28592.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-looking-confident-pointing-with-index-fingers-down-self-satisfied_141793-28592.jpg",          alt: "Customer Michael"},
-          alt: "Customer Michael",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/african-american-mechanic-using-touchpad-while-working-computer-repair-shop_637285-9396.jpg",
+          src: "http://img.b2bpic.net/free-photo/african-american-mechanic-using-touchpad-while-working-computer-repair-shop_637285-9396.jpg",          alt: "Customer Emily"},
-          alt: "Customer Emily",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/african-man-with-watermelon-head-fooling-grey-wall_176420-2535.jpg",
-          alt: "Customer David",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-male-carpenter-talking-smartphone_23-2147944904.jpg",
-          alt: "Customer Robert",
-        },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -211,74 +128,40 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       text="Need professional plumbing assistance? Contact us for a free estimate or emergency help."
       buttons={[
         {
-          text: "Call Now: (555) 123-AQUA",
+          text: "Call Now: (555) 123-AQUA",          href: "tel:5551232782"},
-          href: "tel:5551232782",
-        },
         {
-          text: "Request Free Estimate",
+          text: "Request Free Estimate",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoEmphasis
+      logoText="AQUA Plumbing"
       columns={[
         {
-          title: "Quick Links",
           items: [
-            {
+            { label: "Home", href: "#hero" },
-              label: "Home",
+            { label: "Services", href: "#services" },
-              href: "#hero",
+            { label: "Reviews", href: "#reviews" },
-            },
+            { label: "Contact", href: "#contact" },
-            {
+          ]
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Reviews",
-              href: "#reviews",
-            },
-          ],
         },
         {
-          title: "Support",
           items: [
-            {
+            { label: "Emergency Support", href: "tel:5551232782" },
-              label: "Contact",
+            { label: "Privacy Policy", href: "#" },
-              href: "#contact",
+            { label: "Terms of Service", href: "#" },
-            },
+          ]
-            {
+        }
-              label: "Emergency Support",
-              href: "tel:5551232782",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      bottomLeftText="© 2024 AQUA Plumbing Services."
-      bottomRightText="All Rights Reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FFFFFF;
+  --background: #ffffff;
-  --card: #F9F9F9;
+  --card: #f9f9f9;
-  --foreground: #1E3A8A;
+  --foreground: #000612e6;
-  --primary-cta: #3B82F6;
+  --primary-cta: #15479c;
   --primary-cta-text: #FFFFFF;
-  --secondary-cta: #FFFFFF;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #1E3A8A;
-  --accent: #F59E0B;
+  --accent: #e2e2e2;
-  --background-accent: #64748B;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);