Merge version_1 into main #2
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user