Update src/app/styles/base.css

Merge version_3 into main

src/app/collection/page.tsx

@@ -26,14 +26,23 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",          id: "/"},
+          name: "Home",
+          id: "/",
+        },
         {
-          name: "Collection",          id: "/collection"},
+          name: "Collection",
+          id: "/collection",
+        },
         {
-          name: "Custom Orders",          id: "/custom-order"},
+          name: "Custom Orders",
+          id: "/custom-order",
+        },
         {
-          name: "Contact",          id: "/contact"},
+          name: "Contact",
+          id: "/contact",
+        },
       ]}
+      brandName="Wanda"
     />
   </div>
 
@@ -47,17 +56,53 @@ export default function LandingPage() {
       description="Be the first to explore our latest handcrafted creations and exclusive pieces, designed to captivate with timeless elegance."
       products={[
         {
-          id: "new-prod-1",          name: "The Aurora Clutch",          price: "$320",          variant: "Evening",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-stylish-woman-holding-straw-handbag_285396-4844.jpg",          imageAlt: "Woman wearing knitted bag - Aurora Clutch"},
+          id: "new-prod-1",
+          name: "The Aurora Clutch",
+          price: "$320",
+          variant: "Evening",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-stylish-woman-holding-straw-handbag_285396-4844.jpg",
+          imageAlt: "Woman wearing knitted bag - Aurora Clutch",
+        },
         {
-          id: "new-prod-2",          name: "Desert Bloom Shoulder Bag",          price: "$290",          variant: "Daywear",          imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg",          imageAlt: "Elegant woman with Desert Bloom Shoulder Bag"},
+          id: "new-prod-2",
+          name: "Desert Bloom Shoulder Bag",
+          price: "$290",
+          variant: "Daywear",
+          imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg",
+          imageAlt: "Elegant woman with Desert Bloom Shoulder Bag",
+        },
         {
-          id: "new-prod-3",          name: "Celestial Crossbody",          price: "$275",          variant: "Versatile",          imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-stylish-girl-with-dark-short-hair-walking-after-work-carrying-black-leather-bag-smiling-portrait-adorable-brunette-young-woman-wearing-vintage-french-clothes-having-fun-indoors_197531-3644.jpg",          imageAlt: "Gorgeous girl with Celestial Crossbody"},
+          id: "new-prod-3",
+          name: "Celestial Crossbody",
+          price: "$275",
+          variant: "Versatile",
+          imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-stylish-girl-with-dark-short-hair-walking-after-work-carrying-black-leather-bag-smiling-portrait-adorable-brunette-young-woman-wearing-vintage-french-clothes-having-fun-indoors_197531-3644.jpg",
+          imageAlt: "Gorgeous girl with Celestial Crossbody",
+        },
         {
-          id: "new-prod-4",          name: "Mystic Aura Tote",          price: "$380",          variant: "Statement",          imageSrc: "http://img.b2bpic.net/free-photo/clutch-with-ghost_23-2147680167.jpg",          imageAlt: "Clutch with ghost - Mystic Aura Tote"},
+          id: "new-prod-4",
+          name: "Mystic Aura Tote",
+          price: "$380",
+          variant: "Statement",
+          imageSrc: "http://img.b2bpic.net/free-photo/clutch-with-ghost_23-2147680167.jpg",
+          imageAlt: "Clutch with ghost - Mystic Aura Tote",
+        },
         {
-          id: "new-prod-5",          name: "Starlight Minaudiere",          price: "$340",          variant: "Glamour",          imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12976.jpg",          imageAlt: "Antique Hand Bag layout - Starlight Minaudiere"},
+          id: "new-prod-5",
+          name: "Starlight Minaudiere",
+          price: "$340",
+          variant: "Glamour",
+          imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12976.jpg",
+          imageAlt: "Antique Hand Bag layout - Starlight Minaudiere",
+        },
         {
-          id: "new-prod-6",          name: "Pearl Dewdrop Clutch",          price: "$300",          variant: "Bridal",          imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14712.jpg",          imageAlt: "Hand Bag Layout - Pearl Dewdrop Clutch"},
+          id: "new-prod-6",
+          name: "Pearl Dewdrop Clutch",
+          price: "$300",
+          variant: "Bridal",
+          imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14712.jpg",
+          imageAlt: "Hand Bag Layout - Pearl Dewdrop Clutch",
+        },
       ]}
     />
   </div>
