Update src/app/page.tsx

Merge version_11 into main
2026-04-29 21:24:03 +00:00 · 2026-04-29 21:16:44 +00:00 · 2026-04-29 21:16:41 +00:00 · 2026-04-29 21:16:41 +00:00 · 2026-04-29 21:16:11 +00:00 · 2026-04-29 21:16:11 +00:00
4 changed files with 63 additions and 150 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Nunito_Sans } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";
+import { Open_Sans } from "next/font/google";



@@ -20,8 +22,14 @@ export const metadata: Metadata = {
  },
 };

-const nunitoSans = Nunito_Sans({
-  variable: "--font-nunito-sans",
+
+
+const inter = Inter({
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+const openSans = Open_Sans({
+  variable: "--font-open-sans",
  subsets: ["latin"],
 });

@@ -33,7 +41,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${nunitoSans.variable} antialiased`}>
+        <body className={`${inter.variable} ${openSans.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
      <NavbarStyleApple
      navItems={[
        {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
        {
-          name: "Booking",
-          id: "#booking",
-        },
+          name: "Booking",          id: "#booking"},
        {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
      ]}
      brandName="Super Wash"
    />
@@ -50,41 +44,26 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      title="Your Car Deserves the Best Care in Cape Town"
      description="Fast, affordable, and professional car wash services in Ottery. Experience the Super Wash difference today."
      buttons={[
        {
-          text: "Book on WhatsApp",
-          href: "https://wa.me/27217037432",
-        },
+          text: "Book on WhatsApp",          href: "https://wa.me/27217037432"},
        {
-          text: "Call Now",
-          href: "tel:+27217037432",
-        },
+          text: "Call Now",          href: "tel:+27217037432"},
      ]}
      mediaItems={[
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212206.jpg",
-          imageAlt: "Super Wash Cape Town Facility",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212206.jpg",          imageAlt: "Super Wash Cape Town Facility"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-vacuuming-car-seats_23-2149316437.jpg",
-          imageAlt: "Expert Car Washing",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-vacuuming-car-seats_23-2149316437.jpg",          imageAlt: "Expert Car Washing"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencer-special-equipment-wheelchair_23-2149229610.jpg",
-          imageAlt: "Interior Detailing Service",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencer-special-equipment-wheelchair_23-2149229610.jpg",          imageAlt: "Interior Detailing Service"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car_23-2149316432.jpg",
-          imageAlt: "Man washing a car",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car_23-2149316432.jpg",          imageAlt: "Man washing a car"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-washing-station_1157-27217.jpg",
-          imageAlt: "Man washing his car in a washing station",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-washing-station_1157-27217.jpg",          imageAlt: "Man washing his car in a washing station"},
      ]}
      mediaAnimation="blur-reveal"
    />
@@ -96,31 +75,17 @@ export default function LandingPage() {
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
+      tag="Most Popular"
+      tagIcon={Tag}
      products={[
        {
-          id: "p1",
-          name: "Exterior Wash",
-          price: "R 95",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-his-car-carwash_1303-27483.jpg",
-        },
+          id: "p1",          name: "Exterior Wash",          price: "R 95",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-his-car-carwash_1303-27483.jpg"},
        {
-          id: "p2",
-          name: "Interior Cleaning",
-          price: "R 120",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg",
-        },
+          id: "p2",          name: "Interior Cleaning",          price: "R 120",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg"},
        {
-          id: "p3",
-          name: "Full Valet",
-          price: "R 250",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-valet-doing-his-job_23-2150274594.jpg",
-        },
+          id: "p3",          name: "Full Valet",          price: "R 250",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-valet-doing-his-job_23-2150274594.jpg"},
        {
-          id: "p4",
-          name: "Polishing & Detailing",
-          price: "R 350",
-          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg",
-        },
+          id: "p4",          name: "Polishing & Detailing",          price: "R 350",          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg"},
      ]}
      title="Our Professional Services"
      description="Premium care for every vehicle type, delivered with precision."
@@ -135,29 +100,19 @@ export default function LandingPage() {
      features={[
        {
          icon: Zap,
-          title: "Fast Service",
-          description: "Get in and out quickly without sacrificing quality.",
-        },
+          title: "Fast Service",          description: "Get in and out quickly without sacrificing quality."},
        {
          icon: Tag,
-          title: "Affordable Pricing",
-          description: "Top-tier results that fit your budget.",
-        },
+          title: "Affordable Pricing",          description: "Top-tier results that fit your budget."},
        {
          icon: Users,
-          title: "Friendly Staff",
-          description: "Our team is passionate about car care.",
-        },
+          title: "Friendly Staff",          description: "Our team is passionate about car care."},
        {
          icon: CheckCircle,
-          title: "Quality Results",
-          description: "A deep clean that brings back the showroom shine.",
-        },
+          title: "Quality Results",          description: "A deep clean that brings back the showroom shine."},
        {
          icon: MapPin,
-          title: "Convenient Location",
-          description: "Located right on Ottery Road, Cape Town.",
-        },
+          title: "Convenient Location",          description: "Located right on Ottery Road, Cape Town."},
      ]}
      title="Why Choose Super Wash?"
      description="We treat your vehicle like it's our own, every single time."
@@ -171,47 +126,17 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "t1",
-          name: "Kevin Freeman",
-          role: "Local Resident",
-          testimonial: "Value for money and the service was great.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-women-posing-pointing-fingers-camera-while-sitting-table-with-coffee-cups-documents_74855-9959.jpg",
-        },
+          id: "t1",          name: "Kevin Freeman",          role: "Local Resident",          testimonial: "Value for money and the service was great.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-women-posing-pointing-fingers-camera-while-sitting-table-with-coffee-cups-documents_74855-9959.jpg"},
        {
-          id: "t2",
-          name: "Sarah Miller",
-          role: "Customer",
-          testimonial: "Best car wash in Ottery, very quick and efficient.",
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-showing-thumb-up-isolated-purple_141793-84110.jpg",
-        },
+          id: "t2",          name: "Sarah Miller",          role: "Customer",          testimonial: "Best car wash in Ottery, very quick and efficient.",          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-showing-thumb-up-isolated-purple_141793-84110.jpg"},
        {
-          id: "t3",
-          name: "David Mthembu",
-          role: "Customer",
-          testimonial: "Friendly team and my car looks brand new!",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg",
-        },
+          id: "t3",          name: "David Mthembu",          role: "Customer",          testimonial: "Friendly team and my car looks brand new!",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg"},
        {
-          id: "t4",
-          name: "Linda Jacobs",
-          role: "Customer",
-          testimonial: "Reliable and affordable valeting service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-street_23-2148289283.jpg",
-        },
+          id: "t4",          name: "Linda Jacobs",          role: "Customer",          testimonial: "Reliable and affordable valeting service.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-street_23-2148289283.jpg"},
        {
-          id: "t5",
-          name: "Paul Botha",
-          role: "Customer",
-          testimonial: "Super Wash never disappoints. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg",
-        },
+          id: "t5",          name: "Paul Botha",          role: "Customer",          testimonial: "Super Wash never disappoints. Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg"},
        {
-          id: "t6",
-          name: "Anita Vermaak",
-          role: "Customer",
-          testimonial: "Professional detailing and great finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg",
-        },
+          id: "t6",          name: "Anita Vermaak",          role: "Customer",          testimonial: "Professional detailing and great finish.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg"},
      ]}
      title="What Our Customers Say"
      description="Trusted by hundreds of Cape Town locals for quality service."
