Merge version_7 into main

Merge version_7 into main

src/app/layout.tsx

@@ -1407,4 +1407,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -9,6 +9,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import { Sparkles, Zap, Target, PenTool, Search, Palette, Users, TrendingUp, Award, Rocket } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,7 +33,9 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
             { name: "Results", id: "metrics" },
-            { name: "Testimonials", id: "testimonials" }
+            { name: "Works", id: "works" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Pricing", id: "/pricing" }
           ]}
           button={{
             text: "Get Started",            href: "#contact"
@@ -42,7 +45,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroSplitDualMedia
-          title="Transform Your Brand With Expert Marketing"
+          title="Transform Your Brand NOW"
           description="Strategic marketing campaigns designed to elevate your brand presence and drive measurable business growth."
           tag="Marketing Solutions"
           tagIcon={Sparkles}
@@ -55,23 +58,80 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-profit-progress-screen_482257-77678.jpg",              imageAlt: "Marketing dashboard with analytics"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AM9hp4M6eDzEwMxDU5gYArbELf/uploaded-1772445436332-4x4u1wfq.png",              imageAlt: "Marketing dashboard with analytics"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/professionals-present-financial-charts-meeting_482257-121150.jpg",              imageAlt: "Business strategy planning session"
+              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=2",              imageAlt: "Business strategy planning session"
             }
           ]}
           mediaAnimation="slide-up"
           rating={5}
           ratingText="Trusted by industry leaders"
+          mediaItemClassName="relative group"
+          imageClassName="relative w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+          mediaWrapperClassName="relative rounded-lg overflow-hidden"
         />
