Merge version_4 into main

Merge version_4 into main

src/app/careers/page.tsx

@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function CareersPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Shop", id: "/products" },
+    { name: "Features", id: "#features" },
+    { name: "About Us", id: "#about" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "Blog", id: "#blog" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "Careers", id: "/careers" },
+    { name: "Shipping & Returns", id: "/shipping-returns" },
+    { name: "Privacy Policy", id: "/privacy-policy" }
+  ];
+
+  const footerColumns = [
+    {
+      title: "Shop",      items: [
+        { label: "New Arrivals", href: "/products" },
+        { label: "Collections", href: "#features" },
+        { label: "Best Sellers", href: "/products" },
+        { label: "Sale", href: "/products" }
+      ]
+    },
+    {
+      title: "About",      items: [
+        { label: "Our Story", href: "#about" },
+        { label: "Sustainability", href: "#features" },
+        { label: "Testimonials", href: "#testimonials" },
+        { label: "Careers", href: "/careers" }
+      ]
+    },
+    {
+      title: "Support",      items: [
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact Us", href: "#contact" },
+        { label: "Shipping & Returns", href: "/shipping-returns" },
+        { label: "Privacy Policy", href: "/privacy-policy" }
+      ]
+    }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSmall"
+        background="aurora"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={navItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i5r4zf"
+            logoAlt="Cloth Emporium Logo"
+            brandName="Cloth Emporium"
+          />
+        </div>
+        <main className="relative z-10 flex min-h-[calc(100vh-var(--height-140))] flex-col items-center justify-center py-20 px-4 md:px-8">
+          <h1 className="text-4xl font-extrabold tracking-tight sm:text-5xl md:text-6xl text-foreground text-center">
+            Careers at Cloth Emporium
+          </h1>
+          <p className="mt-4 text-lg text-foreground/80 text-center max-w-2xl">
+            Join our passionate team and help us shape the future of fashion.
+          </p>
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/asian-retail-employee-arranging-new-collection-clothes-display_482257-113821.jpg?_wi=3"
+            imageAlt="elegant clothes hanging in boutique"
+            logoText="Cloth Emporium"
+            columns={footerColumns}
+            copyrightText="© 2024 Cloth Emporium. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -9,7 +9,7 @@ import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNinete
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -34,37 +34,27 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Shop",
-          id: "#products",
-        },
+          name: "Shop",          id: "/products"},
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "About Us",
-          id: "#about",
-        },
+          name: "About Us",          id: "#about"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Blog",
-          id: "#blog",
-        },
+          name: "Blog",          id: "#blog"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
+        {
+          name: "Careers",          id: "/careers"},
+        {
+          name: "Shipping & Returns",          id: "/shipping-returns"},
+        {
+          name: "Privacy Policy",          id: "/privacy-policy"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i5r4zf"
       logoAlt="Cloth Emporium Logo"
@@ -75,20 +65,14 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroLogoBillboard
       background={{
-        variant: "plain",
-      }}
-      logoText="Cloth Empire
-"
+        variant: "plain"}}
+      logoText="Cloth Emporium"
       description="Discover timeless elegance and modern style. Your ultimate destination for premium apparel crafted for every occasion."
       buttons={[
         {
-          text: "Shop Now",
-          href: "#products",
-        },
+          text: "Shop Now",          href: "/products"},
         {
-          text: "Explore Collections",
-          href: "#features",
-        },
+          text: "Explore Collections",          href: "#features"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/asian-woman-suggesting-trendy-clothes-male-client-try_482257-118047.jpg"
       imageAlt="stylish woman in elegant outfit"
@@ -96,78 +80,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          brand: "Elegance Threads",
-          name: "Silk Evening Dress",
-          price: "$299",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950891.jpg",
-          imageAlt: "elegant silk dress fashion photography",
-        },
-        {
-          id: "2",
-          brand: "Urban Wear",
-          name: "Classic Wool Blazer",
-          price: "$175",
-          rating: 4,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2616.jpg",
-          imageAlt: "men's stylish blazer dark color",
-        },
-        {
-          id: "3",
-          brand: "Denim Dream",
-          name: "Distressed Denim Jacket",
-          price: "$89",
-          rating: 4,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-winter-cloths_1303-16949.jpg",
-          imageAlt: "casual denim jacket women's fashion",
-        },
-        {
-          id: "4",
-          brand: "Cozy Comfort",
-          name: "Cashmere Knit Sweater",
-          price: "$120",
-          rating: 5,
-          reviewCount: "90",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923342.jpg",
-          imageAlt: "comfortable knit sweater cozy fashion",
-        },
-        {
-          id: "5",
-          brand: "Boho Chic",
-          name: "Floral Maxi Skirt",
-          price: "$65",
-          rating: 4,
-          reviewCount: "110",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-drag-man_23-2149218668.jpg",
-          imageAlt: "flowing maxi skirt summer fashion",
-        },
-        {
-          id: "6",
-          brand: "Essential Basics",
-          name: "Organic Cotton Tee",
-          price: "$35",
-          rating: 5,
-          reviewCount: "200",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-teen-boy-white-t-shirt_176474-96036.jpg",
-          imageAlt: "classic white t-shirt essential wardrobe",
-        },
-      ]}
-      title="Latest Arrivals"
-      description="Explore our newest collection of stylish and comfortable clothing for every occasion."
-    />
-  </div>
 
   <div id="features" data-section="features">
       <FeatureCardNineteen
