Update theme colors

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,158 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { TrendingUp, ShoppingCart, Users, Globe, Star, Briefcase, ArrowRight } from 'lucide-react';
+
+export default function AboutPage() {
+  const navItems = [
+    { name: "Reels", id: "reels" },
+    { name: "Insights", id: "insights" },
+    { name: "Services", id: "services" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "contact" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="mediumSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="outline"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems}
+          button={{ text: "Start Project", href: "contact" }}
+          brandName="Luminous"
+        />
+      </div>
+
+      <div id="about-metrics" data-section="about-metrics">
+        <AboutMetric
+          title="At Luminous, we redefine premium brand positioning by empowering luxury businesses to reach their full potential through strategic social media mastery."
+          useInvertedBackground={false}
+          metrics={[
+            { icon: TrendingUp, label: "Brand Growth", value: "380%+" },
+            { icon: Users, label: "Premium Clients", value: "50+" },
+            { icon: ShoppingCart, label: "Campaign Success", value: "98%" },
+            { icon: Globe, label: "Global Reach", value: "15M+" },
+          ]}
+          metricsAnimation="slide-up"
+        />
+      </div>
+
+      <div id="about-values" data-section="about-values">
+        <FeatureCardTwelve
+          title="Our Core Values"
+          description="The principles that guide every strategic decision and creative execution for our premium brand partners."
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          features={[
+            {
+              id: "excellence",              label: "Excellence",              title: "Premium Quality in Every Detail",              items: [
+                "Meticulous attention to creative precision",                "Strategic rigor in campaign planning",                "Unwavering commitment to brand authority"],
+            },
+            {
+              id: "authenticity",              label: "Authenticity",              title: "Genuine Brand Storytelling",              items: [
+                "Authentic audience connection",                "Brand essence alignment",                "Transparent communication strategies"],
+            },
+            {
+              id: "innovation",              label: "Innovation",              title: "Forward-Thinking Strategy",              items: [
+                "Emerging platform expertise",                "Creative trend anticipation",                "Data-driven optimization"],
+            },
+            {
+              id: "partnership",              label: "Partnership",              title: "Long-Term Strategic Alignment",              items: [
+                "Collaborative goal-setting",                "Transparent performance metrics",                "Shared success philosophy"],
+            },
+          ]}
+        />
+      </div>
+
+      <div id="about-testimonials" data-section="about-testimonials">
+        <TestimonialCardFive
+          title="Why Premium Brands Trust Luminous"
+          description="Proven expertise in positioning luxury brands as market authorities with measurable results."
+          tag="Client Success Stories"
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          testimonials={[
+            {
+              id: "1",              name: "Alexandra Sterling, CEO of Luxe Collective",              date: "Date: 12 January 2025",              title: "Transformed Our Brand Positioning Completely",              quote: "Within four months, we went from industry followers to recognized thought leaders. The strategic precision and creative excellence demonstrated by this team elevated our brand authority and directly contributed to a 45% increase in premium client acquisitions.",              tag: "E-Commerce Luxury",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjoGbvvszqJ45EyjMh9L5bZcyC/professional-headshot-of-luxury-brand-ex-1773115342020-c5f6fb48.png",              avatarAlt: "Alexandra Sterling",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjoGbvvszqJ45EyjMh9L5bZcyC/a-cinematic-screenshot-of-viral-social-m-1773115342567-ede1a2da.png?_wi=3"},
+            {
+              id: "2",              name: "Marcus Wellington, CMO of Apex Lifestyle Brands",              date: "Date: 8 January 2025",              title: "The Most Strategic Agency Partnership We've Had",              quote: "They don't just create content—they engineer brand authority. Their understanding of our target audience and premium positioning strategy has been invaluable. Our engagement rates have tripled and we're now attracting higher-caliber brand partnerships.",              tag: "Lifestyle & Luxury",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjoGbvvszqJ45EyjMh9L5bZcyC/premium-portrait-of-marketing-director-o-1773115341862-6a0318f2.png",              avatarAlt: "Marcus Wellington",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjoGbvvszqJ45EyjMh9L5bZcyC/premium-lifestyle-brand-social-media-ree-1773115342591-c3ac6887.png?_wi=3"},
+            {
+              id: "3",              name: "Sophia Laurent, Founder of Maison Élegance",              date: "Date: 3 January 2025",              title: "Premium Execution at Every Level",              quote: "The attention to detail, strategic thinking, and creative sophistication of their team is unmatched. They perfectly captured our brand essence and elevated it to new heights. Our brand is now recognized as a premium authority in our space.",              tag: "Fashion & Accessories",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjoGbvvszqJ45EyjMh9L5bZcyC/professional-headshot-of-ceo-or-founder--1773115342079-5a0318d2.png",              avatarAlt: "Sophia Laurent",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjoGbvvszqJ45EyjMh9L5bZcyC/professional-social-media-content-featur-1773115342879-243b0478.png?_wi=3"},
+          ]}
+        />
+      </div>
+
+      <div id="about-cta" data-section="about-cta">
+        <ContactText
+          text="Ready to partner with a team that understands premium brand positioning? Let's create something extraordinary together."
+          animationType="entrance-slide"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Schedule Consultation", href: "mailto:hello@luminous.com" },
+            { text: "Explore Services", href: "/#services" },
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigate",              items: [
+                { label: "Home", href: "/" },
+                { label: "Portfolio", href: "/#reels" },
+                { label: "Insights", href: "/#insights" },
+                { label: "Services", href: "/#services" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Our Team", href: "#" },
+                { label: "Careers", href: "#" },
+                { label: "Contact", href: "/#contact" },
+              ],
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Case Studies", href: "/#insights" },
+                { label: "Industry Reports", href: "#" },
+                { label: "Strategic Framework", href: "#" },
+                { label: "Blog", href: "/#insights" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Client Agreement", href: "#" },
+                { label: "Compliance", href: "#" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Luminous. Premium Social Media Strategy. All rights reserved."
+          bottomRightText="Engineered for Premium Brand Excellence"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -17,7 +17,7 @@ export default function LandingPage() {
     { name: "Reels", id: "reels" },
     { name: "Insights", id: "insights" },
     { name: "Services", id: "services" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
     { name: "Contact", id: "contact" },
   ];
 
@@ -190,6 +190,8 @@ export default function LandingPage() {
               id: "1",              value: "380%",              description: "Average ROI increase for premium brand clients within the first year of strategic partnership."},
             {
               id: "2",              value: "45K+",              description: "Average follower growth rate for luxury brands through strategic content positioning and authority building."},
+            {
+              id: "3",              value: "92%",              description: "Average client retention rate reflecting our strategic excellence, premium service quality, and proven ability to deliver sustained brand growth and market authority."},
           ]}
           metricsAnimation="slide-up"
         />
@@ -221,7 +223,7 @@ export default function LandingPage() {
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#" },
+                { label: "About Us", href: "/about" },
                 { label: "Our Team", href: "#" },
                 { label: "Careers", href: "#" },
                 { label: "Contact", href: "#contact" },

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
-  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #159c49;
-  --background-accent: #a8e8ba;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #120006e6;
+  --primary-cta: #e63946;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #120006e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);