Update theme colors

Merge version_3 into main

src/app/layout.tsx

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Poppins } from "next/font/google";
+import { Open_Sans } from "next/font/google";
 
 
 
@@ -20,6 +21,8 @@ export const metadata: Metadata = {
   },
 };
 
+
+
 const poppins = Poppins({
   variable: "--font-poppins",
   subsets: ["latin"],

src/app/page.tsx

@@ -7,8 +7,8 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import RadialGradientBackground from '@/components/background/RadialGradientBackground';
 
 export default function LandingPage() {
   return (
@@ -24,96 +24,51 @@ export default function LandingPage() {
         secondaryButtonStyle="radial-glow"
         headingFontWeight="bold"
     >
+      <RadialGradientBackground />
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "SNEAKERS",
-          id: "#sneakers",
-        },
-        {
-          name: "VÊTEMENTS",
-          id: "#vetements",
-        },
-        {
-          name: "SACS",
-          id: "#sacs",
-        },
-      ]}
-      brandName="LP.STORE"
-    />
-  </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
-      }}
-      title="LP.STORE • DRESSING DESTOCKAGE"
+        variant: "plain"}}
+      title="LB.STORE • DRESSING DESTOCKAGE"
       description="Stock authentique dispo. Envoi rapide 24h. Contactez-nous sur Snap ou Insta pour achat."
       kpis={[
         {
-          value: "50+",
-          label: "Articles",
-        },
+          value: "50+",          label: "Articles"},
         {
-          value: "24h",
-          label: "Réponse max",
-        },
+          value: "24h",          label: "Réponse max"},
         {
-          value: "48h",
-          label: "Envoi rapide",
-        },
+          value: "48h",          label: "Envoi rapide"},
       ]}
       enableKpiAnimation={true}
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male_23-2148884392.jpg",
-          alt: "Portrait young handsome male",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male_23-2148884392.jpg",          alt: "Portrait young handsome male"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-wearing-trucker-hat_23-2149432399.jpg",
-          alt: "Young man wearing trucker hat",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-man-wearing-trucker-hat_23-2149432399.jpg",          alt: "Young man wearing trucker hat"},
         {
-          src: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-metal-structure_23-2149371472.jpg",
-          alt: "Pop punk aesthetic portrait of woman posing on metal structure",
-        },
+          src: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-metal-structure_23-2149371472.jpg",          alt: "Pop punk aesthetic portrait of woman posing on metal structure"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-dressed-2000-s-fashion-style_23-2149870093.jpg",
-          alt: "Portrait of young woman dressed in 2000's fashion style",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-dressed-2000-s-fashion-style_23-2149870093.jpg",          alt: "Portrait of young woman dressed in 2000's fashion style"},
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-man-posing-outdoors_52683-94395.jpg",
-          alt: "Side view man posing outdoors",
-        },
+          src: "http://img.b2bpic.net/free-photo/side-view-man-posing-outdoors_52683-94395.jpg",          alt: "Side view man posing outdoors"},
       ]}
       avatarText="Plus de 500+ clients satisfaits"
-      imageSrc="http://img.b2bpic.net/free-photo/young-handsome-man-posing-near-modern-business-center-wearing-stylish-leather-spiked-jacket-black-jeans-sunglasses-brutal-look_291049-1570.jpg"
-      imageAlt="Streetwear fashion showcase"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E62CA154sKx08koAVgcdnagCpo/uploaded-1779487309887-kmazfr7g.png"
+      imageAlt="Streetwear aesthetic background"
       marqueeItems={[
         {
-          type: "text",
-          text: "SNEAKERS",
-        },
+          type: "text",          text: "SNEAKERS"},
         {
-          type: "text",
-          text: "VÊTEMENTS",
-        },
+          type: "text",          text: "VÊTEMENTS"},
         {
-          type: "text",
-          text: "SACS",
-        },
+          type: "text",          text: "SACS"},
         {
-          type: "text",
-          text: "DESTOCKAGE",
-        },
+          type: "text",          text: "DESTOCKAGE"},
         {
-          type: "text",
-          text: "AUTHENTIQUE",
-        },
+          type: "text",          text: "AUTHENTIQUE"},
       ]}
     />
   </div>
