Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -45,7 +45,7 @@ export default function ATFZGaragePage() {
         <HeroLogoBillboardSplit
           logoText="ATFZGARAGE"
           description="Professional mobile mechanic services delivered to your location. Convenient, honest, and affordable repairs for all vehicle types."
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Book Service Now", href: "contact" },
             { text: "Learn More", href: "services" }
@@ -94,7 +94,7 @@ export default function ATFZGaragePage() {
           tag="Our Services"
           textboxLayout="default"
           useInvertedBackground={false}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           features={[
             {
@@ -209,7 +209,7 @@ export default function ATFZGaragePage() {
             { text: "Book Service", href: "#contact-form" },
             { text: "Call Us", href: "tel:1-800-ATFZGAR" }
           ]}
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #250c0d;;
-  --primary-cta: #b82b40;;
-  --secondary-cta: #ffffff;;
-  --accent: #b90941;;
-  --background-accent: #e8a8b6;; */
+  /* --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #9d00ff;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #737373;;
+  --background-accent: #9d00ff;; */
 
-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #250c0d;;
-  --primary-cta: #b82b40;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #9d00ff;;
   --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
   --secondary-cta-text: #250c0d;;
-  --accent: #b90941;;
-  --background-accent: #e8a8b6;;
+  --accent: #737373;;
+  --background-accent: #9d00ff;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);