Update theme colors

Merge version_2 into main

src/app/page.tsx

@@ -22,10 +22,10 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="compact"
         sizing="large"
-        background="aurora"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="glass"
+        background="noiseDiagonalGradient"
+        cardStyle="outline"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
         headingFontWeight="bold"
     >
       <ReactLenis root>
@@ -33,25 +33,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Results",
-          id: "metrics",
-        },
+          name: "Results",          id: "metrics"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Work",
-          id: "blog",
-        },
+          name: "Work",          id: "blog"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="DM Pro"
     />
@@ -60,77 +50,48 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Digital Marketing That Drives Real Results"
       description="Strategic campaigns and data-driven strategies that grow your audience and revenue. See what I've built for brands like yours."
       kpis={[
         {
-          value: "150%",
-          label: "Avg. Revenue Growth",
-        },
+          value: "150%",          label: "Avg. Revenue Growth"},
         {
-          value: "2M+",
-          label: "Leads Generated",
-        },
+          value: "2M+",          label: "Leads Generated"},
         {
-          value: "50+",
-          label: "Successful Projects",
-        },
+          value: "50+",          label: "Successful Projects"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "View My Work",
-          href: "#blog",
-        },
+          text: "Scale Your Revenue Now",          href: "#blog"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/monitor-with-management-graph-it-standing-empty-startup-company-office-business-meeting-ready-financial-work-workplace-with-modern-furniture-concept-corporation-job_482257-27806.jpg"
       imageAlt="digital marketing dashboard metrics red theme"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-business-woman-standing-with-arms-folded-posing-co-working-coffee-shop-interior-looking-camera_74855-9743.jpg",
-          alt: "Confident beautiful young business woman standing with arms folded",
-        },
+          src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-business-woman-standing-with-arms-folded-posing-co-working-coffee-shop-interior-looking-camera_74855-9743.jpg",          alt: "Confident beautiful young business woman standing with arms folded"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
-          alt: "Happy businessman smiling at camera",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",          alt: "Happy businessman smiling at camera"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
-          alt: "Smiling lady in black jacket posing on isolated background",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",          alt: "Smiling lady in black jacket posing on isolated background"},
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg",
-          alt: "Closeup of happy bearded man in suit laughing",
-        },
+          src: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg",          alt: "Closeup of happy bearded man in suit laughing"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",
-          alt: "Portrait of happy young businesswoman talking on mobile phone",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",          alt: "Portrait of happy young businesswoman talking on mobile phone"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "PPC Optimization",
-        },
+          type: "text",          text: "PPC Optimization"},
         {
-          type: "text",
-          text: "SEO Strategy",
-        },
+          type: "text",          text: "SEO Strategy"},
         {
-          type: "text",
-          text: "Data Analytics",
-        },
+          type: "text",          text: "Data Analytics"},
         {
-          type: "text",
-          text: "Content Marketing",
-        },
+          type: "text",          text: "Content Marketing"},
         {
-          type: "text",
-          text: "Brand Growth",
-        },
+          type: "text",          text: "Brand Growth"},
       ]}
     />
   </div>
@@ -143,17 +104,11 @@ export default function LandingPage() {
       description="I help businesses scale their digital footprint through hyper-targeted strategies and creative campaigns. My focus is always on high ROI and long-term brand equity."
       bulletPoints={[
         {
-          title: "Data-Driven Approach",
-          description: "Every decision is backed by analytics and testing.",
-        },
+          title: "Data-Driven Approach",          description: "Every decision is backed by analytics and testing."},
         {
-          title: "Scalable Campaigns",
-          description: "From startup to enterprise, I build campaigns that grow.",
-        },
+          title: "Scalable Campaigns",          description: "From startup to enterprise, I build campaigns that grow."},
         {
-          title: "Transparent Reporting",
-          description: "Clear insights into how your budget is performing.",
-        },
+          title: "Transparent Reporting",          description: "Clear insights into how your budget is performing."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/attractive-young-man-using-digital-tablet-with-modern-metal-pendant_23-2147937514.jpg"
       imageAlt="professional digital marketer business casual"
@@ -168,26 +123,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "3.5x",
-          title: "RoAS",
-          description: "Average return on ad spend",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-laptop_23-2148780610.jpg",
-        },
+          id: "m1",          value: "3.5x",          title: "RoAS",          description: "Average return on ad spend",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-laptop_23-2148780610.jpg"},
         {
-          id: "m2",
-          value: "40%",
-          title: "CPA Reduction",
-          description: "Average reduction in acquisition cost",
-          imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-red-lines_23-2148999201.jpg",
-        },
+          id: "m2",          value: "40%",          title: "CPA Reduction",          description: "Average reduction in acquisition cost",          imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-red-lines_23-2148999201.jpg"},
         {
-          id: "m3",
-          value: "$12M+",
-          title: "Managed Spend",
-          description: "Total ad spend optimized",
-          imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-120075.jpg",
-        },
+          id: "m3",          value: "$12M+",          title: "Managed Spend",          description: "Total ad spend optimized",          imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-120075.jpg"},
       ]}
       title="Proven Track Record"
       description="Numbers that define my commitment to your business growth and performance."
