Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -32,43 +32,28 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
+        {
+          name: "About",          id: "#about"},
+        {
+          name: "Features",          id: "#features"},
+        {
+          name: "Projects",          id: "#projects"
         },
         {
-          name: "About",
+          name: "Products",          id: "#products"},
-          id: "#about",
-        },
         {
-          name: "Features",
+          name: "Pricing",          id: "#pricing"},
-          id: "#features",
-        },
         {
-          name: "Products",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#products",
-        },
         {
-          name: "Pricing",
+          name: "FAQ",          id: "#faq"},
-          id: "#pricing",
-        },
         {
-          name: "Testimonials",
+          name: "Contact",          id: "#contact"},
-          id: "#testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="Webild"
       button={{
-        text: "Get Started",
+        text: "Get Started",          href: "#contact"}}
-        href: "#contact",
-      }}
       animateOnLoad={true}
     />
   </div>
@@ -76,69 +61,44 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Innovate Your Digital Presence"
       description="Transforming ideas into stunning websites with cutting-edge design and seamless functionality. Let's build something amazing together."
       buttons={[
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#about"},
-          href: "#about",
-        },
         {
-          text: "Get a Quote",
+          text: "Get a Quote",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120457.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120457.jpg?_wi=1"
       imageAlt="modern web design desk setup"
       mediaAnimation="slide-up"
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-124218.jpg",
+          src: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-124218.jpg",          alt: "Mockup Copy Space Blank Screen Concept"},
-          alt: "Mockup Copy Space Blank Screen Concept",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg",
+          src: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg",          alt: "Office desk with computer, digital tablet and mobile phone"},
-          alt: "Office desk with computer, digital tablet and mobile phone",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-computer-dark-table-work-desk_169016-49125.jpg",
+          src: "http://img.b2bpic.net/free-photo/top-view-computer-dark-table-work-desk_169016-49125.jpg",          alt: "Top view computer on a dark table work desk"},
-          alt: "Top view computer on a dark table work desk",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg",
+          src: "http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg",          alt: "AI LLM chatbot software interface on PC in home office showing virtual assistant"},
-          alt: "AI LLM chatbot software interface on PC in home office showing virtual assistant",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man-earphones-using-laptop-outdoor-cafe-smiling-cheerfully_176420-25725.jpg",
+          src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man-earphones-using-laptop-outdoor-cafe-smiling-cheerfully_176420-25725.jpg",          alt: "young smiling professional developer"},
-          alt: "young smiling professional developer",
-        },
       ]}
       avatarText="Join over 500+ satisfied clients!"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Web Design"},
-          text: "Web Design",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/keyboard-screen-modern-indoor-sit-analysis_1421-265.jpg",          alt: "responsive web development"},
-          src: "http://img.b2bpic.net/free-photo/keyboard-screen-modern-indoor-sit-analysis_1421-265.jpg",
-          alt: "responsive web development",
-        },
         {
-          type: "text",
+          type: "text",          text: "E-commerce Solutions"},
-          text: "E-commerce Solutions",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/tablet-with-annual-report_1098-3459.jpg",          alt: "digital marketing analytics"},
-          src: "http://img.b2bpic.net/free-photo/tablet-with-annual-report_1098-3459.jpg",
-          alt: "digital marketing analytics",
-        },
         {
-          type: "text",
+          type: "text",          text: "SEO Optimization"},
-          text: "SEO Optimization",
-        },
       ]}
     />
   </div>