@@ -175,29 +87,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "Quality",
-          title: "Superior Craftsmanship",
-          subtitle: "Impeccable details",
-          description: "Every garment is meticulously crafted with attention to detail and durable materials, ensuring lasting quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-male-fashion-designer-taking-measurement-fabric_23-2148180372.jpg",
-          imageAlt: "close up textile fabric quality",
-        },
+          tag: "Quality",          title: "Superior Craftsmanship",          subtitle: "Impeccable details",          description: "Every garment is meticulously crafted with attention to detail and durable materials, ensuring lasting quality.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-male-fashion-designer-taking-measurement-fabric_23-2148180372.jpg",          imageAlt: "close up textile fabric quality"},
         {
-          tag: "Sustainability",
-          title: "Eco-Conscious Fashion",
-          subtitle: "Planet-friendly choices",
-          description: "We partner with ethical suppliers and use sustainable materials to minimize our environmental footprint.",
-          imageSrc: "http://img.b2bpic.net/free-photo/knitting-wool-thread-close-up_23-2148923307.jpg",
-          imageAlt: "green leaf on clothing sustainable fashion",
-        },
+          tag: "Sustainability",          title: "Eco-Conscious Fashion",          subtitle: "Planet-friendly choices",          description: "We partner with ethical suppliers and use sustainable materials to minimize our environmental footprint.",          imageSrc: "http://img.b2bpic.net/free-photo/knitting-wool-thread-close-up_23-2148923307.jpg",          imageAlt: "green leaf on clothing sustainable fashion"},
         {
-          tag: "Style",
-          title: "Curated Collections",
-          subtitle: "Trends and classics",
-          description: "Our collections blend timeless elegance with the latest trends, offering unique pieces for every personal style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-blackboard_329181-18092.jpg",
-          imageAlt: "fashion designer sketching new collection",
-        },
+          tag: "Style",          title: "Curated Collections",          subtitle: "Trends and classics",          description: "Our collections blend timeless elegance with the latest trends, offering unique pieces for every personal style.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-blackboard_329181-18092.jpg",          imageAlt: "fashion designer sketching new collection"},
       ]}
       title="Experience the Difference"
       description="From exquisite fabrics to sustainable practices, we bring you fashion that feels good and does good."
@@ -224,14 +118,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Vogue Collective",
-        "Fashion Hub",
-        "Style Source",
-        "Trend Setters",
-        "Apparel Innovators",
-        "Textile Partners",
-        "Design Works",
-      ]}
+        "Vogue Collective",        "Fashion Hub",        "Style Source",        "Trend Setters",        "Apparel Innovators",        "Textile Partners",        "Design Works"]}
       title="Trusted by Fashion Lovers & Industry Experts"
       description="We collaborate with leading names in fashion and are loved by thousands of satisfied customers."
       showCard={true}
