Update src/app/styles/variables.css

Merge version_6 into main

src/app/page.tsx

@@ -18,18 +18,11 @@ export default function LandingPage() {
       borderRadius="soft"
       contentWidth="compact"
       sizing="mediumSizeLargeTitles"
-      background="gradient"
+      background="noise"
       cardStyle="outline"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="solid"
       headingFontWeight="light"
-      style={{
-        backgroundImage: "url('https://i.pinimg.com/1200x/e6/37/64/e63764d693206853669efd4fc2bf1474.jpg')",
-        backgroundSize: "cover",
-        backgroundPosition: "center",
-        backgroundAttachment: "fixed",
-        backgroundRepeat: "no-repeat"
-      }}
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -52,13 +45,13 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboard
-          title="La Loupe Vintage"
+          title="Late 60s – 90s Vintage"
           description="Discover wearable vintage clothing from the most iconic decades. Curated pieces, authentic styles, and sustainable fashion."
           background={{ variant: "plain" }}
           tag="Buy. Sell. Trade."
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39nsxwmbCTX7ZcKAFBAu1R1W3iH/uploaded-1771963668940-o97q017p.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39nsxwmbCTX7ZcKAFBAu1R1W3iH/uploaded-1771962909785-p7zjknnj.png"
           imageAlt="Vintage clothing and fashion collection"
           mediaAnimation="slide-up"
           buttons={[

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #e44c4c;;;;;;
-  --card: #FFF7E6;;;;;;
-  --foreground: #2B1810;;;;;;
-  --primary-cta: #C97A4A;;;;;;
-  --secondary-cta: #FFF7E6;;;;;;
-  --accent: #CFE3C8;;;;;;
-  --background-accent: #6F8665;;;;;; */
+  /* --background: #F3E27A;;
+  --card: #FFF7E6;;
+  --foreground: #2B1810;;
+  --primary-cta: #C97A4A;;
+  --secondary-cta: #FFF7E6;;
+  --accent: #CFE3C8;;
+  --background-accent: #6F8665;; */
 
-  --background: #e44c4c;;;;;;
-  --card: #FFF7E6;;;;;;
-  --foreground: #2B1810;;;;;;
-  --primary-cta: #C97A4A;;;;;;
+  --background: #F3E27A;;
+  --card: #FFF7E6;;
+  --foreground: #2B1810;;
+  --primary-cta: #C97A4A;;
   --primary-cta-text: #FFFFFF;;
-  --secondary-cta: #FFF7E6;;;;;;
+  --secondary-cta: #FFF7E6;;
   --secondary-cta-text: #2B1810;;
-  --accent: #CFE3C8;;;;;;
-  --background-accent: #6F8665;;;;;;
+  --accent: #CFE3C8;;
+  --background-accent: #6F8665;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);