src/app/page.tsx

@@ -22,7 +22,7 @@ export default function LandingPage() {
         cardStyle="outline"
         primaryButtonStyle="flat"
         secondaryButtonStyle="radial-glow"
-        headingFontWeight="medium"
+        headingFontWeight="extrabold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -45,6 +45,7 @@ export default function LandingPage() {
       showBlur={false}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DcHall8ymsA9PynS0bm9DLPsvh/uploaded-1778575272100-fboz0r2b.jpg"
       imageAlt="Industrial barbershop interior"
+      titleClassName="text-8xl font-black text-white"
       avatars={[
         { src: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-eastern-beard-entrepreneur-wear-black-coat-blue-shirt-eyeglasses-against-office-building_627829-5284.jpg", alt: "Client 1" },
         { src: "http://img.b2bpic.net/free-photo/man-white-outfits-acting-scene_114579-7647.jpg", alt: "Client 2" },

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #1A1A1B;
-  --card: #232324;
-  --foreground: #FFFFFF;
-  --primary-cta: #FFFFFF;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #1a1a1a;
+  --primary-cta: #1a1a1a;
   --primary-cta-text: #1A1A1B;
-  --secondary-cta: #1A1A1B;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #FFFFFF;
-  --accent: #C0C0C0;
-  --background-accent: #C0C0C0;
+  --accent: #e2e2e2;
+  --background-accent: #f9f9f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);