@@ -126,47 +81,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Adidas Samba OG",
-          price: "45€",
-          variant: "40, 42",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sneakers-riding-skateboard-outdoor-asphalt-surface_158595-4159.jpg",
-        },
+          id: "p1",          name: "Adidas Samba OG",          price: "80€",          variant: "40, 42",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E62CA154sKx08koAVgcdnagCpo/uploaded-1779485551474-zb77uwp0.webp"},
         {
-          id: "p2",
-          name: "Birkenstock Boston",
-          price: "35€",
-          variant: "38-42",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-ferris-wheel-high-angle_23-2149748533.jpg",
-        },
+          id: "p2",          name: "Birkenstock Boston",          price: "70€",          variant: "41-43",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E62CA154sKx08koAVgcdnagCpo/uploaded-1779485598130-kwh8l3z8.avif"},
         {
-          id: "p3",
-          name: "Doudoune Noire",
-          price: "45€",
-          variant: "M, L, XL",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-black-jacket-walking-through-bridge_1303-25988.jpg",
-        },
+          id: "p3",          name: "Doudoune Noire",          price: "80€",          variant: "M, L",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E62CA154sKx08koAVgcdnagCpo/uploaded-1779485767559-t88scov6.webp"},
         {
-          id: "p4",
-          name: "Veste Outdoor",
-          price: "40€",
-          variant: "M, L",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-with-trucker-hat_23-2149412790.jpg",
-        },
+          id: "p4",          name: "Pull Stone                                        50€",          price: " ",          variant: "M, L",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E62CA154sKx08koAVgcdnagCpo/uploaded-1779486344042-zyr9j6z4.png"},
         {
-          id: "p5",
-          name: "Guess Tote Bag",
-          price: "45€",
-          variant: "Monogram",
-          imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916687.jpg",
-        },
+          id: "p5",          name: "Guess Tote Bag",          price: "80€",          variant: "Monogram",          imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916687.jpg"},
         {
-          id: "p6",
-          name: "Alo Yoga Set",
-          price: "35€",
-          variant: "S, M",
-          imageSrc: "http://img.b2bpic.net/free-photo/waist-up-shot-pensive-woman-being-good-physical-shape-takes-rest-urban-setting-wears-sportswear-holds-bottle-water-refresh-feels-satisfied-from-well-done-training-sporty-lifestyle_273609-59136.jpg",
-        },
+          id: "p6",          name: "Alo Yoga Set",          price: "70€",          variant: "S, M",          imageSrc: "http://img.b2bpic.net/free-photo/waist-up-shot-pensive-woman-being-good-physical-shape-takes-rest-urban-setting-wears-sportswear-holds-bottle-water-refresh-feels-satisfied-from-well-done-training-sporty-lifestyle_273609-59136.jpg"},
       ]}
       title="LE CATALOGUE"
       description="Découvre nos pièces uniques disponibles en stock limité."
@@ -179,25 +104,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "1",
-          title: "1. Choix",
-          content: "Choisis ton article et clique sur le bouton contact.",
-        },
+          id: "1",          title: "1. Choix",          content: "Choisis ton article et clique sur le bouton contact."},
         {
-          id: "2",
-          title: "2. Discussion",
-          content: "On finalise le prix et les détails sur Snap ou Insta.",
-        },
+          id: "2",          title: "2. Discussion",          content: "On finalise le prix et les détails sur Snap ou Insta."},
         {
-          id: "3",
-          title: "3. Paiement",
-          content: "PayPal, virement, ou espèces en main propre.",
-        },
+          id: "3",          title: "3. Paiement",          content: "PayPal, virement, ou espèces en main propre."},
         {
-          id: "4",
-          title: "4. Expédition",
-          content: "Colissimo 48-72h (3,70€) ou remise en main propre.",
-        },
+          id: "4",          title: "4. Expédition",          content: "Colissimo 48-72h (3,70€) ou remise en main propre."},
       ]}
       title="COMMANDER"
       description="Simple et rapide."
@@ -212,13 +125,9 @@ export default function LandingPage() {
       description="Nous sélectionnons uniquement les meilleures pièces streetwear pour vous garantir authenticité et style à prix réduit."
       metrics={[
         {
-          value: "100%",
-          title: "Authenticité",
-        },
+          value: "100%",          title: "Authenticité"},
         {
-          value: "500+",
-          title: "Ventes réalisées",
-        },
+          value: "500+",          title: "Ventes réalisées"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-black-jacket-walking-through-bridge_1303-25985.jpg"
       imageAlt="Woman in black jacket walking through the bridge"
@@ -231,8 +140,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="CONTACT"
       title="BESOIN D'INFOS ?"
       description="Envoie-nous un message direct sur Snapchat ou Instagram."
@@ -243,32 +151,22 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterMedia
       imageSrc="http://img.b2bpic.net/free-photo/front-view-palm-tree-leaves_23-2148229261.jpg"
-      logoText="LP.STORE"
+      logoText="LB.STORE"
       columns={[
         {
-          title: "SOCIAL",
-          items: [
+          title: "SOCIAL",          items: [
             {
-              label: "Snapchat",
-              href: "https://snapchat.com/add/MON_PSEUDO_SNAP",
-            },
+              label: "Snapchat",              href: "https://snapchat.com/add/MON_PSEUDO_SNAP"},
             {
-              label: "Instagram",
-              href: "https://instagram.com/MON_PSEUDO_INSTA",
-            },
+              label: "Instagram",              href: "https://instagram.com/MON_PSEUDO_INSTA"},
           ],
         },
         {
-          title: "SERVICE",
-          items: [
+          title: "SERVICE",          items: [
             {
-              label: "Authentique",
-              href: "#",
-            },
+              label: "Authentique",              href: "#"},
             {
-              label: "Envoi Colissimo",
-              href: "#",
-            },
+              label: "Envoi Colissimo",              href: "#"},
           ],
         },
       ]}
@@ -278,4 +176,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #c8ff00;
-  --primary-cta-text: #000000;
-  --secondary-cta: #ff3c3c;
-  --secondary-cta-text: #ffffff;
-  --accent: #333333;
-  --background-accent: #1a1a1a;
+  --background: #f7f6f7;
+  --card: #ffffff;
+  --foreground: #0c1325;
+  --primary-cta: #0798ff;
+  --primary-cta-text: #f7f6f7;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #0c1325;
+  --accent: #93c7ff;
+  --background-accent: #a8cde8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);