Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -23,8 +23,8 @@ export default function LandingPage() {
         contentWidth="mediumLarge"
         sizing="mediumLargeSizeLargeTitles"
         background="fluid"
-        cardStyle="solid"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="glass"
         headingFontWeight="normal"
     >
@@ -45,7 +45,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroOverlay
-      title="Uncompromised Quality."
+      title="Luxury Hand-Crafted Solutions, Refined for You"
       description="Jonn delivers premium, hand-crafted solutions for the discerning individual. Experience the pinnacle of design and functionality."
       buttons={[
         { text: "Explore Collection", href: "#products" },
@@ -139,6 +139,7 @@ export default function LandingPage() {
       <FooterBase
       columns={[]}
       logoText="jonn"
+      copyrightText="© 2025 | Jonn. All rights reserved. Compliance: Compliant with GDPR/CCPA standards."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfbfb;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #1c1c1c;
-  --foreground: #0a0a0a;
+  --foreground: #d4d4d4;
-  --primary-cta: #15479c;
+  --primary-cta: #c0c0c0;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #f1f1f1;
+  --secondary-cta: #2a2a2a;
   --secondary-cta-text: #1c1c1c;
-  --accent: #d1d5db;
+  --accent: #a8a8a8;
-  --background-accent: #f3f4f6;
+  --background-accent: #333333;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);