Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -23,10 +23,10 @@ export default function LandingPage() {
         contentWidth="small"
         sizing="largeSmallSizeLargeTitles"
         background="none"
-        cardStyle="layered-gradient"
+        cardStyle="gradient-bordered"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="solid"
-        headingFontWeight="light"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -37,13 +37,13 @@ export default function LandingPage() {
         { name: "Pricing", id: "pricing" },
         { name: "Contact", id: "contact" },
       ]}
-      brandName="CarterDesigner"
+      brandName="CARTER24 "
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      title="CarterDesigner"
+      title="Clicks to Customers"
       description="Crafting high-conversion digital experiences for forward-thinking brands. Expert web design and development that translates vision into growth."
       background={{ variant: "sparkles-gradient" }}
       buttons={[
@@ -164,7 +164,7 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
-      logoText="CarterDesigner"
+      logoText="CARTER24"
       leftLink={{ text: "Privacy Policy", href: "#" }}
       rightLink={{ text: "© 2024 CarterDesigner. All rights reserved.", href: "#" }}
     />
@@ -172,4 +172,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #0A0A0C;
-  --card: #A8A8C0;
+  --card: #1E1E26;
   --foreground: #F2F2F7;
   --primary-cta: #8E0000;
   --primary-cta-text: #F2F2F7;
-  --secondary-cta: #1900FF;
-  --secondary-cta-text: #F2F2F7;
+  --secondary-cta: #F2F2F7;
+  --secondary-cta-text: #0A0A0C;
   --accent: #FF00C8;
-  --background-accent: #00E8FF;
+  --background-accent: #1E1E26;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);