@@ -235,14 +160,11 @@ export default function LandingPage() {
      <ContactText
      useInvertedBackground={false}
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      text="Ready for a sparkling clean car? Tap below to book via WhatsApp."
      buttons={[
        {
-          text: "WhatsApp Us to Book",
-          href: "https://wa.me/27217037432?text=Hi,%20I%20would%20like%20to%20book%20a%20car%20wash.",
-        },
+          text: "WhatsApp Us to Book",          href: "https://wa.me/27217037432?text=Hi,%20I%20would%20like%20to%20book%20a%20car%20wash."},
      ]}
    />
  </div>
@@ -251,18 +173,13 @@ export default function LandingPage() {
      <ContactText
      useInvertedBackground={false}
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      text="Get in touch or book a slot today via phone or WhatsApp."
      buttons={[
        {
-          text: "Call: 021 703 7432",
-          href: "tel:+27217037432",
-        },
+          text: "Call: 021 703 7432",          href: "tel:+27217037432"},
        {
-          text: "WhatsApp: 021 703 7432",
-          href: "https://wa.me/27217037432",
-        },
+          text: "WhatsApp: 021 703 7432",          href: "https://wa.me/27217037432"},
      ]}
    />
  </div>
@@ -273,33 +190,21 @@ export default function LandingPage() {
      logoText="Super Wash"
      columns={[
        {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
            {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
            {
-              label: "Booking",
-              href: "#booking",
-            },
+              label: "Booking",              href: "#booking"},
            {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
          ],
        },
        {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
            {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
@@ -309,4 +214,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-nunito-sans), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-nunito-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000f06e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	4f64d275d4	Update src/app/page.tsx	2026-04-29 21:24:03 +00:00
bender	7899c3f483	Merge version_11 into main Merge version_11 into main	2026-04-29 21:16:44 +00:00
bender	90ad442b63	Update theme fonts	2026-04-29 21:16:41 +00:00
bender	d230b045f5	Update theme fonts	2026-04-29 21:16:41 +00:00
bender	8d81102bdf	Switch to version 11: modified src/app/styles/variables.css	2026-04-29 21:16:11 +00:00
bender	0c2da43014	Switch to version 11: modified src/app/styles/base.css	2026-04-29 21:16:11 +00:00
bender	938bca8b63	Switch to version 11: modified src/app/layout.tsx	2026-04-29 21:16:10 +00:00
bender	98585f7e2d	Switch to version 10: modified src/app/styles/variables.css	2026-04-29 21:16:02 +00:00
bender	978b695afa	Switch to version 10: modified src/app/styles/base.css	2026-04-29 21:16:01 +00:00
bender	19cb1becf3	Switch to version 10: modified src/app/layout.tsx	2026-04-29 21:16:01 +00:00
bender	c76eeadfb7	Merge version_11 into main Merge version_11 into main	2026-04-29 21:15:15 +00:00
bender	02ec17ee5d	Update theme fonts	2026-04-29 21:15:12 +00:00
bender	7aac347b07	Update theme fonts	2026-04-29 21:15:11 +00:00
bender	259cfeda70	Switch to version 11: modified src/app/styles/variables.css	2026-04-29 21:11:34 +00:00
bender	d073415f81	Merge version_12 into main Merge version_12 into main	2026-04-29 21:11:30 +00:00
bender	a0a5c11ca9	Update theme colors	2026-04-29 21:11:27 +00:00
bender	c90efbc997	Merge version_11 into main Merge version_11 into main	2026-04-29 21:10:35 +00:00
bender	a1f5119313	Update theme colors	2026-04-29 21:10:32 +00:00
bender	973965f407	Merge version_10 into main Merge version_10 into main	2026-04-29 21:10:09 +00:00
bender	9140afa92e	Update theme colors	2026-04-29 21:10:05 +00:00
bender	415caf4541	Merge version_9 into main Merge version_9 into main	2026-04-29 21:09:50 +00:00
bender	d6d9056641	Update theme colors	2026-04-29 21:09:46 +00:00
bender	e5440d3e64	Merge version_8 into main Merge version_8 into main	2026-04-29 21:09:30 +00:00
bender	223f5d7fcc	Update theme colors	2026-04-29 21:09:27 +00:00
bender	4d7f3d0682	Merge version_7 into main Merge version_7 into main	2026-04-29 21:08:59 +00:00
bender	b31e32fb46	Update theme colors	2026-04-29 21:08:56 +00:00
bender	0d2468f8f9	Merge version_6 into main Merge version_6 into main	2026-04-29 21:08:47 +00:00
bender	a15578ad78	Update theme colors	2026-04-29 21:08:44 +00:00
bender	0f5e56f593	Merge version_5 into main Merge version_5 into main	2026-04-29 21:08:26 +00:00
bender	1adb26ef6a	Update theme colors	2026-04-29 21:08:23 +00:00
bender	33b8c7e8e2	Merge version_4 into main Merge version_4 into main	2026-04-29 21:08:17 +00:00
bender	c71dd3f223	Update theme colors	2026-04-29 21:08:13 +00:00
bender	34cc4744f4	Merge version_3 into main Merge version_3 into main	2026-04-29 21:08:03 +00:00
bender	c8fd104cab	Merge version_2 into main Merge version_2 into main	2026-04-29 21:06:41 +00:00