Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -18,15 +18,15 @@ import { Download, Edit, Globe, Layers, Lightbulb, Palette, Play, Rocket, Sparkl
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
+        defaultButtonVariant="shift-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
         contentWidth="smallMedium"
-        sizing="large"
+        sizing="mediumLarge"
-        background="noiseDiagonalGradient"
+        background="noise"
-        cardStyle="glass-elevated"
+        cardStyle="solid"
-        primaryButtonStyle="diagonal-gradient"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="solid"
         headingFontWeight="normal"
     >
       <ReactLenis root>
@@ -95,20 +95,20 @@ export default function LandingPage() {
       avatarText="Join our growing community!"
       marqueeItems={[
         {
-          type: "text-icon",          text: "Design Templates",          icon: Palette,
+          type: "text-icon",          text: "Design Templates",          icon: Palette
         },
         {
-          type: "text-icon",          text: "Video Presets",          icon: Play,
+          type: "text-icon",          text: "Video Presets",          icon: Play
         },
         {
-          type: "text-icon",          text: "Productivity Tools",          icon: Lightbulb,
+          type: "text-icon",          text: "Productivity Tools",          icon: Lightbulb
         },
         {
-          type: "text-icon",          text: "Web Themes",          icon: Globe,
+          type: "text-icon",          text: "Web Themes",          icon: Globe
         },
         {
-          type: "text-icon",          text: "Workflow Accelerators",          icon: Rocket,
+          type: "text-icon",          text: "Workflow Accelerators",          icon: Rocket
-        },
+        }
       ]}
     />
   </div>
@@ -118,11 +118,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",          content: "Accelerate Your Creative Workflow"},
+          type: "text",          content: "Accelerate Your Creative Workflow"}
       ]}
       buttons={[
         {
-          text: "Learn More",          href: "#features"},
+          text: "Learn More",          href: "#features"}
       ]}
     />
   </div>
@@ -139,8 +139,8 @@ export default function LandingPage() {
             {
               imageSrc: "http://img.b2bpic.net/free-photo/home-decor-renovation-style-architecture-building_53876-21272.jpg",              imageAlt: "Canva template customization interface"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-fitness-influencer_23-2151564813.jpg",              imageAlt: "CapCut video editing preset in use"},
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-fitness-influencer_23-2151564813.jpg",              imageAlt: "CapCut video editing preset in use"}
-          ],
+          ]
         },
         {
           title: "Multi-Platform Compatibility",          description: "Seamlessly integrate templates with your favorite tools, from Notion productivity systems to WordPress websites.",          icon: Layers,
@@ -148,8 +148,8 @@ export default function LandingPage() {
             {
               imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-wearing-cervical-neck-collar-office_482257-77523.jpg",              imageAlt: "Notion project management dashboard"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg",              imageAlt: "Responsive WordPress website theme"},
+              imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg",              imageAlt: "Responsive WordPress website theme"}
-          ],
+          ]
         },
         {
           title: "Instant Download & Support",          description: "Gain immediate access to your purchased templates with secure downloads and dedicated customer assistance.",          icon: Download,
@@ -157,9 +157,9 @@ export default function LandingPage() {
             {
               imageSrc: "http://img.b2bpic.net/free-photo/illustration-transportation-packages-delivery_53876-121518.jpg",              imageAlt: "Secure digital download process"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/network-connection-concept_1134-46.jpg",              imageAlt: "Diverse creator community collaboration"},
+              imageSrc: "http://img.b2bpic.net/free-photo/network-connection-concept_1134-46.jpg",              imageAlt: "Diverse creator community collaboration"}
-          ],
+          ]
-        },
+        }
       ]}
       title="Unlock Your Creative Potential"
       description="Explore powerful templates for every platform, designed to streamline your projects and elevate your output."
@@ -190,7 +190,7 @@ export default function LandingPage() {
           reviewCount: "60 reviews",          imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographics-timeline-flat-design_52683-16867.jpg",          imageAlt: "Alight Motion Animated Infographics Pack"},
         {
           id: "p6",          brand: "Figma",          name: "Modern Mobile UI Kit",          price: "$59.00",          rating: 4.9,
-          reviewCount: "95 reviews",          imageSrc: "http://img.b2bpic.net/free-vector/workout-tracker-application_23-2148676935.jpg",          imageAlt: "Figma Modern Mobile UI Kit"},
+          reviewCount: "95 reviews",          imageSrc: "http://img.b2bpic.net/free-vector/workout-tracker-application_23-2148676935.jpg",          imageAlt: "Figma Modern Mobile UI Kit"}
       ]}
       title="Popular Templates"
       description="Explore our best-selling digital products, from trending social media kits to powerful web development themes."
@@ -207,21 +207,21 @@ export default function LandingPage() {
           id: "plan1",          tag: "Starter",          price: "$0",          period: "Free",          description: "Explore basic templates to kickstart your creative projects.",          button: {
             text: "Start Free"},
           featuresTitle: "Includes:",          features: [
-            "Access to Free Templates",            "Standard Download Speed",            "Community Support",            "Basic Customization Options"],
+            "Access to Free Templates",            "Standard Download Speed",            "Community Support",            "Basic Customization Options"]
         },
         {
           id: "plan2",          tag: "Pro",          tagIcon: Sparkles,
           price: "$19",          period: "per month",          description: "Unlock a vast library of premium templates for serious creators.",          button: {
             text: "Get Pro"},
           featuresTitle: "Everything in Starter, plus:",          features: [
-            "Unlimited Premium Downloads",            "High-Speed Downloads",            "Priority Email Support",            "Advanced Customization Tools",            "Early Access to New Releases"],
+            "Unlimited Premium Downloads",            "High-Speed Downloads",            "Priority Email Support",            "Advanced Customization Tools",            "Early Access to New Releases"]
         },
         {
           id: "plan3",          tag: "Agency",          price: "$49",          period: "per month",          description: "Ideal for teams and agencies managing multiple client projects.",          button: {
             text: "Get Agency"},
           featuresTitle: "Everything in Pro, plus:",          features: [
-            "Team Collaboration Features",            "Dedicated Account Manager",            "White-Label Options",            "Bulk Template Licensing",            "Custom Integration Support"],
+            "Team Collaboration Features",            "Dedicated Account Manager",            "White-Label Options",            "Bulk Template Licensing",            "Custom Integration Support"]
-        },
+        }
       ]}
       title="Flexible Plans for Every Creator"
       description="Whether you're an individual creator or a growing agency, find the perfect plan to access our premium template library."
