Update src/app/styles/variables.css

Merge version_8 into main

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -98,7 +98,7 @@ export default function LandingPage() {
         <TextSplitAbout
           title="About Beli"
           description={[
-            "Beli is a full-service design agency with 200+ brands transformed across diverse sectors and 10+ years of industry experience, maintaining 98% client satisfaction. We are dedicated to creating transformative digital experiences that go beyond aesthetics—solving problems, telling stories, and building meaningful connections between brands and their audiences.",            "With a team of experienced designers, strategists, and creatives, we partner with forward-thinking companies to bring their vision to life. Our approach combines research-driven insights with innovative thinking to deliver solutions that are both beautiful and effective.",            "From concept to launch, we're committed to excellence at every stage of the creative process, leveraging our proven track record to establish ourselves as trusted partners in strategic design innovation."
+            "With 98% client satisfaction and 200+ brands transformed, Beli is a full-service design agency delivering transformative digital experiences across diverse sectors.",            "Our team of experienced designers, strategists, and creatives partner with forward-thinking companies to bring vision to life. We combine research-driven insights with innovative thinking to deliver solutions that are both beautiful and effective."
           ]}
           buttons={[
             { text: "Get in Touch", href: "contact" }

src/app/styles/variables.css

@@ -3,22 +3,22 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #ffffff;;
-  --card: #f9f9f9;;
+  --card: #f5f5f5;;
-  --foreground: #000612e6;;
+  --foreground: #1a1a1a;;
-  --primary-cta: #15479c;;
+  --primary-cta: #ffb81c;;
-  --secondary-cta: #f9f9f9;;
+  --secondary-cta: #000000;;
-  --accent: #e2e2e2;;
+  --accent: #ffd54f;;
-  --background-accent: #c4c4c4;; */
+  --background-accent: #ffe082;; */
 
   --background: #ffffff;;
-  --card: #f9f9f9;;
+  --card: #f5f5f5;;
-  --foreground: #000612e6;;
+  --foreground: #1a1a1a;;
-  --primary-cta: #15479c;;
+  --primary-cta: #dc2626;;
   --primary-cta-text: #ffffff;;
-  --secondary-cta: #f9f9f9;;
+  --secondary-cta: #16a34a;;
-  --secondary-cta-text: #000612e6;;
+  --secondary-cta-text: #ffffff;;
-  --accent: #e2e2e2;;
+  --accent: #ffd54f;;
-  --background-accent: #c4c4c4;;
+  --background-accent: #ffe082;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);