@@ -245,45 +132,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "@sarah_fashion",
-          testimonial: "Cloth Emporium always has the most unique and elegant pieces. I always find something I love!",
-          imageSrc: "http://img.b2bpic.net/free-photo/partners-sitting-table-working-cafe_1157-28477.jpg",
-          imageAlt: "happy young woman smiling fashion",
-        },
+          id: "1",          name: "Sarah Johnson",          handle: "@sarah_fashion",          testimonial: "Cloth Emporium always has the most unique and elegant pieces. I always find something I love!",          imageSrc: "http://img.b2bpic.net/free-photo/partners-sitting-table-working-cafe_1157-28477.jpg",          imageAlt: "happy young woman smiling fashion"},
         {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@michaels_style",
-          testimonial: "Their quality is unmatched. I've bought several items and they've all exceeded my expectations. Highly recommend!",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-suit-posing-near-brick-wall-street-background-metrosexual_158538-11005.jpg",
-          imageAlt: "stylish man posing professional clothing",
-        },
+          id: "2",          name: "Michael Chen",          handle: "@michaels_style",          testimonial: "Their quality is unmatched. I've bought several items and they've all exceeded my expectations. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-man-dressed-elegant-beige-checkered-suit-posing-near-brick-wall-street-background-metrosexual_158538-11005.jpg",          imageAlt: "stylish man posing professional clothing"},
         {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@emily_chic",
-          testimonial: "The customer service is fantastic, and the clothing range is simply exquisite. My go-to store for all occasions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-excited-woman-holding-smartphone_23-2149313451.jpg",
-          imageAlt: "beautiful woman enjoying shopping experience",
-        },
+          id: "3",          name: "Emily Rodriguez",          handle: "@emily_chic",          testimonial: "The customer service is fantastic, and the clothing range is simply exquisite. My go-to store for all occasions.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-excited-woman-holding-smartphone_23-2149313451.jpg",          imageAlt: "beautiful woman enjoying shopping experience"},
         {
-          id: "4",
-          name: "David Kim",
-          handle: "@david_threads",
-          testimonial: "I love the sustainable options and the timeless designs. It's great to know I'm supporting an ethical brand.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-women-with-shopping-bags-walking-street_1153-6018.jpg",
-          imageAlt: "young couple smiling in matching outfits",
-        },
+          id: "4",          name: "David Kim",          handle: "@david_threads",          testimonial: "I love the sustainable options and the timeless designs. It's great to know I'm supporting an ethical brand.",          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-women-with-shopping-bags-walking-street_1153-6018.jpg",          imageAlt: "young couple smiling in matching outfits"},
         {
-          id: "5",
-          name: "Olivia White",
-          handle: "@olivia_wardrobe",
-          testimonial: "From casual wear to elegant evening dresses, Cloth Emporium has it all. The fit is perfect every time!",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-clothes-shop-customer-taking-hanger-with-dress-from-rack-trying-woman-choosing-clothes-fashion-store-consumerism-retail-concept_74855-11761.jpg",
-          imageAlt: "older woman looking elegant in clothes",
-        },
+          id: "5",          name: "Olivia White",          handle: "@olivia_wardrobe",          testimonial: "From casual wear to elegant evening dresses, Cloth Emporium has it all. The fit is perfect every time!",          imageSrc: "http://img.b2bpic.net/free-photo/happy-clothes-shop-customer-taking-hanger-with-dress-from-rack-trying-woman-choosing-clothes-fashion-store-consumerism-retail-concept_74855-11761.jpg",          imageAlt: "older woman looking elegant in clothes"},
       ]}
       title="What Our Customers Say"
       description="Hear from our happy clients about their delightful experience and stylish finds at Cloth Emporium."
