Update src/app/page.tsx

Merge version_2 into main

src/app/clean-style/page.tsx

@@ -0,0 +1,111 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function CleanStylePage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="mediumSizeLargeTitles"
+        background="aurora"
+        cardStyle="inset"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "Clean Style",                id: "/clean-style"},
+              {
+                name: "Kids Clothes",                id: "/kids-clothes"},
+              {
+                name: "About",                id: "#about"},
+              {
+                name: "Features",                id: "#features"},
+              {
+                name: "Testimonials",                id: "#testimonials"},
+              {
+                name: "FAQ",                id: "#faq"},
+              {
+                name: "Contact",                id: "#contact"},
+            ]}
+            logoSrc="http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148823303.jpg"
+            brandName="StyleHaven"
+            button={{
+              text: "Shop Now",              href: "/clean-style"}}
+          />
+        </div>
+
+        <div id="clean-style-description" data-section="clean-style-description">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Clean Style Collection"
+            description="Discover our curated selection of minimalist and sophisticated apparel, perfect for building a versatile and elegant wardrobe."
+          />
+        </div>
+
+        <div id="clean-style-products" data-section="clean-style-products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              {
+                id: "cs-1",                brand: "StyleHaven",                name: "Minimalist White Blouse",                price: "$65.00",                rating: 5,
+                reviewCount: "75 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/woman-white-blouse-stands-street_23-2148767930.jpg",                imageAlt: "Minimalist white blouse"},
+              {
+                id: "cs-2",                brand: "StyleHaven",                name: "Straight Leg Trousers",                price: "$95.00",                rating: 4,
+                reviewCount: "60 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-posing-park_23-2148560378.jpg",                imageAlt: "Straight leg trousers"},
+              {
+                id: "cs-3",                brand: "StyleHaven",                name: "Classic Beige Trench Coat",                price: "$180.00",                rating: 5,
+                reviewCount: "45 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26105.jpg?_wi=3",                imageAlt: "Classic beige trench coat"},
+              {
+                id: "cs-4",                brand: "StyleHaven",                name: "Sleek Black Midi Skirt",                price: "$70.00",                rating: 5,
+                reviewCount: "50 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-stylish-girl-street_171337-4345.jpg",                imageAlt: "Sleek black midi skirt"},
+            ]}
+            title="Curated for Timeless Elegance"
+            description="Explore our latest arrivals in clean style fashion."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="StyleHaven"
+            copyrightText="© 2024 StyleHaven. All rights reserved."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+              {
+                icon: Linkedin,
+                href: "#",                ariaLabel: "LinkedIn"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/kids-clothes/page.tsx

@@ -0,0 +1,111 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function KidsClothesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="mediumSizeLargeTitles"
+        background="aurora"
+        cardStyle="inset"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "Clean Style",                id: "/clean-style"},
+              {
+                name: "Kids Clothes",                id: "/kids-clothes"},
+              {
+                name: "About",                id: "#about"},
+              {
+                name: "Features",                id: "#features"},
+              {
+                name: "Testimonials",                id: "#testimonials"},
+              {
+                name: "FAQ",                id: "#faq"},
+              {
+                name: "Contact",                id: "#contact"},
+            ]}
+            logoSrc="http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148823303.jpg"
+            brandName="StyleHaven"
+            button={{
+              text: "Shop Now",              href: "/clean-style"}}
+          />
+        </div>
+
+        <div id="kids-clothes-description" data-section="kids-clothes-description">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Kids Clothes Collection"
+            description="Explore our fun, durable, and comfortable clothing for kids of all ages. Designed for play, made for longevity."
+          />
+        </div>
+
+        <div id="kids-clothes-products" data-section="kids-clothes-products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              {
+                id: "kc-1",                brand: "StyleHaven Kids",                name: "Dinosaur Print T-Shirt",                price: "$25.00",                rating: 5,
+                reviewCount: "150 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-little-boy-posing-studio_23-2148866299.jpg",                imageAlt: "Dinosaur print t-shirt"},
+              {
+                id: "kc-2",                brand: "StyleHaven Kids",                name: "Rainbow Stripe Dress",                price: "$35.00",                rating: 4,
+                reviewCount: "120 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-holding-balloon_23-2148866297.jpg",                imageAlt: "Rainbow stripe dress"},
+              {
+                id: "kc-3",                brand: "StyleHaven Kids",                name: "Adventure Cargo Shorts",                price: "$30.00",                rating: 5,
+                reviewCount: "90 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/cute-little-boy-posing-studio_23-2148866298.jpg",                imageAlt: "Adventure cargo shorts"},
+              {
+                id: "kc-4",                brand: "StyleHaven Kids",                name: "Unicorn Sparkle Leggings",                price: "$28.00",                rating: 5,
+                reviewCount: "110 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/back-view-little-girl-unicorn-dress_23-2148866300.jpg",                imageAlt: "Unicorn sparkle leggings"},
+            ]}
+            title="Playful & Durable Styles for Kids"
+            description="Find the perfect outfits for every adventure."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="StyleHaven"
+            copyrightText="© 2024 StyleHaven. All rights reserved."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+              {
+                icon: Linkedin,
+                href: "#",                ariaLabel: "LinkedIn"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/old-money/page.tsx

@@ -0,0 +1,86 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function OldMoneyPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Street Style", id: "/street-style" },
+    { name: "Old Money", id: "/old-money" },
+    { name: "About", id: "#about" },
+    { name: "Features", id: "#features" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumSizeLargeTitles"
+      background="aurora"
+      cardStyle="inset"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={navItems}
+            logoSrc="http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148823303.jpg"
+            brandName="StyleHaven"
+            button={{
+              text: "Shop Now",              href: "/street-style"}}
+          />
+        </div>
+
+        <div id="old-money-products" data-section="old-money-products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Timeless Sophistication: Our Old Money Collection"
+            description="Embrace classic elegance and refined taste. Our Old Money collection features luxurious fabrics, impeccable tailoring, and understated designs for a truly distinguished look."
+            products={[
+              {
+                id: "om-1",                brand: "StyleHaven",                name: "Cashmere Turtleneck Sweater",                price: "$180.00",                rating: 5,
+                reviewCount: "45 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20628.jpg?_wi=2",                imageAlt: "Man in cashmere turtleneck"},
+              {
+                id: "om-2",                brand: "StyleHaven",                name: "Silk Scarf with Crest",                price: "$60.00",                rating: 5,
+                reviewCount: "30 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-maxi-dress_120-00.jpg",                imageAlt: "Silk scarf"},
+              {
+                id: "om-3",                brand: "StyleHaven",                name: "Tailored Wool Trousers",                price: "$130.00",                rating: 4,
+                reviewCount: "55 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19605.jpg?_wi=2",                imageAlt: "Man in tailored wool trousers"},
+              {
+                id: "om-4",                brand: "StyleHaven",                name: "Classic Tweed Blazer",                price: "$220.00",                rating: 5,
+                reviewCount: "40 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26105.jpg?_wi=2",                imageAlt: "Woman in classic tweed blazer"},
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="StyleHaven"
+            copyrightText="© 2024 StyleHaven. All rights reserved."
+            socialLinks={[
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+              { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -33,40 +33,26 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Products",
+          name: "Clean Style",          id: "/clean-style"},
-          id: "#products",
-        },
         {
-          name: "About",
+          name: "Kids Clothes",          id: "/kids-clothes"},
-          id: "#about",
-        },
         {
-          name: "Features",
+          name: "About",          id: "#about"},
-          id: "#features",
-        },
         {
-          name: "Testimonials",
+          name: "Features",          id: "#features"},
-          id: "#testimonials",
-        },
         {
-          name: "FAQ",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#faq",
-        },
         {
-          name: "Contact",
+          name: "FAQ",          id: "#faq"},
-          id: "#contact",
+        {
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148823303.jpg"
       brandName="StyleHaven"
       button={{
-        text: "Shop Now",
+        text: "Shop Now",        href: "/clean-style"}}
-        href: "#products",
-      }}
     />
   </div>
 
@@ -76,39 +62,23 @@ export default function LandingPage() {
       description="Redefining Fashion with Timeless Elegance and Modern Flair. Discover your signature style with our curated collections."
       buttons={[
         {
-          text: "Shop New Arrivals",
+          text: "Shop New Arrivals",          href: "/clean-style"},
-          href: "#products",
-        },
         {
-          text: "Explore Collection",
+          text: "Explore Collection",          href: "/clean-style"},
-          href: "#products",
-        },
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-online-park_1303-28769.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-online-park_1303-28769.jpg",          imageAlt: "Woman in stylish spring outfit"},
-          imageAlt: "Woman in stylish spring outfit",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4728.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4728.jpg?_wi=1",          imageAlt: "Man in sophisticated casual wear"},
-          imageAlt: "Man in sophisticated casual wear",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-group-friends-2000s-fashion-style-posing-with-camera_23-2149442851.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-group-friends-2000s-fashion-style-posing-with-camera_23-2149442851.jpg?_wi=1",          imageAlt: "Diverse group of friends in stylish clothes"},
-          imageAlt: "Diverse group of friends in stylish clothes",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186751.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186751.jpg",          imageAlt: "Close up of luxury fabric texture"},
-          imageAlt: "Close up of luxury fabric texture",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-office-celebrate-special-event_1153-4978.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-office-celebrate-special-event_1153-4978.jpg",          imageAlt: "Fashion runway show with models"},
-          imageAlt: "Fashion runway show with models",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg",          imageAlt: "Interior of a clean clothing boutique"},
-          imageAlt: "Interior of a clean clothing boutique",
-        },
       ]}
       autoplayDelay={4000}
       showDimOverlay={true}
