Merge version_10 into main

Update src/app/products/page.tsx
2026-05-12 17:33:23 +00:00 · 2026-05-12 17:33:16 +00:00 · 2026-05-12 17:32:24 +00:00 · 2026-05-12 17:32:21 +00:00 · 2026-05-12 17:29:21 +00:00 · 2026-05-12 17:29:18 +00:00
3 changed files with 110 additions and 155 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
      <NavbarStyleCentered
      navItems={[
        {
-          name: "Shop",
-          id: "#products",
-        },
+          name: "Shop",          id: "/products"},
        {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
        {
-          name: "Gallery",
-          id: "#gallery",
-        },
+          name: "Gallery",          id: "#gallery"},
        {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
      ]}
      brandName="FKD WRLD"
    />
@@ -57,9 +49,7 @@ export default function LandingPage() {
      description="Crafting the future of premium streetwear. High-end silhouettes for the modern movement."
      buttons={[
        {
-          text: "Shop Now",
-          href: "#products",
-        },
+          text: "Shop Now",          href: "/products"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-chair-inside_23-2149359824.jpg"
      imageAlt="FKD WRLD Hero Hoodie"
@@ -75,47 +65,17 @@ export default function LandingPage() {
      useInvertedBackground={false}
      products={[
        {
-          id: "p1",
-          name: "Midnight Hoodie",
-          price: "$120",
-          variant: "Black",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898084.jpg",
-        },
+          id: "p1",          name: "Midnight Hoodie",          price: "$120",          variant: "Black",          imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898084.jpg?_wi=1"},
        {
-          id: "p2",
-          name: "Concrete Hoodie",
-          price: "$120",
-          variant: "Grey",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711559.jpg",
-        },
+          id: "p2",          name: "Concrete Hoodie",          price: "$120",          variant: "Grey",          imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711559.jpg?_wi=1"},
        {
-          id: "p3",
-          name: "Shadow Hoodie",
-          price: "$135",
-          variant: "Charcoal",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-lady-oversized-hoodie-pants-holding-hands-head-looking-annoyed-front-view_176474-58539.jpg",
-        },
+          id: "p3",          name: "Shadow Hoodie",          price: "$135",          variant: "Charcoal",          imageSrc: "http://img.b2bpic.net/free-photo/young-lady-oversized-hoodie-pants-holding-hands-head-looking-annoyed-front-view_176474-58539.jpg?_wi=1"},
        {
-          id: "p4",
-          name: "Graphic Icon",
-          price: "$145",
-          variant: "Black",
-          imageSrc: "http://img.b2bpic.net/free-vector/black-white-instagram-stories_79603-759.jpg",
-        },
+          id: "p4",          name: "Graphic Icon",          price: "$145",          variant: "Black",          imageSrc: "http://img.b2bpic.net/free-vector/black-white-instagram-stories_79603-759.jpg?_wi=1"},
        {
-          id: "p5",
-          name: "Essential Hoodie",
-          price: "$110",
-          variant: "Black",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-black-shirt_158595-1040.jpg",
-        },
+          id: "p5",          name: "Essential Hoodie",          price: "$110",          variant: "Black",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-black-shirt_158595-1040.jpg"},
        {
-          id: "p6",
-          name: "Core Essential",
-          price: "$110",
-          variant: "Grey",
-          imageSrc: "http://img.b2bpic.net/free-photo/teenager-wearing-white-hoodie-portrait_23-2149359831.jpg",
-        },
+          id: "p6",          name: "Core Essential",          price: "$110",          variant: "Grey",          imageSrc: "http://img.b2bpic.net/free-photo/teenager-wearing-white-hoodie-portrait_23-2149359831.jpg"},
      ]}
      title="Featured Collection"
      description="Premium oversized hoodies, redefined for the streets."
@@ -129,17 +89,11 @@ export default function LandingPage() {
      description="FKD WRLD isn't just a brand; it's a movement. We merge architectural cuts with high-end fabrications to deliver streetwear that commands attention."
      metrics={[
        {
-          value: "100%",
-          title: "Heavy Cotton",
-        },
+          value: "100%",          title: "Heavy Cotton"},
        {
-          value: "24/7",
-          title: "Street Ready",
-        },
+          value: "24/7",          title: "Street Ready"},
        {
-          value: "Ltd",
-          title: "Drops",
-        },
+          value: "Ltd",          title: "Drops"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/sensual-girl-all-black-red-lips-hat-goth-dramatic-woman-hold-white-chrysanthemum-flower-against-graffiti-wall_627829-6268.jpg"
      imageAlt="Streetwear Lifestyle"
@@ -155,26 +109,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      metrics={[
        {
-          id: "g1",
-          value: "City",
-          title: "Tokyo Nights",
-          description: "Urban exploration.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-outdoors_23-2150204396.jpg",
-        },
+          id: "g1",          value: "City",          title: "Tokyo Nights",          description: "Urban exploration.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-outdoors_23-2150204396.jpg"},
        {
-          id: "g2",
-          value: "Culture",
-          title: "Studio Sessions",
-          description: "Creative process.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-posing-night-with-flash_23-2150204453.jpg",
-        },
+          id: "g2",          value: "Culture",          title: "Studio Sessions",          description: "Creative process.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-posing-night-with-flash_23-2150204453.jpg"},
        {
-          id: "g3",
-          value: "Brand",
-          title: "FKD Aesthetic",
-          description: "Defined by us.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-new-york-city-daytime_23-2149488557.jpg",
-        },
+          id: "g3",          value: "Brand",          title: "FKD Aesthetic",          description: "Defined by us.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-new-york-city-daytime_23-2149488557.jpg"},
      ]}
      title="Lifestyle Gallery"
      description="From the streets to the studio. Always FKD."