@@ -146,10 +106,12 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={true}
-      title="Crafting Digital Experiences"
+      title="Unlocking Digital Potential with Custom Web Experiences"
       description="We are a team of passionate designers and developers dedicated to creating high-quality, user-centric websites that drive engagement and growth. Our focus is on delivering tailored solutions that resonate with your brand and audience."
       imageSrc="http://img.b2bpic.net/free-photo/serious-young-colleagues-sitting-office-coworking_171337-17681.jpg"
       imageAlt="team collaborating on web project"
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 
@@ -160,38 +122,49 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          label: "Custom Design",          title: "Tailored Solutions",          items: [
-          label: "Custom Design",
+            "Unique designs reflecting your brand identity.",            "User-centric approach for optimal experience.",            "Scalable architecture for future growth."],
-          title: "Tailored Solutions",
-          items: [
-            "Unique designs reflecting your brand identity.",
-            "User-centric approach for optimal experience.",
-            "Scalable architecture for future growth.",
-          ],
         },
         {
-          id: "f2",
+          id: "f2",          label: "Performance Focused",          title: "Blazing Fast Websites",          items: [
-          label: "Performance Focused",
+            "Optimized for speed and search engine rankings.",            "Responsive across all devices and screen sizes.",            "Robust and secure infrastructure."],
-          title: "Blazing Fast Websites",
-          items: [
-            "Optimized for speed and search engine rankings.",
-            "Responsive across all devices and screen sizes.",
-            "Robust and secure infrastructure.",
-          ],
         },
         {
-          id: "f3",
+          id: "f3",          label: "Ongoing Support",          title: "Dedicated Partnership",          items: [
-          label: "Ongoing Support",
+            "Continuous maintenance and updates.",            "Proactive monitoring for peak performance.",            "Expert support whenever you need it."],
-          title: "Dedicated Partnership",
-          items: [
-            "Continuous maintenance and updates.",
-            "Proactive monitoring for peak performance.",
-            "Expert support whenever you need it.",
-          ],
         },
       ]}
       title="Key Features That Set Us Apart"
       description="Discover how our comprehensive services provide real value and empower your online success."
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
+    />
+  </div>
+
+  <div id="projects" data-section="projects">
+      <ProductCardFour
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={true}
+      products={[
+        {
+          id: "proj1",          name: "Dynamic Portfolio Site",          price: "Web Development",          variant: "Showcasing creative work with elegance and speed.",          imageSrc: "http://img.b2bpic.net/free-photo/code-programming-coding-hacker-concept_53876-124216.jpg",          imageAlt: "Dynamic Portfolio Site Screenshot"},
+        {
+          id: "proj2",          name: "E-commerce Platform Redesign",          price: "UI/UX & Development",          variant: "Modernizing an online store for enhanced user experience and sales.",          imageSrc: "http://img.b2bpic.net/free-photo/startup-business-office-desk-full-items_53876-124190.jpg",          imageAlt: "E-commerce Platform Redesign Screenshot"},
+        {
+          id: "proj3",          name: "SaaS Dashboard Interface",          price: "UX/UI Design",          variant: "Designing intuitive and powerful dashboards for data visualization.",          imageSrc: "http://img.b2bpic.net/free-photo/code-programming-coding-hacker-concept_53876-124198.jpg",          imageAlt: "SaaS Dashboard Interface Screenshot"},
+        {
+          id: "proj4",          name: "Mobile App Landing Page",          price: "Web Design",          variant: "Creating engaging landing pages to drive app downloads and user acquisition.",          imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120457.jpg?_wi=2",          imageAlt: "Mobile App Landing Page Screenshot"},
+        {
+          id: "proj5",          name: "Corporate Blog Integration",          price: "Content Strategy",          variant: "Seamlessly integrating a blog for content marketing and audience engagement.",          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg?_wi=1",          imageAlt: "Corporate Blog Integration Screenshot"},
+        {
+          id: "proj6",          name: "Interactive Event Website",          price: "Full-stack Development",          variant: "Building dynamic websites for event registrations, schedules, and live updates.",          imageSrc: "http://img.b2bpic.net/free-photo/workspace-desk-from-top-view-white-background_169016-11880.jpg",          imageAlt: "Interactive Event Website Screenshot"}
+      ]}
+      title="Our Latest Projects"
+      description="Explore some of our recent work where creativity meets functionality to deliver outstanding digital experiences."
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 
@@ -203,56 +176,22 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Corporate Website",          price: "$2,500",          variant: "Business Starter",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-41706.jpg",          imageAlt: "clean corporate website design"},
-          name: "Corporate Website",
-          price: "$2,500",
-          variant: "Business Starter",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-41706.jpg",
-          imageAlt: "clean corporate website design",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "E-commerce Store",          price: "$4,000",          variant: "Online Shop Pro",          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-with-paper-bags-credit-cards_58466-14581.jpg",          imageAlt: "e-commerce online shop design"},
-          name: "E-commerce Store",
-          price: "$4,000",
-          variant: "Online Shop Pro",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-with-paper-bags-credit-cards_58466-14581.jpg",
-          imageAlt: "e-commerce online shop design",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Portfolio Site",          price: "$1,800",          variant: "Creative Showcase",          imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",          imageAlt: "portfolio website creative design"},
-          name: "Portfolio Site",
-          price: "$1,800",
-          variant: "Creative Showcase",
-          imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",
-          imageAlt: "portfolio website creative design",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Blog & News Portal",          price: "$2,000",          variant: "Content Hub",          imageSrc: "http://img.b2bpic.net/free-vector/concepts-mobile-app_23-2148138325.jpg",          imageAlt: "blog news magazine website"},
-          name: "Blog & News Portal",
-          price: "$2,000",
-          variant: "Content Hub",
-          imageSrc: "http://img.b2bpic.net/free-vector/concepts-mobile-app_23-2148138325.jpg",
-          imageAlt: "blog news magazine website",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Restaurant Ordering",          price: "$3,200",          variant: "Foodie Connect",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-spoon_23-2149703718.jpg",          imageAlt: "restaurant menu food delivery website"},
-          name: "Restaurant Ordering",
-          price: "$3,200",
-          variant: "Foodie Connect",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-spoon_23-2149703718.jpg",
-          imageAlt: "restaurant menu food delivery website",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Event Booking Platform",          price: "$4,500",          variant: "Experience Host",          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg?_wi=2",          imageAlt: "event management booking website"},
-          name: "Event Booking Platform",
-          price: "$4,500",
-          variant: "Experience Host",
-          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg",
-          imageAlt: "event management booking website",
-        },
       ]}
       title="Our Featured Web Solutions"
       description="Explore our diverse range of website packages and services designed to meet every need."
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 
@@ -263,59 +202,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          tag: "Starter",          price: "$999",          period: "one-time",          description: "Perfect for small businesses or personal projects looking for a strong online presence.",          button: {
-          tag: "Starter",
+            text: "Select Starter",            href: "#contact"},
-          price: "$999",
+          featuresTitle: "Includes:",          features: [
-          period: "one-time",
+            "Responsive Design",            "Basic SEO Optimization",            "1-Year Support"],
-          description: "Perfect for small businesses or personal projects looking for a strong online presence.",
-          button: {
-            text: "Select Starter",
-            href: "#contact",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Responsive Design",
-            "Basic SEO Optimization",
-            "1-Year Support",
-          ],
         },
         {
-          id: "standard",
+          id: "standard",          tag: "Popular",          price: "$1,999",          period: "one-time",          description: "Ideal for growing businesses needing advanced features and enhanced performance.",          button: {
-          tag: "Popular",
+            text: "Select Standard",            href: "#contact"},
-          price: "$1,999",
+          featuresTitle: "Includes:",          features: [
-          period: "one-time",
+            "Custom Design",            "Advanced SEO Strategy",            "2-Year Premium Support"],
-          description: "Ideal for growing businesses needing advanced features and enhanced performance.",
-          button: {
-            text: "Select Standard",
-            href: "#contact",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Custom Design",
-            "Advanced SEO Strategy",
-            "2-Year Premium Support",
-          ],
         },
         {
-          id: "premium",
+          id: "premium",          tag: "Enterprise",          price: "$3,499",          period: "one-time",          description: "For large-scale projects requiring comprehensive solutions and dedicated resources.",          button: {
-          tag: "Enterprise",
+            text: "Select Premium",            href: "#contact"},
-          price: "$3,499",
+          featuresTitle: "Includes:",          features: [
-          period: "one-time",
+            "Full E-commerce Integration",            "Marketing Automation",            "Lifetime Priority Support"],
-          description: "For large-scale projects requiring comprehensive solutions and dedicated resources.",
-          button: {
-            text: "Select Premium",
-            href: "#contact",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Full E-commerce Integration",
-            "Marketing Automation",
-            "Lifetime Priority Support",
-          ],
         },
       ]}
       title="Flexible Pricing for Every Project"
       description="Choose the plan that best fits your budget and business goals. All plans are customizable to ensure your unique needs are met."
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 
@@ -324,39 +232,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-winking_23-2148543300.jpg",          imageAlt: "smiling businesswoman portrait professional"},
-          name: "Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-winking_23-2148543300.jpg",
-          imageAlt: "smiling businesswoman portrait professional",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg",          imageAlt: "male tech executive smiling confident"},
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg",
-          imageAlt: "male tech executive smiling confident",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-corporate-office-sitting-desk_482257-8055.jpg",          imageAlt: "marketing director creative woman"},
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-corporate-office-sitting-desk_482257-8055.jpg",
-          imageAlt: "marketing director creative woman",
-        },
         {
-          id: "4",
+          id: "4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg",          imageAlt: "product manager man serious look"},
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg",
-          imageAlt: "product manager man serious look",
-        },
         {
-          id: "5",
+          id: "5",          name: "Jessica Lee",          imageSrc: "http://img.b2bpic.net/free-photo/positive-mature-businessman-using-laptop-near-office-building_74855-3639.jpg",          imageAlt: "female startup founder smiling"},
-          name: "Jessica Lee",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-mature-businessman-using-laptop-near-office-building_74855-3639.jpg",
-          imageAlt: "female startup founder smiling",
-        },
       ]}
       cardTitle="What Our Clients Say"
       cardTag="Trusted Feedback"
       cardAnimation="slide-up"
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -366,40 +255,36 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "What is your website development process?",          content: "Our process typically involves discovery, planning, design, development, testing, and deployment, followed by ongoing support and maintenance to ensure your site remains optimal."},        {
-          title: "What is your website development process?",
+          id: "q2",          title: "How long does it take to build a website?",          content: "The timeline varies based on complexity and features. A basic site might take 4-6 weeks, while more complex projects can take several months. We provide a detailed timeline after the initial consultation."},        {
-          content: "Our process typically involves discovery, planning, design, development, testing, and deployment, followed by ongoing support and maintenance to ensure your site remains optimal.",
+          id: "q3",          title: "Do you offer post-launch support?",          content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes security updates, performance monitoring, and content management to keep your website running smoothly."}
-        },
+        ]}
-        {
-          id: "q2",
-          title: "How long does it take to build a website?",
-          content: "The timeline varies based on complexity and features. A basic site might take 4-6 weeks, while more complex projects can take several months. We provide a detailed timeline after the initial consultation.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer post-launch support?",
-          content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes security updates, performance monitoring, and content management to keep your website running smoothly.",
-        },
-      ]}
       title="Frequently Asked Questions"
       description="Find quick answers to the most common questions about our services and process."
       faqsAnimation="slide-up"
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
+      tag="Get in Touch"
-      text="Ready to Start Your Project? Reach Out Today!"
+      title="Ready to Start Your Project? Reach Out Today!"
+      description="We're excited to hear about your next big idea. Connect with us through any of the options below."
       buttons={[
         {
-          text: "Contact Us Now",
+          text: "Email Us",          href: "mailto:info@webild.com"},
-          href: "mailto:info@webild.com",
+        {
-        },
+          text: "Message on WhatsApp",          href: "https://wa.me/1234567890"},
+        {
+          text: "Follow on Instagram",          href: "https://instagram.com/webild"}
       ]}
+      buttonAnimation="slide-up"
+      tagAnimation="slide-up"
     />
   </div>
 
@@ -410,54 +295,33 @@ export default function LandingPage() {
       logoText="Webild"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Portfolio",
+              label: "Portfolio",              href: "#projects"},
-              href: "#products",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Connect",
+          title: "Connect",          items: [
-          items: [
             {
-              label: "LinkedIn",
+              label: "LinkedIn",              href: "https://linkedin.com"},
-              href: "https://linkedin.com",
-            },
             {
-              label: "Twitter",
+              label: "Twitter",              href: "https://twitter.com"},
-              href: "https://twitter.com",
-            },
             {
-              label: "Facebook",
+              label: "Facebook",              href: "https://facebook.com"},
-              href: "https://facebook.com",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f8f8f8;
-  --card: #f9f9f9;
+  --card: #ffffff;
-  --foreground: #000612e6;
+  --foreground: #1a1a1a;
-  --primary-cta: #15479c;
+  --primary-cta: #D4AF37;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #333333;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #D4AF37;
-  --background-accent: #c4c4c4;
+  --background-accent: #fcfcfc;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);