@@ -120,24 +90,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Our Story: Crafting "},
-          content: "Our Story: Crafting ",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/concentrated-thinking-woman-fashion-illustrator_171337-14246.jpg",          alt: "Tailor working on a garment"},
-          src: "http://img.b2bpic.net/free-photo/concentrated-thinking-woman-fashion-illustrator_171337-14246.jpg",
-          alt: "Tailor working on a garment",
-        },
         {
-          type: "text",
+          type: "text",          content: " Elegance"},
-          content: " Elegance",
-        },
       ]}
       buttons={[
         {
-          text: "Discover Our Journey",
+          text: "Discover Our Journey",          href: "#"},
-          href: "#",
-        },
       ]}
       buttonAnimation="slide-up"
     />
@@ -150,32 +111,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "quality",
+          id: "quality",          title: "Premium Quality Fabrics",          descriptions: [
-          title: "Premium Quality Fabrics",
+            "We source only the finest materials, ensuring durability and a luxurious feel. Each garment is crafted to stand the test of time, maintaining its elegance wear after wear."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/crinkled-striped-paper-texture_23-2147786570.jpg",          imageAlt: "Sustainable cotton fabric texture"},
-            "We source only the finest materials, ensuring durability and a luxurious feel. Each garment is crafted to stand the test of time, maintaining its elegance wear after wear.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/crinkled-striped-paper-texture_23-2147786570.jpg",
-          imageAlt: "Sustainable cotton fabric texture",
-        },
         {
-          id: "comfort",
+          id: "comfort",          title: "Unmatched Comfort & Fit",          descriptions: [
-          title: "Unmatched Comfort & Fit",
+            "Designed with your comfort in mind, our clothing offers a perfect fit that moves with you. Experience effortless style without compromising on ease."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-horns-hairstyle-dressed-summer-hipster-jacket-jeans-clothes-sexy-carefree-girl-posing-street-trendy-funny-positive-woman-having-fun-sunglasses_158538-6645.jpg",          imageAlt: "Person wearing comfortable stylish t-shirt"},
-            "Designed with your comfort in mind, our clothing offers a perfect fit that moves with you. Experience effortless style without compromising on ease.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-horns-hairstyle-dressed-summer-hipster-jacket-jeans-clothes-sexy-carefree-girl-posing-street-trendy-funny-positive-woman-having-fun-sunglasses_158538-6645.jpg",
-          imageAlt: "Person wearing comfortable stylish t-shirt",
-        },
         {
-          id: "design",
+          id: "design",          title: "Timeless & Modern Design",          descriptions: [
-          title: "Timeless & Modern Design",
+            "Our collections blend classic aesthetics with contemporary trends, creating versatile pieces that enhance any wardrobe. Elevate your style with designs that transcend seasons."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535704.jpg",          imageAlt: "Fashion magazine cover with modern design"},
-            "Our collections blend classic aesthetics with contemporary trends, creating versatile pieces that enhance any wardrobe. Elevate your style with designs that transcend seasons.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535704.jpg",
-          imageAlt: "Fashion magazine cover with modern design",
-        },
       ]}
       title="Experience the StyleHaven Difference"
       description="Where quality, comfort, and ethical production meet contemporary design."
