Update src/app/styles/variables.css

src/app/page.tsx

@@ -29,68 +29,43 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="CK PlumbCorp"
       button={{
-        text: "Call 24/7",
+        text: "Call 24/7",        href: "tel:0400000000"}}
-        href: "tel:0400000000",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Sydney’s Trusted Industrial Luxury Plumbers"
       description="24/7 emergency response. Expert residential care. Experience the premium standard of plumbing service in Sydney."
       buttons={[
         {
-          text: "Book Now",
+          text: "Book Now",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-redbeard-elegant-male-dressed-tweed-flat-cap-black-jacket-grey-background_613910-13411.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-redbeard-elegant-male-dressed-tweed-flat-cap-black-jacket-grey-background_613910-13411.jpg",          imageAlt: "Luxury plumbing service Sydney"},
-          imageAlt: "Luxury plumbing service Sydney",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-stainless-metallic-straws-copy-space_23-2148768657.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-stainless-metallic-straws-copy-space_23-2148768657.jpg",          imageAlt: "Luxury plumbing service Sydney"},
-          imageAlt: "Luxury plumbing service Sydney",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/candy-girl-kitchen_1150-9993.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/candy-girl-kitchen_1150-9993.jpg",          imageAlt: "Luxury plumbing service Sydney"},
-          imageAlt: "Luxury plumbing service Sydney",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg",          imageAlt: "Luxury plumbing service Sydney"},
-          imageAlt: "Luxury plumbing service Sydney",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-12280.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-12280.jpg",          imageAlt: "Luxury plumbing service Sydney"},
-          imageAlt: "Luxury plumbing service Sydney",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg",          imageAlt: "Luxury plumbing service Sydney"},
-          imageAlt: "Luxury plumbing service Sydney",
-        },
       ]}
     />
   </div>
@@ -103,23 +78,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "24/7 Emergency",
+          title: "24/7 Emergency",          description: "Rapid response for urgent Sydney plumbing issues.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-closeup-shot-water-pouring-water-drain_181624-18353.jpg",          imageAlt: "Emergency plumbing tool"},
-          description: "Rapid response for urgent Sydney plumbing issues.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-closeup-shot-water-pouring-water-drain_181624-18353.jpg",
-          imageAlt: "Emergency plumbing tool",
-        },
         {
-          title: "Installation",
+          title: "Installation",          description: "High-end fixture installation by licensed experts.",          imageSrc: "http://img.b2bpic.net/free-photo/water-retro-nobody-bathroom-vintage_1203-4969.jpg",          imageAlt: "Luxury bathroom plumbing"},
-          description: "High-end fixture installation by licensed experts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/water-retro-nobody-bathroom-vintage_1203-4969.jpg",
-          imageAlt: "Luxury bathroom plumbing",
-        },
         {
-          title: "Pipework",
+          title: "Pipework",          description: "Expert repairs using premium materials for longevity.",          imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53070.jpg",          imageAlt: "Copper plumbing pipework"},
-          description: "Expert repairs using premium materials for longevity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53070.jpg",
-          imageAlt: "Copper plumbing pipework",
-        },
       ]}
       title="Premium Plumbing Services"
       description="Comprehensive care for your residential or commercial property."
@@ -133,64 +96,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "John Doe",          role: "Homeowner",          company: "Sydney East",          rating: 5,
-          name: "John Doe",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",          imageAlt: "Professional headshot business"},
-          role: "Homeowner",
-          company: "Sydney East",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-          imageAlt: "Professional headshot business",
-        },
         {
-          id: "2",
+          id: "2",          name: "Jane Smith",          role: "Property Manager",          company: "CBD Office",          rating: 5,
-          name: "Jane Smith",
+          imageSrc: "http://img.b2bpic.net/free-photo/review-evaluation-satisfaction-customer-service-feedback-sign-icon_53876-120161.jpg",          imageAlt: "Happy homeowner portrait"},
-          role: "Property Manager",
-          company: "CBD Office",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/review-evaluation-satisfaction-customer-service-feedback-sign-icon_53876-120161.jpg",
-          imageAlt: "Happy homeowner portrait",
-        },
         {
-          id: "3",
+          id: "3",          name: "Mark Wilson",          role: "Homeowner",          company: "North Shore",          rating: 5,
-          name: "Mark Wilson",
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",          imageAlt: "Professional customer headshot"},
-          role: "Homeowner",
-          company: "North Shore",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
-          imageAlt: "Professional customer headshot",
-        },
         {
-          id: "4",
+          id: "4",          name: "Sarah Lee",          role: "Developer",          company: "Inner West",          rating: 5,
-          name: "Sarah Lee",
+          imageSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg",          imageAlt: "Smiling home owner"},
-          role: "Developer",
-          company: "Inner West",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg",
-          imageAlt: "Smiling home owner",
-        },
         {
-          id: "5",
+          id: "5",          name: "Tom Brown",          role: "Homeowner",          company: "Northern Beaches",          rating: 5,
-          name: "Tom Brown",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",          imageAlt: "Professional client photo"},
-          role: "Homeowner",
-          company: "Northern Beaches",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
-          imageAlt: "Professional client photo",
-        },
       ]}
       kpiItems={[
         {
-          value: "4.9/5",
+          value: "4.9/5",          label: "Google Rating"},
-          label: "Google Rating",
-        },
         {
-          value: "24/7",
+          value: "24/7",          label: "Service"},
-          label: "Service",
-        },
         {
-          value: "100+",
+          value: "100+",          label: "Projects"},
-          label: "Projects",
-        },
       ]}
       title="Trusted by Sydney Residents"
       description="See why we’re rated 5 stars for our premium service."
@@ -202,14 +129,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="A Legacy of Precision Plumbing"
       description={[
-        "CK PlumbCorp defines industrial luxury in the Sydney plumbing market. Our commitment to excellence is reflected in every pipe fitted, every drain cleared, and every fixture installed.",
+        "CK PlumbCorp defines industrial luxury in the Sydney plumbing market. Our commitment to excellence is reflected in every pipe fitted, every drain cleared, and every fixture installed.",        "We merge traditional workmanship with cutting-edge technology to ensure your property remains a sanctuary of efficiency and class. With over a decade of dedicated service, our team understands the unique demands of high-end residential estates and premium commercial spaces."]}
-        "We merge traditional workmanship with cutting-edge technology to ensure your property remains a sanctuary of efficiency and class. With over a decade of dedicated service, our team understands the unique demands of high-end residential estates and premium commercial spaces.",
-      ]}
       buttons={[
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -218,14 +141,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       text="Need professional plumbing? Call CK PlumbCorp today."
       buttons={[
         {
-          text: "0400 000 000",
+          text: "0400 000 000",          href: "tel:0400000000"},
-          href: "tel:0400000000",
-        },
       ]}
     />
   </div>
@@ -234,37 +154,23 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Emergency",
+              label: "Emergency",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Installation",
+              label: "Installation",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Repairs",
+              label: "Repairs",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Reviews",
+              label: "Reviews",              href: "#testimonials"},
-              href: "#testimonials",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000b1d;
+  --background: #eef2ff;
-  --card: #0a172a;
+  --card: #ffffff;
-  --foreground: #f8fafc;
+  --foreground: #0f172a;
-  --primary-cta: #c58f3b;
+  --primary-cta: #1e40af;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1e293b;
+  --secondary-cta: #e2e8f0;
   --secondary-cta-text: #f8fafc;
-  --accent: #d4af37;
+  --accent: #3b82f6;
-  --background-accent: #0f233f;
+  --background-accent: #1e293b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);