Merge version_2 into main #2
218
src/app/page.tsx
218
src/app/page.tsx
@@ -39,9 +39,7 @@ export default function HomePage() {
|
||||
brandName="LuxeStyle"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
}}
|
||||
text: "Shop Now", href: "/products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,32 +54,20 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "/products",
|
||||
},
|
||||
text: "Shop Collection", href: "/products"},
|
||||
{
|
||||
text: "View Lookbook",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Lookbook", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186128.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186128.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705920.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705920.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-fashionable-young-african-american-female-wearing-braces-having-dreamy-pensive-expression_273609-9254.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-fashionable-young-african-american-female-wearing-braces-having-dreamy-pensive-expression_273609-9254.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-carrying-backpack_23-2148970141.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-carrying-backpack_23-2148970141.jpg", alt: "Customer 4"},
|
||||
]}
|
||||
avatarText="Trusted by 10K+ fashion enthusiasts"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/picture-charming-caucasian-lady-sits-black-leather-armchair-poses-camera_132075-9613.jpg"
|
||||
@@ -89,26 +75,14 @@ export default function HomePage() {
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@sarahs_style",
|
||||
testimonial: "The quality and design are exceptional. Became my go-to for fashion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-chain-necklace-posing_23-2149403058.jpg?_wi=1",
|
||||
},
|
||||
name: "James K.", handle: "@james_menswear", testimonial: "Premium quality and timeless designs. This is my go-to for professional wear.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg?_wi=1"},
|
||||
{
|
||||
name: "Emma L.",
|
||||
handle: "@emmastyle",
|
||||
testimonial: "Love the curated collections. Every piece is perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg?_wi=1",
|
||||
},
|
||||
name: "Marcus T.", handle: "@marcus_style", testimonial: "Excellent selection of men's fashion. Great customer service and fast shipping.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-standing-by-desk-office_1303-30498.jpg?_wi=1"},
|
||||
{
|
||||
name: "Jessica R.",
|
||||
handle: "@jess_fashion",
|
||||
testimonial: "Best online fashion experience I've had. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-confident-young-businesswoman-against-gray-background_23-2148029500.jpg?_wi=1",
|
||||
},
|
||||
name: "David P.", handle: "@davidfashion", testimonial: "Finally found a brand that understands men's style. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705920.jpg?_wi=1"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,12 +93,12 @@ export default function HomePage() {
|
||||
tag="Our Story"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
title="Crafted for the Modern Fashionista"
|
||||
description="We believe fashion is more than clothing—it's self-expression. Since 2015, we've been committed to bringing premium, sustainable fashion to style-conscious individuals worldwide."
|
||||
subdescription="Our mission is to make luxury fashion accessible without compromising on quality or ethics. Every piece in our collection is carefully selected to ensure it meets our rigorous standards of excellence."
|
||||
title="Crafted for the Modern Man"
|
||||
description="We believe men's fashion is more than clothing—it's confidence and self-expression. Since 2015, we've been committed to bringing premium, sustainable fashion to style-conscious men worldwide."
|
||||
subdescription="Our mission is to make luxury menswear accessible without compromising on quality or ethics. Every piece in our collection is carefully selected to ensure it meets our rigorous standards of excellence for the discerning gentleman."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg?_wi=1"
|
||||
imageAlt="About our fashion brand"
|
||||
imageAlt="About our men's fashion brand"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -134,7 +108,7 @@ export default function HomePage() {
|
||||
<div id="products" data-section="products" className="mx-auto px-4 md:px-6">
|
||||
<ProductCardOne
|
||||
title="Featured Collections"
|
||||
description="Explore our handpicked selection of premium fashion items designed for every occasion and style preference."
|
||||
description="Explore our handpicked selection of premium menswear items designed for every occasion and style preference."
|
||||
tag="Shop Now"
|
||||
tagIcon={ShoppingBag}
|
||||
tagAnimation="slide-up"
|
||||
@@ -144,53 +118,21 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Leather Jacket",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-suit-white-shirt-is-hanging-from-hanger-from-door_181624-9326.jpg?_wi=1",
|
||||
imageAlt: "Leather jacket",
|
||||
},
|
||||
id: "1", name: "Premium Leather Jacket", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/black-suit-white-shirt-is-hanging-from-hanger-from-door_181624-9326.jpg?_wi=1", imageAlt: "Leather jacket"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elegant Evening Dress",
|
||||
price: "$189",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-trying-dress_23-2149241369.jpg?_wi=1",
|
||||
imageAlt: "Evening dress",
|
||||
},
|
||||
id: "2", name: "Classic Oxford Shirt", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-trying-dress_23-2149241369.jpg?_wi=1", imageAlt: "Oxford shirt"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Classic Denim Collection",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-lying-floor-covered-beige-fabric-posing-camera_8353-11663.jpg?_wi=1",
|
||||
imageAlt: "Denim collection",
|
||||
},
|
||||
id: "3", name: "Tailored Denim Collection", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-lying-floor-covered-beige-fabric-posing-camera_8353-11663.jpg?_wi=1", imageAlt: "Tailored denim collection"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Designer Handbag",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-futuristic-robotic-body-part_23-2151401399.jpg?_wi=1",
|
||||
imageAlt: "Designer handbag",
|
||||
},
|
||||
id: "4", name: "Designer Leather Briefcase", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/person-with-futuristic-robotic-body-part_23-2151401399.jpg?_wi=1", imageAlt: "Designer briefcase"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Luxe Sunglasses",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sun-glasses-table_140725-7459.jpg?_wi=1",
|
||||
imageAlt: "Sunglasses",
|
||||
},
|
||||
id: "5", name: "Luxury Aviator Sunglasses", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/sun-glasses-table_140725-7459.jpg?_wi=1", imageAlt: "Aviator sunglasses"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Silk Scarf Set",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-world-travel-map-with-passport_23-2149460004.jpg?_wi=1",
|
||||
imageAlt: "Silk scarves",
|
||||
},
|
||||
id: "6", name: "Premium Wool Tie Set", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/view-world-travel-map-with-passport_23-2149460004.jpg?_wi=1", imageAlt: "Wool tie set"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Products",
|
||||
href: "/products",
|
||||
},
|
||||
text: "View All Products", href: "/products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -199,8 +141,8 @@ export default function HomePage() {
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6">
|
||||
<TestimonialCardSixteen
|
||||
title="Loved by Fashion Enthusiasts"
|
||||
description="See what our customers say about their experience with LuxeStyle and our premium fashion collections."
|
||||
title="Loved by Modern Men"
|
||||
description="See what our customers say about their experience with LuxeStyle and our premium menswear collections."
|
||||
tag="Customer Reviews"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
@@ -209,67 +151,31 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alexandra Chen",
|
||||
role: "Fashion Blogger",
|
||||
company: "Style Chronicles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-chain-necklace-posing_23-2149403058.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Marcus Chen", role: "Fashion Influencer", company: "Style Authority", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Rodriguez",
|
||||
role: "Creative Director",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "James Rodriguez", role: "Creative Director", company: "Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-standing-by-desk-office_1303-30498.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Isabella Martinez",
|
||||
role: "Entrepreneur",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-confident-young-businesswoman-against-gray-background_23-2148029500.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Christopher Blake", role: "Entrepreneur", company: "Tech Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705920.jpg?_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thompson",
|
||||
role: "Brand Manager",
|
||||
company: "Fashion Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-standing-by-desk-office_1303-30498.jpg",
|
||||
},
|
||||
id: "4", name: "David Thompson", role: "Brand Manager", company: "Fashion Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-standing-by-desk-office_1303-30498.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie Laurent",
|
||||
role: "Stylist",
|
||||
company: "Couture Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trendy-hairstyle_23-2149478921.jpg",
|
||||
},
|
||||
id: "5", name: "Robert Anderson", role: "Stylist", company: "Men's Couture Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson",
|
||||
role: "Executive",
|
||||
company: "Corporate Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg",
|
||||
},
|
||||
id: "6", name: "Alexander Stewart", role: "Executive", company: "Corporate Firm", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705920.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10K+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "15K+", label: "Men's Style Advocates"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Premium Products",
|
||||
},
|
||||
value: "800+", label: "Premium Menswear Items"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -277,31 +183,17 @@ export default function HomePage() {
|
||||
{/* Social Proof Section */}
|
||||
<div id="social-proof" data-section="social-proof" className="mx-auto px-4 md:px-6">
|
||||
<SocialProofOne
|
||||
title="Trusted by Leading Fashion Brands"
|
||||
description="Partnered with industry leaders and featured in top fashion publications."
|
||||
title="Trusted by Men's Fashion Leaders"
|
||||
description="Featured in leading men's fashion publications and partnered with industry-leading menswear brands."
|
||||
tag="Featured In"
|
||||
tagIcon={Trophy}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"GQ Magazine",
|
||||
"Elle",
|
||||
"Fashion Week",
|
||||
"Style.com",
|
||||
"InStyle",
|
||||
]}
|
||||
"GQ Magazine", "Men's Journal", "Esquire", "The Rake", "Gentleman's Journal", "Robb Report", "Hypebeast"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-psd/boutique-template-design_23-2151490743.jpg",
|
||||
"http://img.b2bpic.net/free-vector/hand-drawn-muted-colors-label-collection_23-2150067646.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-design-go-logo-template_23-2148971221.jpg",
|
||||
"http://img.b2bpic.net/free-vector/linear-flat-wedding-monograms-collection_23-2148990635.jpg",
|
||||
"http://img.b2bpic.net/free-vector/fashion-style-horizontal-sale-banner-template_23-2149944282.jpg",
|
||||
"http://img.b2bpic.net/free-vector/fashion-logo_23-2148558723.jpg",
|
||||
"http://img.b2bpic.net/free-vector/cute-influencer-talent-agency-logo-template_742173-17610.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-psd/boutique-template-design_23-2151490743.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-muted-colors-label-collection_23-2150067646.jpg", "http://img.b2bpic.net/free-vector/flat-design-go-logo-template_23-2148971221.jpg", "http://img.b2bpic.net/free-vector/linear-flat-wedding-monograms-collection_23-2148990635.jpg", "http://img.b2bpic.net/free-vector/fashion-style-horizontal-sale-banner-template_23-2149944282.jpg", "http://img.b2bpic.net/free-vector/fashion-logo_23-2148558723.jpg", "http://img.b2bpic.net/free-vector/cute-influencer-talent-agency-logo-template_742173-17610.jpg"]}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,19 +201,15 @@ export default function HomePage() {
|
||||
{/* Contact Section */}
|
||||
<div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
|
||||
<ContactText
|
||||
text="Ready to elevate your wardrobe? Get in touch with our style consultants to find your perfect pieces or inquire about custom collections."
|
||||
text="Ready to elevate your wardrobe? Get in touch with our style consultants to discover menswear that matches your lifestyle or inquire about bespoke tailoring services."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact Us", href: "/contact"},
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
},
|
||||
text: "Shop Now", href: "/products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -331,13 +219,9 @@ export default function HomePage() {
|
||||
<FooterLogoReveal
|
||||
logoText="LuxeStyle"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Menswear Guide", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Style Lookbook", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user