@@ -190,65 +136,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p-1",
+          id: "p-1",          brand: "StyleHaven",          name: "Classic White Linen Shirt",          price: "$89.00",          rating: 5,
-          brand: "StyleHaven",
+          reviewCount: "120 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20628.jpg?_wi=1",          imageAlt: "Classic white button-up linen shirt"},
-          name: "Classic White Linen Shirt",
-          price: "$89.00",
-          rating: 5,
-          reviewCount: "120 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20628.jpg",
-          imageAlt: "Classic white button-up linen shirt",
-        },
         {
-          id: "p-2",
+          id: "p-2",          brand: "StyleHaven",          name: "Elegant Black Maxi Dress",          price: "$120.00",          rating: 5,
-          brand: "StyleHaven",
+          reviewCount: "95 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19605.jpg?_wi=1",          imageAlt: "Elegant black maxi dress"},
-          name: "Elegant Black Maxi Dress",
-          price: "$120.00",
-          rating: 5,
-          reviewCount: "95 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19605.jpg",
-          imageAlt: "Elegant black maxi dress",
-        },
         {
-          id: "p-3",
+          id: "p-3",          brand: "StyleHaven",          name: "Comfort Fit Denim Jeans",          price: "$75.00",          rating: 4,
-          brand: "StyleHaven",
+          reviewCount: "150 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105188.jpg?_wi=1",          imageAlt: "Comfort fit denim jeans"},
-          name: "Comfort Fit Denim Jeans",
-          price: "$75.00",
-          rating: 4,
-          reviewCount: "150 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105188.jpg",
-          imageAlt: "Comfort fit denim jeans",
-        },
         {
-          id: "p-4",
+          id: "p-4",          brand: "StyleHaven",          name: "Cozy Merino Wool Sweater",          price: "$110.00",          rating: 5,
-          brand: "StyleHaven",
+          reviewCount: "80 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923343.jpg?_wi=1",          imageAlt: "Cozy merino wool sweater"},
-          name: "Cozy Merino Wool Sweater",
-          price: "$110.00",
-          rating: 5,
-          reviewCount: "80 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923343.jpg",
-          imageAlt: "Cozy merino wool sweater",
-        },
         {
-          id: "p-5",
+          id: "p-5",          brand: "StyleHaven",          name: "Tailored Navy Blazer",          price: "$199.00",          rating: 5,
-          brand: "StyleHaven",
+          reviewCount: "60 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26105.jpg?_wi=1",          imageAlt: "Tailored navy blazer"},
-          name: "Tailored Navy Blazer",
-          price: "$199.00",
-          rating: 5,
-          reviewCount: "60 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26105.jpg",
-          imageAlt: "Tailored navy blazer",
-        },
         {
-          id: "p-6",
+          id: "p-6",          brand: "StyleHaven",          name: "Sophisticated Tan Trench Coat",          price: "$250.00",          rating: 5,
-          brand: "StyleHaven",
+          reviewCount: "70 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-beautiful-woman-wearing-windcheater_107420-12281.jpg",          imageAlt: "Sophisticated tan trench coat"},
-          name: "Sophisticated Tan Trench Coat",
-          price: "$250.00",
-          rating: 5,
-          reviewCount: "70 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-beautiful-woman-wearing-windcheater_107420-12281.jpg",
-          imageAlt: "Sophisticated tan trench coat",
-        },
       ]}
       title="Our Latest Collection"
       description="Discover essential pieces designed for your everyday elegance, perfect for any occasion."