@@ -201,34 +141,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "SEO Optimization",
-          description: "Rank higher and capture organic traffic.",
-          icon: Search,
+          title: "SEO Optimization",          description: "Rank higher and capture organic traffic.",          icon: Search,
         },
         {
-          title: "Paid Ads",
-          description: "Targeted PPC across platforms.",
-          icon: Zap,
+          title: "Paid Ads",          description: "Targeted PPC across platforms.",          icon: Zap,
         },
         {
-          title: "Email Marketing",
-          description: "Nurture leads and drive conversions.",
-          icon: Mail,
+          title: "Email Marketing",          description: "Nurture leads and drive conversions.",          icon: Mail,
         },
         {
-          title: "Content Strategy",
-          description: "Build authority in your industry.",
-          icon: PenTool,
+          title: "Content Strategy",          description: "Build authority in your industry.",          icon: PenTool,
         },
         {
-          title: "Social Media",
-          description: "Engage your audience effectively.",
-          icon: Share2,
+          title: "Social Media",          description: "Engage your audience effectively.",          icon: Share2,
         },
         {
-          title: "Marketing Analytics",
-          description: "Understand your customer journey.",
-          icon: BarChart2,
+          title: "Marketing Analytics",          description: "Understand your customer journey.",          icon: BarChart2,
         },
       ]}
       title="My Core Competencies"
@@ -242,45 +170,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          title: "Exceptional ROI",
-          quote: "My revenue increased by 200% in six months. A true expert.",
-          name: "Sarah Miller",
-          role: "CMO",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
-        },
+          id: "t1",          title: "Exceptional ROI",          quote: "My revenue increased by 200% in six months. A true expert.",          name: "Sarah Miller",          role: "CMO",          imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg"},
         {
-          id: "t2",
-          title: "Incredible Results",
-          quote: "Finally, a marketer who speaks the language of data and profit.",
-          name: "James Chen",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
-        },
+          id: "t2",          title: "Incredible Results",          quote: "Finally, a marketer who speaks the language of data and profit.",          name: "James Chen",          role: "CEO",          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg"},
         {
-          id: "t3",
-          title: "Game Changer",
-          quote: "The strategy was spot on and execution was flawless.",
-          name: "Elena Rodriguez",
-          role: "Marketing Dir",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-headset_74855-2661.jpg",
-        },
+          id: "t3",          title: "Game Changer",          quote: "The strategy was spot on and execution was flawless.",          name: "Elena Rodriguez",          role: "Marketing Dir",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-headset_74855-2661.jpg"},
         {
-          id: "t4",
-          title: "Professionalism",
-          quote: "Great communication and consistent results every month.",
-          name: "Mark Wilson",
-          role: "Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-spectacles-fashion-male-posing-studio-near-blue-wall-looking-camera-glasses_158538-21056.jpg",
-        },
+          id: "t4",          title: "Professionalism",          quote: "Great communication and consistent results every month.",          name: "Mark Wilson",          role: "Founder",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-spectacles-fashion-male-posing-studio-near-blue-wall-looking-camera-glasses_158538-21056.jpg"},
         {
-          id: "t5",
-          title: "Top Tier Talent",
-          quote: "Extremely effective campaigns with clear, actionable insights.",
-          name: "Lisa Wang",
-          role: "VP Marketing",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-black-white-polka-dot-dress-holding-white-like-sign-yellow_140725-24141.jpg",
-        },
+          id: "t5",          title: "Top Tier Talent",          quote: "Extremely effective campaigns with clear, actionable insights.",          name: "Lisa Wang",          role: "VP Marketing",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-black-white-polka-dot-dress-holding-white-like-sign-yellow_140725-24141.jpg"},
       ]}
       title="Client Success Stories"
       description="Trusted by brands looking to scale their online performance."
