Merge version_6 into main

Merge version_6 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",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Products",
-          id: "#products",
-        },
+          name: "Clean Style",          id: "/clean-style"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "Kids Clothes",          id: "/kids-clothes"},
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          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: "#products",
-      }}
+        text: "Shop Now",        href: "/clean-style"}}
     />
   </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",
-          href: "#products",
-        },
+          text: "Shop New Arrivals",          href: "/clean-style"},
         {
-          text: "Explore Collection",
-          href: "#products",
-        },
+          text: "Explore Collection",          href: "/clean-style"},
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-online-park_1303-28769.jpg",
-          imageAlt: "Woman in stylish spring outfit",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-online-park_1303-28769.jpg",          imageAlt: "Woman in stylish spring outfit"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4728.jpg",
-          imageAlt: "Man in sophisticated casual wear",
-        },
+          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"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-group-friends-2000s-fashion-style-posing-with-camera_23-2149442851.jpg",
-          imageAlt: "Diverse group of friends in stylish clothes",
-        },
+          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"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186751.jpg",
-          imageAlt: "Close up of luxury fabric texture",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186751.jpg",          imageAlt: "Close up of luxury fabric texture"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-office-celebrate-special-event_1153-4978.jpg",
-          imageAlt: "Fashion runway show with models",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-office-celebrate-special-event_1153-4978.jpg",          imageAlt: "Fashion runway show with models"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg",
-          imageAlt: "Interior of a clean clothing boutique",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg",          imageAlt: "Interior of a clean clothing boutique"},
       ]}
       autoplayDelay={4000}
       showDimOverlay={true}
@@ -120,24 +90,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "Our Story: Crafting ",
-        },
+          type: "text",          content: "Our Story: Crafting "},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/concentrated-thinking-woman-fashion-illustrator_171337-14246.jpg",
-          alt: "Tailor working on a garment",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/concentrated-thinking-woman-fashion-illustrator_171337-14246.jpg",          alt: "Tailor working on a garment"},
         {
-          type: "text",
-          content: " Elegance",
-        },
+          type: "text",          content: " Elegance"},
       ]}
       buttons={[
         {
-          text: "Discover Our Journey",
-          href: "#",
-        },
+          text: "Discover Our Journey",          href: "#"},
       ]}
       buttonAnimation="slide-up"
     />
@@ -150,32 +111,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "quality",
-          title: "Premium Quality Fabrics",
-          descriptions: [
-            "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: "quality",          title: "Premium Quality Fabrics",          descriptions: [
+            "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",
-          title: "Unmatched Comfort & Fit",
-          descriptions: [
-            "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: "comfort",          title: "Unmatched Comfort & Fit",          descriptions: [
+            "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",
-          title: "Timeless & Modern Design",
-          descriptions: [
-            "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",
-        },
+          id: "design",          title: "Timeless & Modern Design",          descriptions: [
+            "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",
-          brand: "StyleHaven",
-          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-1",          brand: "StyleHaven",          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?_wi=1",          imageAlt: "Classic white button-up linen shirt"},
         {
-          id: "p-2",
-          brand: "StyleHaven",
-          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-2",          brand: "StyleHaven",          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?_wi=1",          imageAlt: "Elegant black maxi dress"},
         {
-          id: "p-3",
-          brand: "StyleHaven",
-          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-3",          brand: "StyleHaven",          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?_wi=1",          imageAlt: "Comfort fit denim jeans"},
         {
-          id: "p-4",
-          brand: "StyleHaven",
-          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-4",          brand: "StyleHaven",          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?_wi=1",          imageAlt: "Cozy merino wool sweater"},
         {
-          id: "p-5",
-          brand: "StyleHaven",
-          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-5",          brand: "StyleHaven",          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?_wi=1",          imageAlt: "Tailored navy blazer"},
         {
-          id: "p-6",
-          brand: "StyleHaven",
-          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",
-        },
+          id: "p-6",          brand: "StyleHaven",          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",
-        "Fashion Insider",
-        "Style Edit",
-        "Trend Setters",
-        "Glamour Hub",
-        "Chic Magazine",
-        "Urban Threads",
-      ]}
+        "Vogue Collective",        "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,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t-1",
-          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-1",          title: "An Unforgettable Stay!",          quote: "The Grand Haven Hotel exceeded all expectations. From the opulent lobby to the exquisite dining, every detail was perfect. The staff anticipated our every need.",          name: "Eleanor V.",          role: "Frequent Traveler",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-room-with-balcony-view_23-2149721345.jpg",          imageAlt: "Luxury hotel room with a balcony view"
         },
         {
-          id: "t-2",
-          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-2",          title: "Pure Relaxation at the Spa",          quote: "The spa experience was divine. I felt completely rejuvenated after my massage and spending time in their tranquil facilities. A true sanctuary!",          name: "Marcus L.",          role: "Wellness Advocate",          imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-relaxing-spa_23-2150508535.jpg",          imageAlt: "Hotel guest relaxing at the spa"
         },
         {
-          id: "t-3",
-          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-3",          title: "Family Vacation Dream",          quote: "Our family had an amazing time at The Grand Haven. The kids loved the pool, and we appreciated the thoughtful amenities. It's truly a home away from home.",          name: "Sophia P.",          role: "Family Vacationer",          imageSrc: "http://img.b2bpic.net/free-photo/family-enjoying-hotel-pool_23-2149596000.jpg",          imageAlt: "Family enjoying the hotel pool"
         },
         {
-          id: "t-4",
-          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-4",          title: "Exceptional Service and Comfort",          quote: "The level of service at this hotel is simply outstanding. The rooms are incredibly comfortable, and the concierge was invaluable in planning our local excursions.",          name: "David K.",          role: "Business Executive",          imageSrc: "http://img.b2bpic.net/free-photo/business-traveler-in-luxury-hotel-lounge_23-2150117766.jpg?_wi=1",          imageAlt: "Business traveler in a luxury hotel lounge"
         },
         {
-          id: "t-5",
-          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.",
-        },
+          id: "t-5",          title: "A Culinary Delight!",          quote: "Dining at the hotel's restaurant was a highlight. The food was exquisite, and the ambiance was perfect for a romantic evening. We can't wait to return!",          name: "Chloe S.",          role: "Gourmet Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/fine-dining-experience-luxury-hotel_23-2149704230.jpg?_wi=1",          imageAlt: "Fine dining experience in a luxury hotel restaurant"
+        }
       ]}
-      title="What Our Customers Say"
-      description="Hear from our satisfied community about their StyleHaven experience and why they love our collections."
+      title="Guest Experiences: Stories from The Grand Haven Hotel"
+      description="Discover why our guests consistently rate their stays as exceptional, highlighting our luxurious amenities, exquisite service, and unforgettable moments."
     />
   </div>
 
@@ -335,27 +202,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q-1",
-          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-1",          title: "What are the check-in and check-out times?",          content: "Check-in is at 3:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability, for an additional fee."
         },
         {
-          id: "q-2",
-          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-2",          title: "Do you offer airport transportation?",          content: "Yes, we offer luxury airport transfer services. Please contact our concierge team at least 24 hours in advance to arrange your pick-up or drop-off."
         },
         {
-          id: "q-3",
-          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.",
+          id: "q-3",          title: "Is breakfast included with the room rate?",          content: "Our breakfast policy varies by room rate and package. Please check your reservation details or contact our front desk for specific information regarding your booking."
         },
+        {
+          id: "q-4",          title: "Do you have a fitness center or spa?",          content: "Absolutely! Our state-of-the-art fitness center is open 24/7, and our luxurious spa offers a range of treatments and services. Reservations are recommended for spa services."
+        },
+        {
+          id: "q-5",          title: "Are pets allowed at the hotel?",          content: "The Grand Haven is a pet-friendly hotel. We welcome well-behaved pets under a certain weight limit. Additional fees and restrictions may apply. Please inquire with our reservations team."
+        }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4222.jpg"
-      imageAlt="Customer service representative smiling"
+      imageSrc="http://img.b2bpic.net/free-photo/hotel-concierge-assisting-guest_23-2149596000.jpg"
+      imageAlt="Hotel concierge assisting a guest in a luxurious lobby"
       mediaAnimation="slide-up"
       mediaPosition="right"
-      title="Frequently Asked Questions"
-      description="Find quick answers to common questions about our products, sizing, shipping, and returns policy."
+      title="Your Questions Answered: The Grand Haven Hotel"
+      description="Find comprehensive answers to frequently asked questions about your stay, amenities, services, and policies at our luxurious hotel."
       faqsAnimation="slide-up"
     />
   </div>
@@ -364,46 +231,41 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
-      tag="Get in Touch"
-      title="We'd Love to Hear From You"
-      description="Reach out to our dedicated customer service team for any inquiries, feedback, or style advice. We're here to help!"
-      mediaAnimation="opacity"
+        variant: "plain"}}
+      tag="Connect With Us"
+      title="Experience Unmatched Hospitality"
+      description="Our dedicated team is ready to assist you with reservations, special requests, event planning, or any inquiries about your stay at The Grand Haven Hotel. We look forward to hearing from you."
+      mediaAnimation="slide-up"
       mediaPosition="right"
-      inputPlaceholder="Your Email Address"
+      inputPlaceholder="Your Email for Reservations or Inquiries"
       buttonText="Send Message"
-      termsText="By clicking Send Message, you agree to our Privacy Policy."
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-upset-woman-talking-mobile-phone_171337-3173.jpg"
-      imageAlt="Fashion customer service representative on phone"
+      termsText="By sending a message, you agree to our privacy policy and terms of service."
+      imageSrc="http://img.b2bpic.net/free-photo/luxury-hotel-reception-desk_23-2149721345.jpg?_wi=1"
+      imageAlt="Luxury hotel reception desk with a smiling staff member"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterCard
-      logoText="StyleHaven"
-      copyrightText="© 2024 StyleHaven. All rights reserved."
+      logoText="The Grand Haven Hotel"
+      copyrightText="© 2024 The Grand Haven Hotel. All rights reserved."
       socialLinks={[
         {
           icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
+          href: "#",          ariaLabel: "Facebook"
         },
         {
           icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
+          href: "#",          ariaLabel: "Instagram"
         },
         {
           icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
+          href: "#",          ariaLabel: "Twitter"
         },
         {
           icon: Linkedin,
-          href: "#",
-          ariaLabel: "LinkedIn",
-        },
+          href: "#",          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>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #106EFB;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #106EFB;
+  --background: #f7f6f7;
+  --card: #ffffff;
+  --foreground: #25190c;
+  --primary-cta: #ff6207;
+  --primary-cta-text: #f7f6f7;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #25190c;
+  --accent: #ffce93;
+  --background-accent: #e8cfa8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);