+        <style jsx>{`
+          :global(.hero-kpi-overlay) {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: linear-gradient(135deg, rgba(15, 23, 42, 0.4) 0%, rgba(30, 41, 59, 0.6) 100%);
+            backdrop-filter: blur(8px);
+            -webkit-backdrop-filter: blur(8px);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 1.5rem;
+            padding: 1.5rem;
+            border-radius: 0.5rem;
+            opacity: 0;
+            group-hover:opacity: 100;
+            transition: opacity 0.3s ease;
+            z-index: 10;
+          }
+
+          :global(.kpi-card) {
+            flex: 1;
+            background: rgba(255, 255, 255, 0.05);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 0.5rem;
+            padding: 1rem;
+            text-align: center;
+            backdrop-filter: blur(12px);
+            -webkit-backdrop-filter: blur(12px);
+            transition: all 0.3s ease;
+          }
+
+          :global(.kpi-card:hover) {
+            background: rgba(255, 255, 255, 0.08);
+            border-color: rgba(255, 255, 255, 0.2);
+            transform: translateY(-2px);
+          }
+
+          :global(.kpi-value) {
+            font-size: 1.5rem;
+            font-weight: 700;
+            color: var(--primary-cta);
+            margin-bottom: 0.5rem;
+          }
+
+          :global(.kpi-label) {
+            font-size: 0.875rem;
+            color: rgba(255, 255, 255, 0.7);
+            font-weight: 500;
+          }
+        `}</style>
       </div>
 
       <div id="about" data-section="about">
         <TextSplitAbout
           title="Why Choose Nexus Marketing"
           description={[
-            "At Nexus Marketing, we combine data-driven insights with creative excellence to deliver campaigns that resonate with your audience and drive real business growth. Our team of strategists, designers, and copywriters work collaboratively to ensure every aspect of your marketing aligns with your brand vision and business goals.",            "With over a decade of experience across industries, we've helped hundreds of brands achieve their marketing objectives through innovative strategies, compelling storytelling, and measurable results. We don't just create campaigns—we create connections."
+            "At Nexus Marketing, we combine data-driven insights with creative excellence to deliver campaigns that resonate with your audience and drive real business growth."
           ]}
           buttons={[
             { text: "Explore Our Services", href: "#services" }
@@ -92,10 +152,10 @@ export default function LandingPage() {
               title: "Digital Marketing Strategy",              description: "Develop comprehensive digital strategies that align with your business goals and maximize ROI across all channels.",              icon: Target,
               mediaItems: [
                 {
-                  imageSrc: "http://img.b2bpic.net/free-vector/digital-marketing-agency-corporate-social-media-banner-instagram-post-template_1435-1951.jpg?_wi=1",                  imageAlt: "Digital marketing strategy visualization"
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AM9hp4M6eDzEwMxDU5gYArbELf/tmp/generate-an-image-of-lorenzo-noya-1772622815832-cedc15c7.jpg",                  imageAlt: "Digital marketing strategy visualization"
                 },
                 {
-                  imageSrc: "http://img.b2bpic.net/free-vector/search-engine-optimization_24908-55724.jpg?_wi=1",                  imageAlt: "Analytics dashboard"
+                  imageSrc: "http://img.b2bpic.net/free-photo/delicious-candy-concept-with-copy-space_23-2148679289.jpg?id=10289575",                  imageAlt: "Analytics dashboard"
                 }
               ]
             },
@@ -103,10 +163,10 @@ export default function LandingPage() {
               title: "Content Creation & Management",              description: "Craft compelling content that engages your audience, establishes authority, and drives meaningful conversations around your brand.",              icon: PenTool,
               mediaItems: [
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-glasses-cafe_273609-3980.jpg?_wi=1",                  imageAlt: "Content creation workspace"
+                  imageSrc: "http://img.b2bpic.net/free-photo/focused-team-leader-presenting-marketing-plan-interested-multiracial-coworkers-serious-speaker-boss-executive-business-trainer-explaining-development-strategy-motivated-mixed-race-employees_482257-13781.jpg?id=17983464",                  imageAlt: "Content creation workspace"
                 },
                 {
-                  imageSrc: "http://img.b2bpic.net/free-vector/digital-marketing-agency-corporate-social-media-banner-instagram-post-template_1435-1951.jpg?_wi=2",                  imageAlt: "Social media content grid"
+                  imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=4",                  imageAlt: "Social media content grid"
                 }
               ]
             },
@@ -114,10 +174,10 @@ export default function LandingPage() {
               title: "SEO & Search Marketing",              description: "Boost your online visibility with data-driven SEO strategies and targeted search campaigns that attract qualified leads.",              icon: Search,
               mediaItems: [
                 {
-                  imageSrc: "http://img.b2bpic.net/free-vector/search-engine-optimization_24908-55724.jpg?_wi=2",                  imageAlt: "SEO analytics and metrics"
+                  imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e5a5bbf1?w=800&h=600&fit=crop&_wi=3",                  imageAlt: "SEO analytics and metrics"
                 },
                 {
-                  imageSrc: "http://img.b2bpic.net/free-vector/digital-marketing-agency-corporate-social-media-banner-instagram-post-template_1435-1951.jpg?_wi=3",                  imageAlt: "Search engine optimization"
+                  imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e5a5bbf1?w=800&h=600&fit=crop&_wi=4",                  imageAlt: "Search engine optimization"
                 }
               ]
             },
@@ -125,10 +185,10 @@ export default function LandingPage() {
               title: "Brand Identity & Design",              description: "Build a distinctive brand identity that resonates with your target audience and sets you apart from competitors.",              icon: Palette,
               mediaItems: [
                 {
-                  imageSrc: "http://img.b2bpic.net/free-vector/modern-business-card-template-with-geometric-design_23-2147941082.jpg",                  imageAlt: "Brand design and identity"
+                  imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=1",                  imageAlt: "Brand design and identity"
                 },
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-glasses-cafe_273609-3980.jpg?_wi=2",                  imageAlt: "Creative brand assets"
+                  imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop&_wi=2",                  imageAlt: "Creative brand assets"
                 }
               ]
             }