@@ -299,38 +156,11 @@ export default function LandingPage() {
       description="Stay ahead of the curve with our latest articles on fashion tips, new collections, and sustainable living."
       blogs={[
         {
-          id: "1",
-          category: "Fashion Tips",
-          title: "Mastering Your Capsule Wardrobe",
-          excerpt: "Discover how to build a versatile wardrobe with essential pieces that mix and match effortlessly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12050.jpg",
-          imageAlt: "woman choosing clothes in boutique",
-          authorName: "Jane Doe",
-          authorAvatar: "http://img.b2bpic.net/free-photo/successful-middle-aged-businesswoman-showing-ok-okay-sign-nod-approval-smiling-pleased-approve-something-good-white-background_176420-50223.jpg",
-          date: "July 10, 2024",
-        },
+          id: "1",          category: "Fashion Tips",          title: "Mastering Your Capsule Wardrobe",          excerpt: "Discover how to build a versatile wardrobe with essential pieces that mix and match effortlessly.",          imageSrc: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12050.jpg",          imageAlt: "woman choosing clothes in boutique",          authorName: "Jane Doe",          authorAvatar: "http://img.b2bpic.net/free-photo/successful-middle-aged-businesswoman-showing-ok-okay-sign-nod-approval-smiling-pleased-approve-something-good-white-background_176420-50223.jpg",          date: "July 10, 2024"},
         {
-          id: "2",
-          category: "Sustainability",
-          title: "The Rise of Eco-Friendly Fabrics",
-          excerpt: "Learn about the innovative sustainable materials transforming the fashion industry and how they benefit you.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-tailor-working-studio-with-sewing-machine_23-2148834148.jpg",
-          imageAlt: "sustainable fashion production process",
-          authorName: "John Smith",
-          authorAvatar: "http://img.b2bpic.net/free-photo/fashionable-bearded-male-wearing-stylish-clothes-stands-with-bicycle-antique-street-europe_613910-6715.jpg",
-          date: "July 5, 2024",
-        },
+          id: "2",          category: "Sustainability",          title: "The Rise of Eco-Friendly Fabrics",          excerpt: "Learn about the innovative sustainable materials transforming the fashion industry and how they benefit you.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-tailor-working-studio-with-sewing-machine_23-2148834148.jpg",          imageAlt: "sustainable fashion production process",          authorName: "John Smith",          authorAvatar: "http://img.b2bpic.net/free-photo/fashionable-bearded-male-wearing-stylish-clothes-stands-with-bicycle-antique-street-europe_613910-6715.jpg",          date: "July 5, 2024"},
         {
-          id: "3",
-          category: "New Collections",
-          title: "Autumn/Winter Collection Preview",
-          excerpt: "Get an exclusive sneak peek at our upcoming collection, featuring warm tones, luxurious textures, and contemporary designs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11972.jpg",
-          imageAlt: "fashion runway show new trends",
-          authorName: "Emily White",
-          authorAvatar: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5737.jpg",
-          date: "June 28, 2024",
-        },
+          id: "3",          category: "New Collections",          title: "Autumn/Winter Collection Preview",          excerpt: "Get an exclusive sneak peek at our upcoming collection, featuring warm tones, luxurious textures, and contemporary designs.",          imageSrc: "http://img.b2bpic.net/free-photo/serious-customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11972.jpg",          imageAlt: "fashion runway show new trends",          authorName: "Emily White",          authorAvatar: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5737.jpg",          date: "June 28, 2024"},
       ]}
     />
   </div>
