bender/207d62d3-1655-4a5b-86e3-7d5f0aec3af0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 13:32:40 +00:00
parent 5e2b6136ac
commit 68884a0196
1 changed files with 57 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

270
src/app/page.tsx
View File

@@ -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", 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", 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", 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", 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", 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", 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", 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,50 +176,15 @@ 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: "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-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: "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-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: "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-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: "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-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: "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."},
]}
title="What Our Customers Say"
description="Hear from our satisfied community about their StyleHaven experience and why they love our collections."
@@ -335,20 +197,11 @@ 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 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-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: "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-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: "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."},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4222.jpg"
imageAlt="Customer service representative smiling"
@@ -364,8 +217,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
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!"
@@ -386,24 +238,16 @@ export default function LandingPage() {
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>