@@ -260,14 +164,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Vogue Collective",
+        "Vogue Collective",        "Fashion Insider",        "Style Edit",        "Trend Setters",        "Glamour Hub",        "Chic Magazine",        "Urban Threads"]}
-        "Fashion Insider",
-        "Style Edit",
-        "Trend Setters",
-        "Glamour Hub",
-        "Chic Magazine",
-        "Urban Threads",
-      ]}
       title="Trusted by Fashion Influencers"
       description="Partnering with leading voices in style and design to bring you the best."
     />
@@ -279,53 +176,18 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t-1",
+          id: "t-1",          title: "The best charter experience!",          quote: "OceanNav Marine made our sailing trip unforgettable. The yacht was pristine, and the crew was incredibly knowledgeable and friendly. Highly recommend for any maritime adventure!",          name: "Capt. John D.",          role: "Boat Owner",          imageSrc: "http://img.b2bpic.net/free-photo/fishing-boat-ocean_1303-24101.jpg?_wi=1",          imageAlt: "Fishing boat on the ocean"},
-          title: "Absolutely stunning!",
-          quote: "The quality of StyleHaven's garments is exceptional. I always feel confident and stylish. Their attention to detail is truly unmatched.",
-          name: "Sarah J.",
-          role: "Fashion Enthusiast",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-white_1187-4020.jpg",
-          imageAlt: "Sarah J.",
-        },
         {
-          id: "t-2",
+          id: "t-2",          title: "Flawless yacht maintenance.",          quote: "Their attention to detail in yacht maintenance is unparalleled. My vessel runs smoother than ever, and their service team is always responsive and efficient.",          name: "Elara M.",          role: "Yacht Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/clean-deck-yacht-interior_1303-28769.jpg?_wi=1",          imageAlt: "Clean deck of a yacht"},
-          title: "My go-to for essentials.",
-          quote: "StyleHaven has completely transformed my wardrobe. Their pieces are timeless, comfortable, and always on-trend. I highly recommend them!",
-          name: "Michael Chen",
-          role: "Professional Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",
-          imageAlt: "Michael Chen",
-        },
         {
-          id: "t-3",
+          id: "t-3",          title: "Expert advice on marine electronics.",          quote: "I received fantastic guidance on upgrading my boat's navigation system. The team's expertise and product knowledge were truly impressive!",          name: "Sarah P.",          role: "Sailor",          imageSrc: "http://img.b2bpic.net/free-photo/marine-electronics-compass_1303-26105.jpg?_wi=1",          imageAlt: "Marine electronics and compass"},
-          title: "Exceptional customer service!",
-          quote: "Not only is the clothing fantastic, but the customer service team is also incredibly helpful and responsive. A truly delightful shopping experience.",
-          name: "Emily R.",
-          role: "Blogger & Influencer",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-happy-short-haired-girl-with-perfect-white-teeth-having-fun-windy-hairs-autumn-mood_273443-1541.jpg",
-          imageAlt: "Emily R.",
-        },
         {
-          id: "t-4",
+          id: "t-4",          title: "High-quality marine supplies.",          quote: "OceanNav Marine is my go-to for all marine supplies. The quality is consistently excellent, and their range of products is comprehensive.",          name: "Mark T.",          role: "Marine Engineer",          imageSrc: "http://img.b2bpic.net/free-photo/marine-engine-parts_23-2149186751.jpg?_wi=1",          imageAlt: "Marine engine parts and ropes"},
-          title: "Invest in quality, choose StyleHaven.",
-          quote: "I've been a loyal customer for years. The clothes last, they fit perfectly, and I always get compliments. Worth every penny!",
-          name: "David Kim",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg",
-          imageAlt: "David Kim",
-        },
         {
-          id: "t-5",
+          id: "t-5",          title: "Reliable and friendly service.",          quote: "The team at OceanNav Marine is not only reliable but also incredibly friendly. They made every interaction a pleasure, from booking to service completion.",          name: "Jessica R.",          role: "Coastal Resident",          imageSrc: "http://img.b2bpic.net/free-photo/serene-coastline-happy-customer_1303-28769.jpg?_wi=1",          imageAlt: "Serene coastline with a happy customer"}
-          title: "Comfort meets style flawlessly.",
-          quote: "Finally found a brand that understands comfort doesn't have to sacrifice style. From work to weekend, StyleHaven has me covered.",
-          name: "Jessica L.",
-          role: "Lifestyle Editor",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-artist-painting-easel-studio-art-concept-woman-draws_169016-65885.jpg",
-          imageAlt: "Jessica L.",
-        },
       ]}