@@ -169,6 +229,38 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="works" data-section="works">
+        <BlogCardOne
+          blogs={[
+            {
+              id: "1",              category: "E-Commerce",              title: "TechFlow Solutions - 200% Lead Growth",              excerpt: "Transformed their digital presence with a comprehensive SEO and content strategy that doubled their qualified leads in 6 months.",              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e5a5bbf1?w=800&h=600&fit=crop",              imageAlt: "TechFlow case study",              authorName: "Sarah Mitchell",              authorAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              date: "15 Nov 2024"
+            },
+            {
+              id: "2",              category: "SaaS",              title: "CloudSync - Market Expansion Campaign",              excerpt: "Developed a multi-channel marketing strategy that helped them enter 3 new markets and increase brand awareness by 340%.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=1",              imageAlt: "CloudSync case study",              authorName: "Michael Chen",              authorAvatar: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop",              date: "08 Nov 2024"
+            },
+            {
+              id: "3",              category: "Startups",              title: "InnovateLabs - From Zero to Series A",              excerpt: "Built a brand identity and go-to-market strategy that secured Series A funding and established market leadership position.",              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop",              imageAlt: "InnovateLabs case study",              authorName: "Emma Rodriguez",              authorAvatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop",              date: "01 Nov 2024"
+            },
+            {
+              id: "4",              category: "Healthcare",              title: "MediCare Plus - Patient Acquisition",              excerpt: "Designed and executed a healthcare marketing campaign that increased patient inquiries by 280% and improved conversion rates.",              imageSrc: "https://images.unsplash.com/photo-1576091160550-2173dba999ef?w=800&h=600&fit=crop",              imageAlt: "MediCare Plus case study",              authorName: "Dr. James Wilson",              authorAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              date: "25 Oct 2024"
+            },
+            {
+              id: "5",              category: "Retail",              title: "StyleHub - Omnichannel Integration",              excerpt: "Integrated online and offline marketing channels to create a seamless customer experience, resulting in 165% revenue growth.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=2",              imageAlt: "StyleHub case study",              authorName: "Lisa Park",              authorAvatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop",              date: "18 Oct 2024"
+            },
+            {
+              id: "6",              category: "Enterprise",              title: "GlobalTech - Enterprise Rebranding",              excerpt: "Led a complete brand refresh and repositioning strategy for a Fortune 500 company, improving market perception and share.",              imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=800&h=600&fit=crop",              imageAlt: "GlobalTech case study",              authorName: "David Kumar",              authorAvatar: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop",              date: "10 Oct 2024"
+            }
+          ]}
+          title="Our Latest Work"
+          description="Explore the diverse range of projects we've successfully executed across different industries and markets."
+          tag="Case Studies"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          carouselMode="buttons"
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen
           testimonial="Nexus Marketing transformed our approach to digital marketing. Their strategic insights and creative execution resulted in a 200% increase in leads within the first six months. They're not just an agency—they're a true business partner."