@@ -235,20 +235,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",          name: "Sarah Johnson",          handle: "@CreativeSarah",          testimonial: "BuildDigital has been a game-changer for my content creation. The templates save me countless hours, allowing me to focus on strategy instead of design.",          imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg",          imageAlt: "Sarah Johnson, content creator",          icon: Star,
+          id: "t1",          name: "Sarah Johnson",          handle: "@CreativeSarah",          testimonial: "BuildDigital has been a game-changer for my content creation. The templates save me countless hours, allowing me to focus on strategy instead of design.",          imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg",          imageAlt: "Sarah Johnson, content creator",          icon: Star
         },
         {
-          id: "t2",          name: "Michael Chen",          handle: "@TechBizMichael",          testimonial: "The Notion templates are incredibly well-designed and functional. They've streamlined our internal processes and boosted team productivity significantly.",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg",          imageAlt: "Michael Chen, small business owner",          icon: Star,
+          id: "t2",          name: "Michael Chen",          handle: "@TechBizMichael",          testimonial: "The Notion templates are incredibly well-designed and functional. They've streamlined our internal processes and boosted team productivity significantly.",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg",          imageAlt: "Michael Chen, small business owner",          icon: Star
         },
         {
-          id: "t3",          name: "Emily Rodriguez",          handle: "@DesignFlows",          testimonial: "As a freelance designer, having access to these high-quality Canva and CapCut assets gives me a huge advantage. My clients are always impressed!",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-student-girl-wearing-elegant-black-dress-keeping-arms-folded-while-sitting-front-laptop-computer-working-diploma-project-online-using-free-wi-fi-coffee-break_273609-74.jpg",          imageAlt: "Emily Rodriguez, freelance designer",          icon: Star,
+          id: "t3",          name: "Emily Rodriguez",          handle: "@DesignFlows",          testimonial: "As a freelance designer, having access to these high-quality Canva and CapCut assets gives me a huge advantage. My clients are always impressed!",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-student-girl-wearing-elegant-black-dress-keeping-arms-folded-while-sitting-front-laptop-computer-working-diploma-project-online-using-free-wi-fi-coffee-break_273609-74.jpg",          imageAlt: "Emily Rodriguez, freelance designer",          icon: Star
         },
         {
-          id: "t4",          name: "David Kim",          handle: "@AgencyAlpha",          testimonial: "We use BuildDigital for all our client projects. The variety and quality of WordPress themes and video presets are unmatched, saving us time and resources.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-digital-nomad-freelancer-connects-video-call-laptop-pointing-finger_1258-245280.jpg",          imageAlt: "David Kim, marketing agency owner",          icon: Star,
+          id: "t4",          name: "David Kim",          handle: "@AgencyAlpha",          testimonial: "We use BuildDigital for all our client projects. The variety and quality of WordPress themes and video presets are unmatched, saving us time and resources.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-digital-nomad-freelancer-connects-video-call-laptop-pointing-finger_1258-245280.jpg",          imageAlt: "David Kim, marketing agency owner",          icon: Star
         },
         {
-          id: "t5",          name: "Jessica Lee",          handle: "@EduTechJess",          testimonial: "The educational templates are fantastic for standardizing our online course materials. They look professional and are easy for my team to adapt.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-ipad_23-2150172056.jpg",          imageAlt: "Jessica Lee, educator",          icon: Star,
+          id: "t5",          name: "Jessica Lee",          handle: "@EduTechJess",          testimonial: "The educational templates are fantastic for standardizing our online course materials. They look professional and are easy for my team to adapt.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-ipad_23-2150172056.jpg",          imageAlt: "Jessica Lee, educator",          icon: Star
-        },
+        }
       ]}
       title="What Our Creators Say"
       description="Hear from satisfied users who have transformed their workflows and elevated their projects with BuildDigital templates."
@@ -279,7 +279,7 @@ export default function LandingPage() {
         {
           id: "faq3",          title: "Can I customize the templates?",          content: "Absolutely! All templates are designed to be fully customizable. You can easily edit text, colors, images, and layout to match your brand and specific project needs."},
         {
-          id: "faq4",          title: "What if I need support or have an issue?",          content: "Our support team is here to help. You can reach us via the contact form on this page or by emailing support@builddigital.com. We strive to respond within 24-48 hours."},
+          id: "faq4",          title: "What if I need support or have an issue?",          content: "Our support team is here to help. You can reach us via the contact form on this page or by emailing support@builddigital.com. We strive to respond within 24-48 hours."}
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-speech-bubbles-with-question-marks_107791-15946.jpg"
       imageAlt="Person thinking with question marks, digital problem solving"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #0a0a0a;
-  --card: #ffffff;
+  --card: #1a1a1a;
-  --foreground: #1c1c1c;
+  --foreground: #ffffffe6;
-  --primary-cta: #1f514c;
+  --primary-cta: #e6e6e6;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #ffffffe6;
-  --accent: #159c49;
+  --accent: #737373;
-  --background-accent: #a8e8ba;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);