@@ -292,14 +190,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "InnovateTech",
-        "GrowthStream",
-        "ApexCorp",
-        "DigitalVanguard",
-        "VelocityLab",
-        "SummitBrands",
-        "PrimeSolutions",
-      ]}
+        "InnovateTech",        "GrowthStream",        "ApexCorp",        "DigitalVanguard",        "VelocityLab",        "SummitBrands",        "PrimeSolutions"]}
       title="Trusted by Industry Leaders"
       description="Partners and companies I have helped achieve marketing excellence."
     />
@@ -314,35 +205,11 @@ export default function LandingPage() {
       description="Recent campaigns and strategic breakdowns."
       blogs={[
         {
-          id: "b1",
-          category: "SEO",
-          title: "How I Boosted Traffic by 300%",
-          excerpt: "Deep dive into SEO strategy and technical fixes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/production-manufacture-process-chart-diagram_53876-120646.jpg",
-          authorName: "Me",
-          authorAvatar: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
-          date: "Jan 2025",
-        },
+          id: "b1",          category: "SEO",          title: "How I Boosted Traffic by 300%",          excerpt: "Deep dive into SEO strategy and technical fixes.",          imageSrc: "http://img.b2bpic.net/free-photo/production-manufacture-process-chart-diagram_53876-120646.jpg",          authorName: "Me",          authorAvatar: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",          date: "Jan 2025"},
         {
-          id: "b2",
-          category: "Ads",
-          title: "Scaling PPC with Tight Budgets",
-          excerpt: "How to get the most out of small ad spends.",
-          imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-digital-graphic_1134-293.jpg",
-          authorName: "Me",
-          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-woman-sitting-living-room-eating-snack-after-work-person-with-chips-delivery-bag-couch-looking-camera-smiling-adult-relaxing-with-takeaway-meal_482257-30522.jpg",
-          date: "Dec 2024",
-        },
+          id: "b2",          category: "Ads",          title: "Scaling PPC with Tight Budgets",          excerpt: "How to get the most out of small ad spends.",          imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-digital-graphic_1134-293.jpg",          authorName: "Me",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-woman-sitting-living-room-eating-snack-after-work-person-with-chips-delivery-bag-couch-looking-camera-smiling-adult-relaxing-with-takeaway-meal_482257-30522.jpg",          date: "Dec 2024"},
         {
-          id: "b3",
-          category: "Content",
-          title: "The Art of Email Nurture",
-          excerpt: "Conversion strategies that actually work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-report-desk-laptop-showing-marketing-statistics-office_482257-84805.jpg",
-          authorName: "Me",
-          authorAvatar: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
-          date: "Nov 2024",
-        },
+          id: "b3",          category: "Content",          title: "The Art of Email Nurture",          excerpt: "Conversion strategies that actually work.",          imageSrc: "http://img.b2bpic.net/free-photo/financial-report-desk-laptop-showing-marketing-statistics-office_482257-84805.jpg",          authorName: "Me",          authorAvatar: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",          date: "Nov 2024"},
       ]}
     />
   </div>
@@ -351,16 +218,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Let's work together"
       title="Ready to scale your business?"
       description="Schedule a discovery call to discuss how we can grow your revenue together."
       buttons={[
         {
-          text: "Contact Me",
-          href: "mailto:hello@example.com",
-        },
+          text: "Contact Me",          href: "mailto:hello@example.com"},
       ]}
     />
   </div>
@@ -369,54 +233,33 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Sitemap",
-          items: [
+          title: "Sitemap",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Services",
-              href: "#features",
-            },
+              label: "Services",              href: "#features"},
             {
-              label: "Results",
-              href: "#metrics",
-            },
+              label: "Results",              href: "#metrics"},
             {
-              label: "Work",
-              href: "#blog",
-            },
+              label: "Work",              href: "#blog"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
         {
-          title: "Socials",
-          items: [
+          title: "Socials",          items: [
             {
-              label: "LinkedIn",
-              href: "#",
-            },
+              label: "LinkedIn",              href: "#"},
             {
-              label: "Twitter",
-              href: "#",
-            },
+              label: "Twitter",              href: "#"},
             {
-              label: "GitHub",
-              href: "#",
-            },
+              label: "GitHub",              href: "#"},
           ],
         },
       ]}
@@ -427,4 +270,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #fdfdfd;
-  --foreground: #1a1a1a;
-  --primary-cta: #e63946;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
-  --secondary-cta-text: #ffffff;
-  --accent: #e63946;
-  --background-accent: #f3f3f3;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);