@@ -176,22 +268,22 @@ export default function LandingPage() {
           author="Sarah Mitchell, CEO of TechFlow Solutions"
           avatars={[
             {
-              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Sarah Mitchell"
+              src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              alt: "Sarah Mitchell"
             },
             {
-              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Team member 2"
+              src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              alt: "Team member 2"
             },
             {
-              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Team member 3"
+              src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              alt: "Team member 3"
             },
             {
-              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Team member 4"
+              src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              alt: "Team member 4"
             },
             {
-              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Team member 5"
+              src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              alt: "Team member 5"
             },
             {
-              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Team member 6"
+              src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              alt: "Team member 6"
             }
           ]}
           ratingAnimation="slide-up"
@@ -228,9 +320,9 @@ export default function LandingPage() {
             {
               title: "Company",              items: [
                 { label: "About Us", href: "#about" },
-                { label: "Our Work", href: "#metrics" },
+                { label: "Our Work", href: "#works" },
                 { label: "Testimonials", href: "#testimonials" },
-                { label: "Blog", href: "#" }
+                { label: "Pricing", href: "/pricing" }
               ]
             },
             {
@@ -245,6 +337,44 @@ export default function LandingPage() {
           copyrightText="© 2025 Nexus Marketing. All rights reserved."
         />
       </div>
+
+      <script dangerouslySetInnerHTML={{
+        __html: `
+        // Enhanced glassmorphic overlay with KPI cards on hover
+        document.addEventListener('DOMContentLoaded', function() {
+          const heroSection = document.getElementById('hero');
+          if (!heroSection) return;
+
+          const mediaItems = heroSection.querySelectorAll('[class*="mediaItem"]');
+          
+          mediaItems.forEach(item => {
+            const imageElement = item.querySelector('img');
+            if (!imageElement) return;
+
+            // Create overlay container
+            const overlay = document.createElement('div');
+            overlay.className = 'hero-kpi-overlay';
+
+            // Create KPI cards
+            const kpiCards = [
+              { value: '250+', label: 'Campaigns Launched' },
+              { value: '156%', label: 'Avg ROI Increase' }
+            ];
+
+            kpiCards.forEach(kpi => {
+              const card = document.createElement('div');
+              card.className = 'kpi-card';
+              card.innerHTML = 
+                '<div class="kpi-value">' + kpi.value + '</div>' +
+                '<div class="kpi-label">' + kpi.label + '</div>';
+              overlay.appendChild(card);
+            });
+
+            item.appendChild(overlay);
+          });
+        });
+        `
+      }} />
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,125 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Rocket, Check } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="largeSmallSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="outline"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Nexus Marketing"
+          navItems={[
+            { name: "Services", id: "/" },
+            { name: "About", id: "/" },
+            { name: "Results", id: "/" },
+            { name: "Works", id: "/" },
+            { name: "Testimonials", id: "/" },
+            { name: "Pricing", id: "/pricing" }
+          ]}
+          button={{
+            text: "Get Started",            href: "#contact"
+          }}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardFive
+          title="Simple, Transparent Pricing"
+          description="Choose the plan that fits your business needs. All plans include dedicated support and comprehensive analytics."
+          tag="Pricing"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          plans={[
+            {
+              id: "starter",              tag: "Starter Plan",              price: "$2,500",              period: "/month",              description: "Perfect for small businesses and startups looking to establish their digital presence.",              button: {
+                text: "Get Started",                href: "#contact"
+              },
+              featuresTitle: "What's Included:",              features: [
+                "Social Media Management",                "Monthly Content Calendar",                "Basic SEO Optimization",                "Monthly Performance Report",                "Email Support"
+              ]
+            },
+            {
+              id: "professional",              tag: "Professional Plan",              price: "$5,000",              period: "/month",              description: "Ideal for growing businesses ready to scale their marketing efforts across multiple channels.",              button: {
+                text: "Schedule a Call",                href: "#contact"
+              },
+              featuresTitle: "What's Included:",              features: [
+                "Everything in Starter",                "Paid Advertising Management",                "Content Creation (8 pieces/month)",                "Advanced SEO Strategy",                "Bi-weekly Strategy Calls",                "Priority Support",                "A/B Testing & Optimization"
+              ]
+            },
+            {
+              id: "enterprise",              tag: "Enterprise Plan",              price: "Custom",              period: "/month",              description: "Comprehensive marketing transformation for established companies looking for complete brand evolution.",              button: {
+                text: "Contact Sales",                href: "#contact"
+              },
+              featuresTitle: "What's Included:",              features: [
+                "Everything in Professional",                "Dedicated Account Manager",                "Custom Strategy Development",                "Full-Service Content Production",                "Video Marketing & Production",                "Market Research & Analysis",                "Weekly Strategy Sessions",                "Custom Integrations & Tools"
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get Started"
+          title="Ready to Choose Your Plan?"
+          description="Let's discuss which pricing plan is right for your business. Schedule a consultation with our team today."
+          tagIcon={Rocket}
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          inputPlaceholder="your@company.com"
+          buttonText="Schedule Consultation"
+          termsText="We respect your privacy. We'll only use your contact information to discuss pricing and how we can help your business grow."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Digital Strategy", href: "/" },
+                { label: "Content Marketing", href: "/" },
+                { label: "SEO & SEM", href: "/" },
+                { label: "Brand Design", href: "/" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/" },
+                { label: "Our Work", href: "/" },
+                { label: "Testimonials", href: "/" },
+                { label: "Pricing", href: "/pricing" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Contact Us", href: "#contact" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Privacy Policy", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Nexus Marketing. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #6139e6;;
-  --secondary-cta: #ffffff;;
-  --accent: #6139e6;;
-  --background-accent: #b3a8e8;; */
+  /* --background: #f5f5f5;;;;
+  --card: #ffffff;;;;
+  --foreground: #1c1c1c;;;;
+  --primary-cta: #1c1c1c;;;;
+  --secondary-cta: #ffffff;;;;
+  --accent: #6139e6;;;;
+  --background-accent: #b3a8e8;;;; */
 
-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #6139e6;;
-  --primary-cta-text: #f5f5f5;;
-  --secondary-cta: #ffffff;;
-  --secondary-cta-text: #1c1c1c;;
-  --accent: #6139e6;;
-  --background-accent: #b3a8e8;;
+  --background: #f5f5f5;;;;
+  --card: #ffffff;;;;
+  --foreground: #1c1c1c;;;;
+  --primary-cta: #1c1c1c;;;;
+  --primary-cta-text: #f5f5f5;;;;
+  --secondary-cta: #ffffff;;;;
+  --secondary-cta-text: #1c1c1c;;;;
+  --accent: #6139e6;;;;
+  --background-accent: #b3a8e8;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);