Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -99,7 +99,7 @@ export default function LandingPage() {
             tag="Get In Touch"
             buttons={[
               { text: "Email Us", href: "mailto:contact@agency.com" },
-              { text: "Chat on WhatsApp", href: "https://wa.me/15551234567" }
+              { text: "Chat on WhatsApp", href: "https://api.whatsapp.com/send/?phone=50488601068&text&type=phone_number&app_absent=0" }
             ]}
             background={{ variant: "plain" }}
             useInvertedBackground={true}
@@ -111,7 +111,7 @@ export default function LandingPage() {
             logoText="Agency"
             columns={[
               { title: "Agency", items: [{ label: "Home", href: "#" }, { label: "Portfolio", href: "#portfolio" }] },
-              { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "WhatsApp", href: "https://wa.me/15551234567" }] }
+              { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "WhatsApp", href: "https://api.whatsapp.com/send/?phone=50488601068&text&type=phone_number&app_absent=0" }] }
             ]}
           />
         </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #111111;
-  --foreground: #ffffff;
-  --primary-cta: #ffffff;
+  --background: #ffffff;
+  --card: #f5f5f5;
+  --foreground: #1a1a1a;
+  --primary-cta: #1a1a1a;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #111111;
+  --secondary-cta: #f5f5f5;
   --secondary-cta-text: #2a2928;
-  --accent: #333333;
-  --background-accent: #222222;
+  --accent: #8a8a8a;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);