@@ -189,45 +128,20 @@ export default function LandingPage() {
      useInvertedBackground={true}
      testimonials={[
        {
-          id: "t1",
-          name: "Jax S.",
-          role: "Creative",
-          company: "FKD Crew",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020151.jpg",
-        },
+          id: "t1",          name: "Jax S.",          role: "Creative",          company: "FKD Crew",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020151.jpg"},
        {
-          id: "t2",
-          name: "Mina K.",
-          role: "Stylist",
-          company: "FKD Crew",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-sunglasses-jacket-hoodie-checks-time-smartwatch-spends-free-time-walking-city-sunny-weather-uses-application-modern-lifestyle-concept_273609-60619.jpg",
-        },
+          id: "t2",          name: "Mina K.",          role: "Stylist",          company: "FKD Crew",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-sunglasses-jacket-hoodie-checks-time-smartwatch-spends-free-time-walking-city-sunny-weather-uses-application-modern-lifestyle-concept_273609-60619.jpg"},
        {
-          id: "t3",
-          name: "Leo B.",
-          role: "Producer",
-          company: "FKD Crew",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outside_23-2149439874.jpg",
-        },
+          id: "t3",          name: "Leo B.",          role: "Producer",          company: "FKD Crew",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outside_23-2149439874.jpg"},
        {
-          id: "t4",
-          name: "Sara D.",
-          role: "Designer",
-          company: "FKD Crew",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-glamour-woman-trendy-fur-coat-glasses-with-gold-jewelry-posing-city_291650-702.jpg",
-        },
+          id: "t4",          name: "Sara D.",          role: "Designer",          company: "FKD Crew",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/fashion-glamour-woman-trendy-fur-coat-glasses-with-gold-jewelry-posing-city_291650-702.jpg"},
        {
-          id: "t5",
-          name: "Ren M.",
-          role: "Model",
-          company: "FKD Crew",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-inside-building_23-2149371489.jpg",
-        },
+          id: "t5",          name: "Ren M.",          role: "Model",          company: "FKD Crew",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-inside-building_23-2149371489.jpg"},
      ]}
      title="Community Voices"
      description="Hear what the movement thinks."
@@ -240,20 +154,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      faqs={[
        {
-          id: "f1",
-          title: "Shipping times?",
-          content: "Orders ship within 48 hours.",
-        },
+          id: "f1",          title: "Shipping times?",          content: "Orders ship within 48 hours."},
        {
-          id: "f2",
-          title: "Sizing guide?",
-          content: "Our hoodies are oversized. Size down for regular fit.",
-        },
+          id: "f2",          title: "Sizing guide?",          content: "Our hoodies are oversized. Size down for regular fit."},
        {
-          id: "f3",
-          title: "Returns policy?",
-          content: "Free returns within 30 days.",
-        },
+          id: "f3",          title: "Returns policy?",          content: "Free returns within 30 days."},
      ]}
      title="Common Inquiries"
      description="Everything you need to know about your order."
@@ -265,16 +170,13 @@ export default function LandingPage() {
      <ContactCTA
      useInvertedBackground={true}
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      tag="FKD CLUB"
      title="Stay Informed"
      description="Join our newsletter for early access to limited drops."
      buttons={[
        {
-          text: "Join Club",
-          href: "#",
-        },
+          text: "Join Club",          href: "#"},
      ]}
    />
  </div>
@@ -283,16 +185,13 @@ export default function LandingPage() {
      <ContactCTA
      useInvertedBackground={false}
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      tag="SUPPORT"
      title="Get In Touch"
      description="Questions about your order? We're here for you."
      buttons={[
        {
-          text: "Email Us",
-          href: "mailto:hello@fkdwrld.com",
-        },
+          text: "Email Us",          href: "mailto:hello@fkdwrld.com"},
      ]}
    />
  </div>