@@ -341,35 +171,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "What are your shipping options?",
-          content: "We offer standard and express shipping nationwide. International shipping rates vary by destination. You can find detailed information on our shipping policy page.",
-        },
+          id: "1",          title: "What are your shipping options?",          content: "We offer standard and express shipping nationwide. International shipping rates vary by destination. You can find detailed information on our shipping policy page."},
         {
-          id: "2",
-          title: "What is your return policy?",
-          content: "You can return items within 30 days of purchase, provided they are unworn, unwashed, and with original tags. Please see our returns page for full details and instructions.",
-        },
+          id: "2",          title: "What is your return policy?",          content: "You can return items within 30 days of purchase, provided they are unworn, unwashed, and with original tags. Please see our returns page for full details and instructions."},
         {
-          id: "3",
-          title: "How do I find my size?",
-          content: "Each product page features a detailed size guide to help you choose the perfect fit. If you need further assistance, our customer support team is happy to help.",
-        },
+          id: "3",          title: "How do I find my size?",          content: "Each product page features a detailed size guide to help you choose the perfect fit. If you need further assistance, our customer support team is happy to help."},
         {
-          id: "4",
-          title: "Do you offer international shipping?",
-          content: "Yes, we ship to a wide range of international destinations. Shipping costs and delivery times will be calculated at checkout based on your location.",
-        },
+          id: "4",          title: "Do you offer international shipping?",          content: "Yes, we ship to a wide range of international destinations. Shipping costs and delivery times will be calculated at checkout based on your location."},
         {
-          id: "5",
-          title: "Are your clothes ethically sourced?",
-          content: "Absolutely. We are committed to ethical sourcing and partner only with manufacturers who adhere to fair labor practices and sustainable production methods.",
-        },
+          id: "5",          title: "Are your clothes ethically sourced?",          content: "Absolutely. We are committed to ethical sourcing and partner only with manufacturers who adhere to fair labor practices and sustainable production methods."},
         {
-          id: "6",
-          title: "How can I track my order?",
-          content: "Once your order is shipped, you will receive a confirmation email with a tracking number. You can use this number to monitor your package's journey on our website or the carrier's site.",
-        },
+          id: "6",          title: "How can I track my order?",          content: "Once your order is shipped, you will receive a confirmation email with a tracking number. You can use this number to monitor your package's journey on our website or the carrier's site."},
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to your most common questions about shopping, returns, sizing, and more."
@@ -381,85 +193,55 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       text="Ready to elevate your wardrobe? Get in touch with us today for personalized style advice, order inquiries, or any questions you may have."
       buttons={[
         {
-          text: "Contact Us",
-          href: "#",
-        },
+          text: "Contact Us",          href: "#"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/asian-retail-employee-arranging-new-collection-clothes-display_482257-113821.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/asian-retail-employee-arranging-new-collection-clothes-display_482257-113821.jpg?_wi=1"
       imageAlt="elegant clothes hanging in boutique"
       logoText="Cloth Emporium"
       columns={[
         {
-          title: "Shop",
-          items: [
+          title: "Shop",          items: [
             {
-              label: "New Arrivals",
-              href: "#products",
-            },
+              label: "New Arrivals",              href: "/products"},
             {
-              label: "Collections",
-              href: "#features",
-            },
+              label: "Collections",              href: "#features"},
             {
-              label: "Best Sellers",
-              href: "#products",
-            },
+              label: "Best Sellers",              href: "/products"},
             {
-              label: "Sale",
-              href: "#",
-            },
+              label: "Sale",              href: "/products"},
           ],
         },
         {
-          title: "About",
-          items: [
+          title: "About",          items: [
             {
-              label: "Our Story",
-              href: "#about",
-            },
+              label: "Our Story",              href: "#about"},
             {
-              label: "Sustainability",
-              href: "#features",
-            },
+              label: "Sustainability",              href: "#features"},
             {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
+              label: "Testimonials",              href: "#testimonials"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "/careers"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Contact Us",
-              href: "#contact",
-            },
+              label: "Contact Us",              href: "#contact"},
             {
-              label: "Shipping & Returns",
-              href: "#",
-            },
+              label: "Shipping & Returns",              href: "/shipping-returns"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "/privacy-policy"},
           ],
         },
       ]}

src/app/products/page.tsx