-      title="What Our Customers Say"
+      title="What Our Clients Say About Their Maritime Adventures"
-      description="Hear from our satisfied community about their StyleHaven experience and why they love our collections."
+      description="Hear from our satisfied customers about their unforgettable experiences with our marine services and products."
     />
   </div>
 
@@ -335,27 +197,18 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q-1",
+          id: "q-1",          title: "What types of boats do you service?",          content: "We service a wide range of vessels, including yachts, sailboats, fishing boats, and commercial crafts. Our certified technicians handle everything from routine maintenance to complex repairs."},
-          title: "What is your return policy?",
-          content: "We offer free returns within 30 days of purchase for unworn items with original tags. Please visit our returns page for detailed instructions.",
-        },
         {
-          id: "q-2",
+          id: "q-2",          title: "Do you offer emergency marine assistance?",          content: "Yes, we provide 24/7 emergency support for our registered clients. Contact us immediately for assistance with breakdowns, towing, or salvage operations."},
-          title: "How do I find my size?",
-          content: "Our comprehensive size guide is available on each product page. We recommend comparing your measurements to ensure the perfect fit.",
-        },
         {
-          id: "q-3",
+          id: "q-3",          title: "How can I book a charter?",          content: "You can browse our available charters online, select your preferred dates and vessel, and complete the booking through our secure platform. Our team will then contact you to finalize details."}
-          title: "Do you offer international shipping?",
-          content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more information on our shipping policy page.",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4222.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/ship-steering-wheel-with-sea-horizon-background_1303-24101.jpg?_wi=1"
-      imageAlt="Customer service representative smiling"
+      imageAlt="Ship steering wheel with sea horizon background"
       mediaAnimation="slide-up"
       mediaPosition="right"