@@ -66,11 +111,14 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain"}}
+        variant: "plain",
+      }}
       text="Didn't find what you're looking for? Let us create a custom beaded bag just for you. Your unique style, handcrafted."
       buttons={[
         {
-          text: "Start a Custom Order",          href: "/custom-order"},
+          text: "Start a Custom Order",
+          href: "/custom-order",
+        },
       ]}
     />
   </div>
@@ -79,31 +127,50 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Wanda",          items: [
+          title: "Wanda",
+          items: [
             {
-              label: "Elevating Everyday and Event Style",              href: "#"},
+              label: "Elevating Everyday and Event Style",
+              href: "#",
+            },
           ],
         },
         {
-          title: "Navigation",          items: [
+          title: "Navigation",
+          items: [
             {
-              label: "Home",              href: "/"},
+              label: "Home",
+              href: "/",
+            },
             {
-              label: "Collection",              href: "/collection"},
+              label: "Collection",
+              href: "/collection",
+            },
             {
-              label: "Custom Orders",              href: "/custom-order"},
+              label: "Custom Orders",
+              href: "/custom-order",
+            },
             {
-              label: "Contact",              href: "/contact"},
+              label: "Contact",
+              href: "/contact",
+            },
           ],
         },
         {
-          title: "Connect",          items: [
+          title: "Connect",
+          items: [
             {
-              label: "Instagram",              href: "https://instagram.com/wandabags"},
+              label: "Instagram",
+              href: "https://instagram.com/wandabags",
+            },
             {
-              label: "WhatsApp",              href: "https://wa.me/96176813559"},
+              label: "WhatsApp",
+              href: "https://wa.me/96176813559",
+            },
             {
-              label: "Facebook",              href: "https://facebook.com/wandabags"},
+              label: "Facebook",
+              href: "https://facebook.com/wandabags",
+            },
           ],
         },
       ]}
@@ -114,4 +181,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -34,6 +34,7 @@ export default function LandingPage() {
         {
           name: "Contact",          id: "/contact"},
       ]}
+      brandName="Wanda"
     />
   </div>
 
@@ -110,4 +111,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/custom-order/page.tsx

@@ -33,6 +33,7 @@ export default function LandingPage() {
         {
           name: "Contact",          id: "/contact"},
       ]}
+      brandName="Wanda"
     />
   </div>
 
@@ -94,4 +95,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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 { Figtree } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";
 
 
 
@@ -41,9 +42,13 @@ export const metadata: Metadata = {
   },
 };
 
-const figtree = Figtree({
-  variable: "--font-figtree",
-  subsets: ["latin"],
+
+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",  subsets: ["latin"],
+  weight: ["400", "700"],
+});
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export default function RootLayout({
@@ -54,7 +59,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${figtree.variable} antialiased`}>
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
           <Tag />
           {children}
           <script

src/app/page.tsx

@@ -37,23 +37,22 @@ export default function LandingPage() {
         {
           name: "Contact",          id: "/contact"},
       ]}
+      brandName="Wanda"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      logoText="Wanda Bags"
       background={{
         variant: "radial-gradient"}}
-      description="Handcrafted Luxury, Designed Just for You. Discover unique beaded bags handmade with passion, elegance, and attention to every detail."
+      logoText="WANDA"
+      description="WHERE ART MEETS ACCESSORY"
       buttons={[
         {
-          text: "Shop Collection",          href: "/collection"},
-        {
-          text: "Request a Custom Design",          href: "/custom-order"},
+          text: "SHOP NOW",          href: "/collection"},
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EilQ9IqljqhhhtRM9ixGlzAbev/uploaded-1781083789021-qv0dg31c.jpg"
-      imageAlt="Wanda Bags Logo - Handcrafted Luxury"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EilQ9IqljqhhhtRM9ixGlzAbev/uploaded-1781085522151-ncxoa132.jpg"
+      imageAlt="Elegant beaded handbag with 'Wanda' branding"
       mediaAnimation="slide-up"
     />
   </div>
@@ -146,6 +145,7 @@ export default function LandingPage() {
     />
   </div>
 
+  
 
   <div id="footer" data-section="footer">
       <FooterSimple
@@ -186,4 +186,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-figtree), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-figtree), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }