From 3477a493e7fab113fef5b19b77696b13a28933f0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 7 Mar 2026 20:24:12 +0000
Subject: [PATCH] Update src/app/new-collection/page.tsx

---
 src/app/new-collection/page.tsx | 218 +++++++++++++++++++-------------
 1 file changed, 128 insertions(+), 90 deletions(-)

diff --git a/src/app/new-collection/page.tsx b/src/app/new-collection/page.tsx
index 59f51c2..85c246b 100644
--- a/src/app/new-collection/page.tsx
+++ b/src/app/new-collection/page.tsx
@@ -1,12 +1,15 @@
 "use client";
 
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import ProductCardOne as FeaturedProducts from '@/components/sections/product/ProductCardOne';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Camera, ShoppingBag, Shirt, Sparkles, Award } from 'lucide-react';
+import { Camera, ShoppingBag, Shirt, Sparkles, Award, Heart } from 'lucide-react';
 
 export default function NewCollectionPage() {
   const navigationItems = [
@@ -16,36 +19,6 @@ export default function NewCollectionPage() {
     { name: "Campaign", id: "campaign" }
   ];
 
-  const footerColumns = [
-    {
-      title: "Shop",
-      items: [
-        { label: "Women", href: "women" },
-        { label: "Men", href: "men" },
-        { label: "New Collection", href: "new-collection" },
-        { label: "Sale", href: "#" }
-      ]
-    },
-    {
-      title: "Discover",
-      items: [
-        { label: "Campaign", href: "campaign" },
-        { label: "About Us", href: "#" },
-        { label: "Journal", href: "#" },
-        { label: "Contact", href: "notification" }
-      ]
-    },
-    {
-      title: "Legal",
-      items: [
-        { label: "Privacy Policy", href: "#" },
-        { label: "Terms of Service", href: "#" },
-        { label: "Shipping Info", href: "#" },
-        { label: "Returns", href: "#" }
-      ]
-    }
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -64,13 +37,29 @@ export default function NewCollectionPage() {
           brandName="POLIGHT"
           navItems={navigationItems}
           button={{
-            text: "Store Notification",
-            href: "notification"
+            text: "Store Notification",            href: "notification"
           }}
           animateOnLoad={true}
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroLogoBillboard
+          logoText="POLIGHT"
+          description="Discover our curated collection of contemporary fashion. Where minimalist design meets editorial excellence."
+          buttons={[
+            { text: "Explore Women", href: "women" },
+            { text: "Explore Men", href: "men" }
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "plain" }}
+          imageSrc="http://img.b2bpic.net/free-photo/full-length-view-elegant-woman-trench-coat_197531-19709.jpg"
+          imageAlt="POLIGHT fashion hero banner featuring minimalist aesthetic"
+          mediaAnimation="opacity"
+          frameStyle="card"
+        />
+      </div>
+
       <div id="new-collection" data-section="new-collection">
         <ProductCardOne
           title="New Collection"
@@ -80,28 +69,75 @@ export default function NewCollectionPage() {
           tagAnimation="slide-up"
           products={[
             {
-              id: "nc-1",
-              name: "Minimalist Oversized Shirt",
-              price: "Available",
-              imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-brown-polkadot-dress-preens-before-date-looking-mirror-her-bright-room_197531-25601.jpg?_wi=2",
-              imageAlt: "Minimalist oversized shirt in neutral tone"
+              id: "nc-1",              name: "Minimalist Oversized Shirt",              price: "Available",              imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-brown-polkadot-dress-preens-before-date-looking-mirror-her-bright-room_197531-25601.jpg",              imageAlt: "Minimalist oversized shirt in neutral tone"
             },
             {
-              id: "nc-2",
-              name: "Premium Tailored Trousers",
-              price: "Available",
-              imageSrc: "http://img.b2bpic.net/free-vector/fashion-flyer-template-with-photo_23-2148196250.jpg?_wi=2",
-              imageAlt: "Premium tailored trousers in elegant cut"
+              id: "nc-2",              name: "Premium Tailored Trousers",              price: "Available",              imageSrc: "http://img.b2bpic.net/free-vector/fashion-flyer-template-with-photo_23-2148196250.jpg",              imageAlt: "Premium tailored trousers in elegant cut"
             }
           ]}
-          gridVariant="uniform-all-items-equal",
-          animationType="slide-up",
-          textboxLayout="default",
-          useInvertedBackground={false},
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
           buttonAnimation="slide-up"
         />
       </div>
 
+      <div id="categories" data-section="categories">
+        <FeatureHoverPattern
+          title="Shop by Category"
+          description="Explore our carefully curated collections tailored to your style."
+          features={[
+            {
+              icon: ShoppingBag,
+              title: "Women",              description: "Contemporary designs for the modern woman. Discover timeless pieces and seasonal trends.",              button: { text: "Shop Now", href: "women" }
+            },
+            {
+              icon: Shirt,
+              title: "Men",              description: "Essential wardrobe staples with a minimalist aesthetic. Quality and style combined.",              button: { text: "Shop Now", href: "men" }
+            },
+            {
+              icon: Sparkles,
+              title: "Accessories",              description: "Elevate your look with curated accessories that complement any outfit.",              button: { text: "Shop Now", href: "#" }
+            }
+          ]}
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="featured-products" data-section="featured-products">
+        <FeaturedProducts
+          title="Editorial Selection"
+          description="Hand-picked pieces that define this season's aesthetic."
+          products={[
+            {
+              id: "prod-1",              name: "Classic White Oxford",              price: "Available",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317769.jpg",              imageAlt: "Classic white oxford shirt minimalist design"
+            },
+            {
+              id: "prod-2",              name: "Black Essential Denim",              price: "Available",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dresses-yellow-flower_52683-94826.jpg",              imageAlt: "Black essential denim in perfect fit"
+            },
+            {
+              id: "prod-3",              name: "Elegant Midi Dress",              price: "Available",              imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149133959.jpg",              imageAlt: "Elegant midi dress in neutral palette"
+            },
+            {
+              id: "prod-4",              name: "Luxe Merino Sweater",              price: "Available",              imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-whipped-cream-sweaters_23-2148720050.jpg",              imageAlt: "Luxe merino wool sweater in cream"
+            },
+            {
+              id: "prod-5",              name: "Tailored Linen Jacket",              price: "Available",              imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-beard-putting-hood-his-stylish-red-grey-anorack-isolated-white_346278-948.jpg",              imageAlt: "Tailored linen jacket in natural tone"
+            },
+            {
+              id: "prod-6",              name: "Premium Leather Bag",              price: "Available",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-purse-yellow-flower_52683-94825.jpg",              imageAlt: "Premium leather bag minimal aesthetic"
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="campaign" data-section="campaign">
         <TestimonialAboutCard
           tag="Campaign"
@@ -110,62 +146,39 @@ export default function NewCollectionPage() {
           description="Explore the essence of contemporary fashion."
           subdescription="Season's Editorial Collection"
           icon={Award}
-          imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148415819.jpg?_wi=2"
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148415819.jpg"
           imageAlt="POLIGHT fashion campaign editorial lookbook"
           mediaAnimation="blur-reveal"
           useInvertedBackground={true}
         />
       </div>
 
-      <div id="new-featured-products" data-section="new-featured-products">
-        <ProductCardOne
-          title="Editorial Selection"
-          description="Hand-picked pieces that define this season's aesthetic."
-          products={[
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardOne
+          title="Loved by Our Customers"
+          description="Discover what fashion enthusiasts and style lovers think about POLIGHT."
+          tag="Testimonials"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          testimonials={[
             {
-              id: "prod-1",
-              name: "Classic White Oxford",
-              price: "Available",
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317769.jpg?_wi=5",
-              imageAlt: "Classic white oxford shirt minimalist design"
+              id: "test-1",              name: "Sarah Chen",              role: "Fashion Stylist",              company: "Chen & Co Studio",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/friendly-lady-with-hot-drink_23-2147937104.jpg",              imageAlt: "Sarah Chen fashion stylist"
             },
             {
-              id: "prod-2",
-              name: "Black Essential Denim",
-              price: "Available",
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dresses-yellow-flower_52683-94826.jpg?_wi=5",
-              imageAlt: "Black essential denim in perfect fit"
+              id: "test-2",              name: "Marcus Johnson",              role: "Creative Director",              company: "Minimalist Design Co",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-camera_23-2148323590.jpg",              imageAlt: "Marcus Johnson creative director"
             },
             {
-              id: "prod-3",
-              name: "Elegant Midi Dress",
-              price: "Available",
-              imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149133959.jpg?_wi=4",
-              imageAlt: "Elegant midi dress in neutral palette"
+              id: "test-3",              name: "Elena Rodriguez",              role: "Fashion Blogger",              company: "Style Chronicle",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-businessman-white-shirt-looking-left-smiling-satisfied-standing_1258-26772.jpg",              imageAlt: "Elena Rodriguez fashion blogger"
             },
             {
-              id: "prod-4",
-              name: "Luxe Merino Sweater",
-              price: "Available",
-              imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-whipped-cream-sweaters_23-2148720050.jpg?_wi=4",
-              imageAlt: "Luxe merino wool sweater in cream"
-            },
-            {
-              id: "prod-5",
-              name: "Tailored Linen Jacket",
-              price: "Available",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-beard-putting-hood-his-stylish-red-grey-anorack-isolated-white_346278-948.jpg?_wi=4",
-              imageAlt: "Tailored linen jacket in natural tone"
-            },
-            {
-              id: "prod-6",
-              name: "Premium Leather Bag",
-              price: "Available",
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-purse-yellow-flower_52683-94825.jpg?_wi=4",
-              imageAlt: "Premium leather bag minimal aesthetic"
+              id: "test-4",              name: "James Liu",              role: "Luxury Consultant",              company: "Premium Fashion Group",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-graceful-smiling-brunette-woman-pink-dress_273443-4129.jpg",              imageAlt: "James Liu luxury consultant"
             }
           ]}
-          gridVariant="three-columns-all-equal-width"
+          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -174,9 +187,34 @@ export default function NewCollectionPage() {
 
       <div id="footer" data-section="footer">
         <FooterBase
-          columns={footerColumns}
           logoText="POLIGHT"
           copyrightText="© 2025 POLIGHT Fashion. All rights reserved."
+          columns={[
+            {
+              title: "Shop",              items: [
+                { label: "Women", href: "women" },
+                { label: "Men", href: "men" },
+                { label: "New Collection", href: "new-collection" },
+                { label: "Sale", href: "#" }
+              ]
+            },
+            {
+              title: "Discover",              items: [
+                { label: "Campaign", href: "campaign" },
+                { label: "About Us", href: "#" },
+                { label: "Journal", href: "#" },
+                { label: "Contact", href: "notification" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Shipping Info", href: "#" },
+                { label: "Returns", href: "#" }
+              ]
+            }
+          ]}
         />
       </div>
     </ThemeProvider>
-- 
2.49.1