-      title="Frequently Asked Questions"
+      title="Frequently Asked Questions About Our Marine Services"
-      description="Find quick answers to common questions about our products, sizing, shipping, and returns policy."
+      description="Find quick answers to common questions about our marine products, services, bookings, and policies."
       faqsAnimation="slide-up"
     />
   </div>
@@ -364,46 +217,37 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
+      tag="Reach Out to Us"
-      tag="Get in Touch"
+      title="Your Trusted Partner in Marine Services"
-      title="We'd Love to Hear From You"
+      description="Connect with our expert team for inquiries about boat maintenance, yacht charters, marine supplies, or any other maritime needs. We're here to help you navigate the waters!"
-      description="Reach out to our dedicated customer service team for any inquiries, feedback, or style advice. We're here to help!"
       mediaAnimation="opacity"
       mediaPosition="right"
-      inputPlaceholder="Your Email Address"
+      inputPlaceholder="Your Email for Marine Inquiries"
-      buttonText="Send Message"
+      buttonText="Send Inquiry"
-      termsText="By clicking Send Message, you agree to our Privacy Policy."
+      termsText="By clicking Send Inquiry, you agree to our Maritime Service Agreement."
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-upset-woman-talking-mobile-phone_171337-3173.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/sailor-with-map-phone_23-2148723226.jpg?_wi=1"
-      imageAlt="Fashion customer service representative on phone"
+      imageAlt="Sailor looking at a map on a phone"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterCard
-      logoText="StyleHaven"
+      logoText="OceanNav Marine"
-      copyrightText="© 2024 StyleHaven. All rights reserved."
+      copyrightText="© 2024 OceanNav Marine. All rights reserved."
       socialLinks={[
         {
           icon: Facebook,
-          href: "#",
+          href: "#",          ariaLabel: "Facebook"},
-          ariaLabel: "Facebook",
-        },
         {
           icon: Instagram,
-          href: "#",
+          href: "#",          ariaLabel: "Instagram"},
-          ariaLabel: "Instagram",
-        },
         {
           icon: Twitter,
-          href: "#",
+          href: "#",          ariaLabel: "Twitter"},
-          ariaLabel: "Twitter",
-        },
         {
           icon: Linkedin,
-          href: "#",
+          href: "#",          ariaLabel: "LinkedIn"},
-          ariaLabel: "LinkedIn",
-        },
       ]}
     />
   </div>