@@ -302,29 +201,19 @@ export default function LandingPage() {
      logoText="FKD WRLD"
      columns={[
        {
-          title: "Links",
-          items: [
+          title: "Links",          items: [
            {
-              label: "Shop",
-              href: "#products",
-            },
+              label: "Shop",              href: "/products"},
            {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
          ],
        },
        {
-          title: "Social",
-          items: [
+          title: "Social",          items: [
            {
-              label: "Instagram",
-              href: "https://instagram.com",
-            },
+              label: "Instagram",              href: "https://instagram.com"},
            {
-              label: "TikTok",
-              href: "https://tiktok.com",
-            },
+              label: "TikTok",              href: "https://tiktok.com"},
          ],
        },
      ]}
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="medium"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Shop", id: "/products" },
+              { name: "About", id: "/#about" },
+              { name: "Gallery", id: "/#gallery" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="FKD WRLD"
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "FKD WRLD hoddie  ", price: "$120", variant: "Black", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdH2GKm4m8obxevOjsTwuKi0Vj/uploaded-1778606030934-9yr93z9m.png" },
+              { id: "p2", name: "FKD WRLD hoddie ", price: "$120", variant: "Grey", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdH2GKm4m8obxevOjsTwuKi0Vj/uploaded-1778606030934-9yr93z9m.png" },
+              { id: "p3", name: "Shadow Hoodie", price: "$135", variant: "Charcoal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdH2GKm4m8obxevOjsTwuKi0Vj/uploaded-1778606030934-9yr93z9m.png" },
+              { id: "p4", name: "FKD WRLD hoddie ", price: "$145", variant: "Black", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdH2GKm4m8obxevOjsTwuKi0Vj/uploaded-1778606030934-9yr93z9m.png" }
+            ]}
+            title="All Collections"
+            description="Explore our full range of premium streetwear essentials."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="FKD WRLD"
+            columns={[
+              { title: "Links", items: [{ label: "Shop", href: "/products" }, { label: "About", href: "/#about" }] },
+              { title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "TikTok", href: "https://tiktok.com" }] }
+            ]}
+            copyrightText="© 2025 | FKD WRLD"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -12,13 +12,13 @@

  --background: #ffffff;
  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
+  --foreground: #120a00e6;
+  --primary-cta: #E34400;
  --primary-cta-text: #ffffff;
  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
+  --secondary-cta-text: #120a00e6;
  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background-accent: #E34400;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	1e69724c2f	Merge version_10 into main Merge version_10 into main	2026-05-12 17:33:23 +00:00
bender	c3186f5f13	Update src/app/products/page.tsx	2026-05-12 17:33:16 +00:00
bender	61e9f0de89	Merge version_10 into main Merge version_10 into main	2026-05-12 17:32:24 +00:00
bender	9b4b4940dc	Update src/app/products/page.tsx	2026-05-12 17:32:21 +00:00
bender	1cb51e06db	Merge version_10 into main Merge version_10 into main	2026-05-12 17:29:21 +00:00
bender	7590582c76	Update src/app/products/page.tsx	2026-05-12 17:29:18 +00:00
bender	a6f6f52549	Merge version_10 into main Merge version_10 into main	2026-05-12 17:28:29 +00:00
bender	8ac62daadb	Update theme colors	2026-05-12 17:28:26 +00:00
bender	3e55be417b	Merge version_9 into main Merge version_9 into main	2026-05-12 17:28:16 +00:00
bender	72bb79d261	Update theme colors	2026-05-12 17:28:13 +00:00
bender	b8af0b708f	Merge version_8 into main Merge version_8 into main	2026-05-12 17:18:07 +00:00
bender	467e2a59a4	Update src/app/products/page.tsx	2026-05-12 17:18:04 +00:00
bender	81f2d88d94	Merge version_8 into main Merge version_8 into main	2026-05-12 17:15:02 +00:00
bender	a892279e66	Update theme colors	2026-05-12 17:14:59 +00:00
bender	9411c1baef	Merge version_7 into main Merge version_7 into main	2026-05-12 17:12:29 +00:00
bender	ed7603ec8d	Update src/app/products/page.tsx	2026-05-12 17:12:26 +00:00
bender	1c96cdf105	Update src/app/page.tsx	2026-05-12 17:12:25 +00:00
bender	46a5f35215	Merge version_7 into main Merge version_7 into main	2026-05-12 17:12:04 +00:00
bender	a9ebcbae57	Add src/app/products/page.tsx	2026-05-12 17:12:01 +00:00
bender	4b56a465a4	Update src/app/page.tsx	2026-05-12 17:12:01 +00:00
bender	1aa741383b	Merge version_6 into main Merge version_6 into main	2026-05-12 17:10:41 +00:00
bender	e057dbcc12	Update theme colors	2026-05-12 17:10:38 +00:00
bender	72477a9c48	Merge version_5 into main Merge version_5 into main	2026-05-12 17:10:23 +00:00
bender	71048d827e	Update theme colors	2026-05-12 17:10:20 +00:00
bender	8584552724	Merge version_4 into main Merge version_4 into main	2026-05-12 17:09:20 +00:00
bender	2293284c67	Update theme colors	2026-05-12 17:09:14 +00:00
bender	6063ba06d3	Merge version_3 into main Merge version_3 into main	2026-05-12 17:09:11 +00:00
bender	38bb0adf9a	Merge version_2 into main Merge version_2 into main	2026-05-12 17:08:42 +00:00