Update src/app/page.tsx

This commit is contained in:
2026-06-10 04:55:36 +00:00
parent 116227030f
commit 0b1a7213f4

View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "Shop", name: "Shop", id: "#products"},
id: "#products",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Blog", name: "Blog", id: "#blog"},
id: "#blog",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Elegance Hub" brandName="Elegance Hub"
/> />
@@ -60,43 +50,23 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Unleash Your Style" title="Unleash Your Style"
description="Discover the latest trends and timeless pieces that define your unique elegance. At Elegance Hub, fashion meets individuality." description="Discover the latest trends and timeless pieces that define your unique elegance. At Elegance Hub, fashion meets individuality."
tag="Elegance Hub" tag="Elegance Hub"
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "Shop New Arrivals", text: "Shop New Arrivals", href: "#products"},
href: "#products",
},
{ {
text: "Explore Collections", text: "Explore Collections"},
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/luxury-rich-woman-dressed-elegant-stylish-blue-suit-walking-city-sunny-summer-day-holding-purse_285396-7894.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/luxury-rich-woman-dressed-elegant-stylish-blue-suit-walking-city-sunny-summer-day-holding-purse_285396-7894.jpg", imageAlt: "Stylish woman in elegant fashion attire"},
imageAlt: "Stylish woman in elegant fashion attire",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885676.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885676.jpg", imageAlt: "Fashion model on a runway"}
imageAlt: "Fashion model on a runway",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-attractive-smiling-woman-dressed-elegant-blue-suit-walking-city_285396-7919.jpg",
imageAlt: "Portrait of gorgeous attractive smiling woman dressed in elegant blue suit walking in city",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashion-girls-city_1157-4957.jpg",
imageAlt: "fashion girls in city",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-making-phone-call-city_23-2147989664.jpg",
imageAlt: "Elegant businesswoman making phone call in city",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -112,19 +82,13 @@ export default function LandingPage() {
description="Elegance Hub is more than just a brand; it's a celebration of self-expression through style. We curate collections that empower you to look and feel your best, with an emphasis on quality, comfort, and cutting-edge design." description="Elegance Hub is more than just a brand; it's a celebration of self-expression through style. We curate collections that empower you to look and feel your best, with an emphasis on quality, comfort, and cutting-edge design."
bulletPoints={[ bulletPoints={[
{ {
title: "Curated Collections", title: "Curated Collections", description: "Hand-picked pieces reflecting the latest global fashion trends."},
description: "Hand-picked pieces reflecting the latest global fashion trends.",
},
{ {
title: "Sustainable Practices", title: "Sustainable Practices", description: "Committed to ethical sourcing and eco-friendly production methods."},
description: "Committed to ethical sourcing and eco-friendly production methods.",
},
{ {
title: "Exceptional Quality", title: "Exceptional Quality", description: "Garments crafted with premium fabrics and meticulous attention to detail."},
description: "Garments crafted with premium fabrics and meticulous attention to detail.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-technical-sketch-representations-stylish-bespoke-sartorial-pieces-atelier-shop-studio-experienced-couturiers-coming-up-with-ideas-upcoming-luxury-clothing-collection_482257-64895.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/close-up-technical-sketch-representations-stylish-bespoke-sartorial-pieces-atelier-shop-studio-experienced-couturiers-coming-up-with-ideas-upcoming-luxury-clothing-collection_482257-64895.jpg"
imageAlt="Fashion designer working on new collection sketches" imageAlt="Fashion designer working on new collection sketches"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -137,79 +101,48 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Personalized Style Advisor", title: "Personalized Style Advisor", description: "Get recommendations tailored to your unique taste and preferences.", bentoComponent: "phone", statusIcon: Signal,
description: "Get recommendations tailored to your unique taste and preferences.",
bentoComponent: "phone",
statusIcon: Signal,
alertIcon: Bell, alertIcon: Bell,
alertTitle: "New Arrivals!", alertTitle: "New Arrivals!", alertMessage: "Check out our latest collection designed just for you.", apps: [
alertMessage: "Check out our latest collection designed just for you.",
apps: [
{ {
name: "Shop", name: "Shop", icon: ShoppingCart,
icon: ShoppingCart,
}, },
{ {
name: "Looks", name: "Looks", icon: Camera,
icon: Camera,
}, },
{ {
name: "Stylist", name: "Stylist", icon: Sparkles,
icon: Sparkles,
}, },
{ {
name: "Wishlist", name: "Wishlist", icon: Heart,
icon: Heart,
}, },
{ {
name: "Blog", name: "Blog", icon: Book,
icon: Book,
}, },
{ {
name: "Events", name: "Events", icon: Calendar,
icon: Calendar,
}, },
{ {
name: "Account", name: "Account", icon: User,
icon: User,
}, },
{ {
name: "Settings", name: "Settings", icon: Settings,
icon: Settings, }
}, ]
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-looking-phone_23-2148238187.jpg",
imageAlt: "fashionista shopping online with phone",
}, },
{ {
title: "Interactive Lookbooks", title: "Interactive Lookbooks", description: "Explore curated outfits and styling tips in stunning detail.", bentoComponent: "media-stack", items: [
description: "Explore curated outfits and styling tips in stunning detail.",
bentoComponent: "media-stack",
items: [
{ {
imageSrc: "http://img.b2bpic.net/free-photo/luxury-rich-woman-dressed-elegant-stylish-blue-suit-walking-city-sunny-summer-day-holding-purse_285396-7894.jpg?_wi=2", imageSrc: "http://img.b2bpic.net/free-photo/luxury-rich-woman-dressed-elegant-stylish-blue-suit-walking-city-sunny-summer-day-holding-purse_285396-7894.jpg", imageAlt: "Fashionista browsing online on a phone"},
imageAlt: "Fashionista browsing online on a phone",
},
{ {
imageSrc: "http://img.b2bpic.net/free-psd/gradient-geometric-shapes-template_23-2151858243.jpg", imageSrc: "http://img.b2bpic.net/free-psd/gradient-geometric-shapes-template_23-2151858243.jpg", imageAlt: "Open fashion magazine layout"},
imageAlt: "Open fashion magazine layout",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746321.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746321.jpg", imageAlt: "Sustainable clothing materials"}
imageAlt: "Sustainable clothing materials", ]
},
],
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885676.jpg?_wi=2",
imageAlt: "fashionista shopping online with phone",
}, },
{ {
title: "Seamless Online Experience", title: "Seamless Online Experience", description: "Shop with ease and confidence, knowing your perfect fit is just a click away.", bentoComponent: "reveal-icon", icon: CreditCard
description: "Shop with ease and confidence, knowing your perfect fit is just a click away.", }
bentoComponent: "reveal-icon",
icon: CreditCard,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-technical-sketch-representations-stylish-bespoke-sartorial-pieces-atelier-shop-studio-experienced-couturiers-coming-up-with-ideas-upcoming-luxury-clothing-collection_482257-64895.jpg?_wi=2",
imageAlt: "fashionista shopping online with phone",
},
]} ]}
title="Experience Elevated Shopping" title="Experience Elevated Shopping"
description="We blend innovative technology with a deep understanding of fashion to bring you an unparalleled experience, from discovery to doorstep." description="We blend innovative technology with a deep understanding of fashion to bring you an unparalleled experience, from discovery to doorstep."
@@ -224,47 +157,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "p1", id: "p1", name: "The Serene Maxi Dress", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-fancy-dress-walking-down-street-fashion-beauty-makeup-evening-dress-smiling-girl-posing-model-luxury-wearing-accessories-blonde-volume-hair-lipstick-eyes-perfect_343629-193.jpg", imageAlt: "Elegant black maxi dress"},
name: "The Serene Maxi Dress",
price: "$120.00",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-fancy-dress-walking-down-street-fashion-beauty-makeup-evening-dress-smiling-girl-posing-model-luxury-wearing-accessories-blonde-volume-hair-lipstick-eyes-perfect_343629-193.jpg",
imageAlt: "Elegant black maxi dress",
},
{ {
id: "p2", id: "p2", name: "Urban Chic Denim Jacket", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-front-ship_23-2147724827.jpg", imageAlt: "Trendy denim jacket"},
name: "Urban Chic Denim Jacket",
price: "$85.00",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-front-ship_23-2147724827.jpg",
imageAlt: "Trendy denim jacket",
},
{ {
id: "p3", id: "p3", name: "Bohemian Rhapsody Gown", price: "$150.00", imageSrc: "http://img.b2bpic.net/free-photo/pride-flag-with-colorful-chenille-stems_23-2148147715.jpg", imageAlt: "Floral print maxi dress"},
name: "Bohemian Rhapsody Gown",
price: "$150.00",
imageSrc: "http://img.b2bpic.net/free-photo/pride-flag-with-colorful-chenille-stems_23-2148147715.jpg",
imageAlt: "Floral print maxi dress",
},
{ {
id: "p4", id: "p4", name: "The Executive Blazer", price: "$180.00", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4367.jpg", imageAlt: "Men's classic suit blazer"},
name: "The Executive Blazer",
price: "$180.00",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4367.jpg",
imageAlt: "Men's classic suit blazer",
},
{ {
id: "p5", id: "p5", name: "Cozy Autumn Knitwear", price: "$70.00", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-fluffy-jacket_23-2149020068.jpg", imageAlt: "Oversized knit sweater"},
name: "Cozy Autumn Knitwear",
price: "$70.00",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-fluffy-jacket_23-2149020068.jpg",
imageAlt: "Oversized knit sweater",
},
{ {
id: "p6", id: "p6", name: "Timeless Leather Tote", price: "$200.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accessories-details-stylish-woman-walking-city-warm-fur-coat-holding-black-leather-bag-winter-season_285396-4714.jpg", imageAlt: "Chic leather handbag"}
name: "Timeless Leather Tote",
price: "$200.00",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accessories-details-stylish-woman-walking-city-warm-fur-coat-holding-black-leather-bag-winter-season_285396-4714.jpg",
imageAlt: "Chic leather handbag",
},
]} ]}
title="Our Exclusive Collections" title="Our Exclusive Collections"
description="Step into a world of curated fashion. Each piece is selected for its unique style, quality, and ability to elevate your wardrobe." description="Step into a world of curated fashion. Each piece is selected for its unique style, quality, and ability to elevate your wardrobe."
@@ -278,59 +181,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah J.", handle: "@sarah_style", testimonial: "Elegance Hub has completely transformed my wardrobe! The quality is unmatched and their unique pieces always get me compliments.", rating: 5,
name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/romantic-slim-girl-with-happy-face-expression-playing-with-yellow-dress-enthusiastic-caucasian-lady-with-blonde-hair-dancing-studio_197531-26271.jpg", imageAlt: "Sarah J."},
handle: "@sarah_style",
testimonial: "Elegance Hub has completely transformed my wardrobe! The quality is unmatched and their unique pieces always get me compliments.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/romantic-slim-girl-with-happy-face-expression-playing-with-yellow-dress-enthusiastic-caucasian-lady-with-blonde-hair-dancing-studio_197531-26271.jpg",
imageAlt: "Sarah J.",
},
{ {
id: "t2", id: "t2", name: "Michael Chen", handle: "@michaelfashion", testimonial: "Finally, a brand that understands modern menswear. Their collection is sharp, comfortable, and perfect for any occasion.", rating: 5,
name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-showing-cloakroom_171337-19310.jpg", imageAlt: "Michael Chen"},
handle: "@michaelfashion",
testimonial: "Finally, a brand that understands modern menswear. Their collection is sharp, comfortable, and perfect for any occasion.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-showing-cloakroom_171337-19310.jpg",
imageAlt: "Michael Chen",
},
{ {
id: "t3", id: "t3", name: "Emily R.", handle: "@emily.chic", testimonial: "I always find something special here. The customer service is fantastic, and shipping is incredibly fast!", rating: 5,
name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-white-woman-with-beautiful-smile-making-selfie-confident-pose_197531-7163.jpg", imageAlt: "Emily R."},
handle: "@emily.chic",
testimonial: "I always find something special here. The customer service is fantastic, and shipping is incredibly fast!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-white-woman-with-beautiful-smile-making-selfie-confident-pose_197531-7163.jpg",
imageAlt: "Emily R.",
},
{ {
id: "t4", id: "t4", name: "David K.", handle: "@david_dapper", testimonial: "Their commitment to sustainable fashion is what truly won me over. Great style, great values.", rating: 5,
name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-clean-urban-space_23-2149015675.jpg", imageAlt: "David K."},
handle: "@david_dapper",
testimonial: "Their commitment to sustainable fashion is what truly won me over. Great style, great values.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-clean-urban-space_23-2149015675.jpg",
imageAlt: "David K.",
},
{ {
id: "t5", id: "t5", name: "Olivia M.", handle: "@olivia.vogue", testimonial: "The interactive lookbooks are a game-changer! It's like having a personal stylist at my fingertips. Absolutely love it!", rating: 5,
name: "Olivia M.", imageSrc: "http://img.b2bpic.net/free-photo/young-women-having-fun-summertime_23-2149479126.jpg", imageAlt: "Olivia M."},
handle: "@olivia.vogue",
testimonial: "The interactive lookbooks are a game-changer! It's like having a personal stylist at my fingertips. Absolutely love it!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-women-having-fun-summertime_23-2149479126.jpg",
imageAlt: "Olivia M.",
},
{ {
id: "t6", id: "t6", name: "Sophia L.", handle: "@sophia_class", testimonial: "The elegance and attention to detail in every piece are remarkable. Elegance Hub is my new go-to for sophisticated fashion.", rating: 5,
name: "Sophia L.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-rick-woman-posing-indoors_52683-94809.jpg", imageAlt: "Sophia L."}
handle: "@sophia_class",
testimonial: "The elegance and attention to detail in every piece are remarkable. Elegance Hub is my new go-to for sophisticated fashion.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-rick-woman-posing-indoors_52683-94809.jpg",
imageAlt: "Sophia L.",
},
]} ]}
showRating={true} showRating={true}
title="Hear From Our Happy Customers" title="Hear From Our Happy Customers"
@@ -343,14 +210,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Vogue", "Vogue", "Harper's Bazaar", "ELLE", "GQ", "Fashion Week", "London Fashion", "Milan Style"]}
"Harper's Bazaar",
"ELLE",
"GQ",
"Fashion Week",
"London Fashion",
"Milan Style",
]}
title="As Seen In" title="As Seen In"
description="Elegance Hub has been featured and celebrated by leading fashion publications worldwide." description="Elegance Hub has been featured and celebrated by leading fashion publications worldwide."
/> />
@@ -365,38 +225,11 @@ export default function LandingPage() {
description="Stay ahead of the curve with our expert articles on trends, styling tips, and the stories behind our collections." description="Stay ahead of the curve with our expert articles on trends, styling tips, and the stories behind our collections."
blogs={[ blogs={[
{ {
id: "b1", id: "b1", category: "Trends", title: "Spring/Summer 2024: The Must-Have Colors", excerpt: "Dive into the vibrant palette defining the upcoming season's fashion. From pastel dreams to bold statements, discover how to incorporate these hues into your wardrobe.", imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24632.jpg", imageAlt: "Woman in colorful spring fashion outfit", authorName: "Ava Thorne", authorAvatar: "asset://avatar-1", date: "July 20, 2024"},
category: "Trends",
title: "Spring/Summer 2024: The Must-Have Colors",
excerpt: "Dive into the vibrant palette defining the upcoming season's fashion. From pastel dreams to bold statements, discover how to incorporate these hues into your wardrobe.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24632.jpg",
imageAlt: "Woman in colorful spring fashion outfit",
authorName: "Ava Thorne",
authorAvatar: "asset://avatar-1",
date: "July 20, 2024",
},
{ {
id: "b2", id: "b2", category: "Sustainability", title: "The Rise of Ethical Fashion: Shop Consciously", excerpt: "Learn about the growing movement towards sustainable and ethical fashion. Discover brands making a difference and how your choices can impact the planet.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-gardener-checking-her-tablet_23-2148851414.jpg", imageAlt: "Organic cotton fabrics for sustainable fashion", authorName: "Liam Green", authorAvatar: "asset://avatar-2", date: "July 15, 2024"},
category: "Sustainability",
title: "The Rise of Ethical Fashion: Shop Consciously",
excerpt: "Learn about the growing movement towards sustainable and ethical fashion. Discover brands making a difference and how your choices can impact the planet.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-gardener-checking-her-tablet_23-2148851414.jpg",
imageAlt: "Organic cotton fabrics for sustainable fashion",
authorName: "Liam Green",
authorAvatar: "asset://avatar-2",
date: "July 15, 2024",
},
{ {
id: "b3", id: "b3", category: "Styling", title: "Accessorize Like a Pro: Elevate Any Outfit", excerpt: "Accessories are key to transforming your look. Our guide reveals expert tips on choosing and styling jewelry, bags, and shoes to complete your ensemble.", imageSrc: "http://img.b2bpic.net/free-photo/accessories-stylish-woman-walking-city-street-summer-fashion-style-dress-sneakers-grey-purse-handbag_285396-8513.jpg", imageAlt: "Various fashion accessories like jewelry and handbags", authorName: "Chloe Style", authorAvatar: "asset://avatar-3", date: "July 10, 2024"}
category: "Styling",
title: "Accessorize Like a Pro: Elevate Any Outfit",
excerpt: "Accessories are key to transforming your look. Our guide reveals expert tips on choosing and styling jewelry, bags, and shoes to complete your ensemble.",
imageSrc: "http://img.b2bpic.net/free-photo/accessories-stylish-woman-walking-city-street-summer-fashion-style-dress-sneakers-grey-purse-handbag_285396-8513.jpg",
imageAlt: "Various fashion accessories like jewelry and handbags",
authorName: "Chloe Style",
authorAvatar: "asset://avatar-3",
date: "July 10, 2024",
},
]} ]}
/> />
</div> </div>
@@ -405,8 +238,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Get in Touch" tag="Get in Touch"
title="Questions? We're Here to Help" title="Questions? We're Here to Help"
description="Have inquiries about our collections, sizing, or an order? Reach out to our dedicated support team, and we'll be happy to assist you." description="Have inquiries about our collections, sizing, or an order? Reach out to our dedicated support team, and we'll be happy to assist you."
@@ -423,58 +255,35 @@ export default function LandingPage() {
logoText="Elegance Hub" logoText="Elegance Hub"
columns={[ columns={[
{ {
title: "Shop", title: "Shop", items: [
items: [
{ {
label: "New Arrivals", label: "New Arrivals", href: "#products"},
href: "#products",
},
{ {
label: "Dresses", label: "Dresses", href: "#"},
href: "#",
},
{ {
label: "Outerwear", label: "Outerwear", href: "#"},
href: "#",
},
{ {
label: "Accessories", label: "Accessories", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Our Story", label: "Our Story", href: "#"},
href: "#",
},
{ {
label: "Careers", label: "Careers", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "Contact Us", label: "Contact Us", href: "#contact"},
href: "#contact",
},
{ {
label: "FAQs", label: "FAQs", href: "#"},
href: "#",
},
{ {
label: "Shipping", label: "Shipping", href: "#"},
href: "#",
},
], ],
}, },
]} ]}