src/app/street-style/page.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function StreetStylePage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Street Style", id: "/street-style" },    { name: "Old Money", id: "/old-money" },
+    { name: "About", id: "#about" },
+    { name: "Features", id: "#features" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumSizeLargeTitles"
+      background="aurora"
+      cardStyle="inset"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={navItems}
+            logoSrc="http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148823303.jpg"
+            brandName="StyleHaven"
+            button={{
+              text: "Shop Now",              href: "/street-style"}}
+          />
+        </div>
+
+        <div id="street-style-products" data-section="street-style-products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Urban Edge: Our Street Style Collection"
+            description="Dive into the world of contemporary street fashion. Discover bold designs, comfortable fits, and statement pieces that define modern urban style."
+            products={[
+              {
+                id: "ss-1",                brand: "StyleHaven",                name: "Oversized Graphic Tee",                price: "$45.00",                rating: 4,
+                reviewCount: "75 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105188.jpg?_wi=2",                imageAlt: "Woman in oversized graphic tee"},
+              {
+                id: "ss-2",                brand: "StyleHaven",                name: "Distressed Denim Jacket",                price: "$95.00",                rating: 5,
+                reviewCount: "60 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923343.jpg?_wi=2",                imageAlt: "Person in distressed denim jacket"},
+              {
+                id: "ss-3",                brand: "StyleHaven",                name: "Cargo Jogger Pants",                price: "$70.00",                rating: 4,
+                reviewCount: "88 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4728.jpg?_wi=2",                imageAlt: "Man in cargo jogger pants"},
+              {
+                id: "ss-4",                brand: "StyleHaven",                name: "Chunky Sneakers",                price: "$110.00",                rating: 5,
+                reviewCount: "50 reviews",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-group-friends-2000s-fashion-style-posing-with-camera_23-2149442851.jpg?_wi=2",                imageAlt: "Model wearing chunky sneakers"},
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="StyleHaven"
+            copyrightText="© 2024 StyleHaven. All rights reserved."
+            socialLinks={[
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+              { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}