@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ProductsPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Shop", id: "/products" },
+    { name: "Features", id: "#features" },
+    { name: "About Us", id: "#about" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "Blog", id: "#blog" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "Careers", id: "/careers" },
+    { name: "Shipping & Returns", id: "/shipping-returns" },
+    { name: "Privacy Policy", id: "/privacy-policy" }
+  ];
+
+  const footerColumns = [
+    {
+      title: "Shop",      items: [
+        { label: "New Arrivals", href: "/products" },
+        { label: "Collections", href: "#features" },
+        { label: "Best Sellers", href: "/products" },
+        { label: "Sale", href: "/products" }
+      ]
+    },
+    {
+      title: "About",      items: [
+        { label: "Our Story", href: "#about" },
+        { label: "Sustainability", href: "#features" },
+        { label: "Testimonials", href: "#testimonials" },
+        { label: "Careers", href: "/careers" }
+      ]
+    },
+    {
+      title: "Support",      items: [
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact Us", href: "#contact" },
+        { label: "Shipping & Returns", href: "/shipping-returns" },
+        { label: "Privacy Policy", href: "/privacy-policy" }
+      ]
+    }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSmall"
+        background="aurora"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={navItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i5r4zf"
+            logoAlt="Cloth Emporium Logo"
+            brandName="Cloth Emporium"
+          />
+        </div>
+        <main className="relative z-10 flex min-h-[calc(100vh-var(--height-140))] flex-col items-center justify-center py-20 px-4 md:px-8">
+          <h1 className="text-4xl font-extrabold tracking-tight sm:text-5xl md:text-6xl text-foreground text-center">
+            Our Products
+          </h1>
+          <p className="mt-4 text-lg text-foreground/80 text-center max-w-2xl">
+            Explore our wide range of premium apparel.
+          </p>
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/asian-retail-employee-arranging-new-collection-clothes-display_482257-113821.jpg?_wi=2"
+            imageAlt="elegant clothes hanging in boutique"
+            logoText="Cloth Emporium"
+            columns={footerColumns}
+            copyrightText="© 2024 Cloth Emporium. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/shipping-returns/page.tsx

@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ShippingReturnsPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Shop", id: "/products" },
+    { name: "Features", id: "#features" },
+    { name: "About Us", id: "#about" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "Blog", id: "#blog" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "Careers", id: "/careers" },
+    { name: "Shipping & Returns", id: "/shipping-returns" },
+    { name: "Privacy Policy", id: "/privacy-policy" }
+  ];
+
+  const footerColumns = [
+    {
+      title: "Shop",      items: [
+        { label: "New Arrivals", href: "/products" },
+        { label: "Collections", href: "#features" },
+        { label: "Best Sellers", href: "/products" },
+        { label: "Sale", href: "/products" }
+      ]
+    },
+    {
+      title: "About",      items: [
+        { label: "Our Story", href: "#about" },
+        { label: "Sustainability", href: "#features" },
+        { label: "Testimonials", href: "#testimonials" },
+        { label: "Careers", href: "/careers" }
+      ]
+    },
+    {
+      title: "Support",      items: [
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact Us", href: "#contact" },
+        { label: "Shipping & Returns", href: "/shipping-returns" },
+        { label: "Privacy Policy", href: "/privacy-policy" }
+      ]
+    }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSmall"
+        background="aurora"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={navItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i5r4zf"
+            logoAlt="Cloth Emporium Logo"
+            brandName="Cloth Emporium"
+          />
+        </div>
+        <main className="relative z-10 flex min-h-[calc(100vh-var(--height-140))] flex-col items-center justify-center py-20 px-4 md:px-8">
+          <h1 className="text-4xl font-extrabold tracking-tight sm:text-5xl md:text-6xl text-foreground text-center">
+            Shipping & Returns
+          </h1>
+          <p className="mt-4 text-lg text-foreground/80 text-center max-w-2xl">
+            Find all information regarding our shipping policies and how to make a return.
+          </p>
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/asian-retail-employee-arranging-new-collection-clothes-display_482257-113821.jpg?_wi=4"
+            imageAlt="elegant clothes hanging in boutique"
+            logoText="Cloth Emporium"
+            columns={footerColumns}
+            copyrightText="© 2024 Cloth Emporium. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #511f1f;
+  --background: #000000;
+  --card: #1a2f1d;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #0d200f;
   --secondary-cta-text: #1c1c1c;
-  --accent: #e63946;
-  --background-accent: #e8bea8;
+  --accent: #1a3d1f;
+  --background-accent: #355e3b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);