bender/9a5a9917-256e-4ff5-bca9-12664c2fff76
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-03 04:00:48 +00:00
parent 4888af24d3
commit 52400aa6cc
1 changed files with 74 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

346
src/app/page.tsx
View File

@@ -33,34 +33,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Collection",
id: "#products",
},
name: "Collection", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
brandName="Fashion Forward"
/>
</div>
@@ -69,64 +55,34 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Discover Your Signature Style"
title="Unleash Your Unique Expression with Fashion Forward"
description="Fashion Forward brings you the latest trends and timeless classics. Explore our curated collection and redefine your wardrobe."
testimonials={[
{
name: "Alex P.",
handle: "@alex_style",
testimonial: "Absolutely love my new jacket! The quality is amazing and it arrived so fast. Fashion Forward is my go-to for unique pieces.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",
imageAlt: "Alex P. wearing a jacket from Fashion Forward",
},
name: "Alex P.", handle: "@alex_style", testimonial: "Absolutely love my new jacket! The quality is amazing and it arrived so fast. Fashion Forward is my go-to for unique pieces.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg", imageAlt: "Alex P. wearing a jacket from Fashion Forward"},
{
name: "Jordan S.",
handle: "@jordan_threads",
testimonial: "Their customer service is incredible, and the clothes are even better in person. Constantly impressed with every purchase.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-hipster-handsome-man-guy-stylish-summer-clothes-posing-street_158538-2255.jpg",
imageAlt: "Jordan S. posing in clothes from Fashion Forward",
},
name: "Jordan S.", handle: "@jordan_threads", testimonial: "Their customer service is incredible, and the clothes are even better in person. Constantly impressed with every purchase.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-hipster-handsome-man-guy-stylish-summer-clothes-posing-street_158538-2255.jpg", imageAlt: "Jordan S. posing in clothes from Fashion Forward"},
{
name: "Samantha K.",
handle: "@sam_chic",
testimonial: "I always find something special at Fashion Forward. Their collection is diverse and always on point with the latest trends.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/surprised-woman-white-shirt-taking-selfie_197531-24034.jpg",
imageAlt: "Samantha K. showcasing an outfit from Fashion Forward",
},
name: "Samantha K.", handle: "@sam_chic", testimonial: "I always find something special at Fashion Forward. Their collection is diverse and always on point with the latest trends.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/surprised-woman-white-shirt-taking-selfie_197531-24034.jpg", imageAlt: "Samantha K. showcasing an outfit from Fashion Forward"},
{
name: "Taylor B.",
handle: "@taylor_fashion",
testimonial: "The perfect blend of comfort and style. I've received so many compliments on my new dress from Fashion Forward!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-with-graphic-eye-makeup_23-2150693668.jpg",
imageAlt: "Taylor B. smiling in a dress from Fashion Forward",
},
name: "Taylor B.", handle: "@taylor_fashion", testimonial: "The perfect blend of comfort and style. I've received so many compliments on my new dress from Fashion Forward!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-with-graphic-eye-makeup_23-2150693668.jpg", imageAlt: "Taylor B. smiling in a dress from Fashion Forward"},
{
name: "Chris D.",
handle: "@chris_dapper",
testimonial: "Quality is unmatched. I appreciate the attention to detail in every garment. Definitely a satisfied customer.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-elegant-woman_329181-13408.jpg",
imageAlt: "Chris D. in a shirt from Fashion Forward",
},
name: "Chris D.", handle: "@chris_dapper", testimonial: "Quality is unmatched. I appreciate the attention to detail in every garment. Definitely a satisfied customer.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-elegant-woman_329181-13408.jpg", imageAlt: "Chris D. in a shirt from Fashion Forward"},
]}
testimonialRotationInterval={5000}
tag="New Arrivals"
buttons={[
{
text: "Shop Men's",
href: "#products",
},
text: "Explore Men's Collection", href: "#products"},
{
text: "Shop Women's",
href: "#products",
},
text: "Explore Women's Collection", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-young-friends-outdoors_23-2148140808.jpg"
imageAlt="Two stylish models wearing modern fashion attire"
@@ -134,50 +90,30 @@ export default function LandingPage() {
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg",
alt: "Stylish woman wearing yellow bandana",
},
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg", alt: "Stylish woman wearing yellow bandana"},
{
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
alt: "Front view of cute girl looking away",
},
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Front view of cute girl looking away"},
{
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
alt: "Woman smiling",
},
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Woman smiling"},
{
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg",
alt: "Stylish woman wearing yellow bandana",
},
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg", alt: "Stylish woman wearing yellow bandana"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-young-man-model-dressed-jeans-clothes-fashion-man_158538-5030.jpg",
alt: "Portrait of handsome smiling stylish young man model dressed in jeans clothes. Fashion man. ",
},
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-young-man-model-dressed-jeans-clothes-fashion-man_158538-5030.jpg", alt: "Portrait of handsome smiling stylish young man model dressed in jeans clothes. Fashion man. "},
]}
avatarText="Join 1000+ happy customers!"
marqueeItems={[
{
type: "text-icon",
text: "Shop New Collection",
icon: ArrowRight,
type: "text-icon", text: "Shop New Collection", icon: ArrowRight,
},
{
type: "text",
text: "Exclusive Designs",
type: "text", text: "Exclusive Designs"},
{
type: "text-icon", text: "Sustainable Fashion", icon: Leaf,
},
{
type: "text-icon",
text: "Sustainable Fashion",
icon: Leaf,
},
type: "text", text: "Worldwide Shipping"},
{
type: "text",
text: "Worldwide Shipping",
},
{
type: "text-icon",
text: "Customer Favorites",
icon: Heart,
type: "text-icon", text: "Customer Favorites", icon: Heart,
},
]}
/>
@@ -190,9 +126,7 @@ export default function LandingPage() {
title="Our Passion for Fashion"
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
/>
</div>
@@ -204,32 +138,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "quality",
title: "Premium Quality Fabrics",
descriptions: [
"We source only the finest materials to ensure comfort, durability, and a luxurious feel. Experience clothing that lasts.",
],
imageSrc: "http://img.b2bpic.net/free-photo/person-coloring-cloth-with-leaves-close-up_23-2148734289.jpg",
imageAlt: "Hands touching soft, high-quality fabric",
},
id: "quality", title: "Premium Quality Fabrics", descriptions: [
"We source only the finest materials to ensure comfort, durability, and a luxurious feel. Experience clothing that lasts."],
imageSrc: "http://img.b2bpic.net/free-photo/person-coloring-cloth-with-leaves-close-up_23-2148734289.jpg", imageAlt: "Hands touching soft, high-quality fabric"},
{
id: "style",
title: "Curated Trendsetting Styles",
descriptions: [
"Our expert stylists handpick each item, bringing you exclusive designs and the latest fashion trends from around the globe.",
],
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-looking-wardrobe_23-2148316749.jpg",
imageAlt: "Fashion stylist advising a client on new clothes",
},
id: "style", title: "Curated Trendsetting Styles", descriptions: [
"Our expert stylists handpick each item, bringing you exclusive designs and the latest fashion trends from around the globe."],
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-looking-wardrobe_23-2148316749.jpg", imageAlt: "Fashion stylist advising a client on new clothes"},
{
id: "service",
title: "Exceptional Customer Care",
descriptions: [
"From personalized recommendations to hassle-free returns, we're dedicated to providing an unparalleled shopping experience.",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-with-delivery-service-worker-uniform-woman-holding-box-with-attractive-smiling-isolated_231208-10925.jpg",
imageAlt: "Package being delivered to a customer",
},
id: "service", title: "Exceptional Customer Care", descriptions: [
"From personalized recommendations to hassle-free returns, we're dedicated to providing an unparalleled shopping experience."],
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-with-delivery-service-worker-uniform-woman-holding-box-with-attractive-smiling-isolated_231208-10925.jpg", imageAlt: "Package being delivered to a customer"},
]}
title="Why Choose Fashion Forward?"
description="We believe in clothing that empowers, inspires, and stands the test of time. Discover the difference quality and passion make."
@@ -245,53 +164,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "blouse-1",
name: "The Essential Silk Blouse",
price: "$89.00",
variant: "White, S-XL",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-elegant-white-shirt-suspenders-new-feminity-concept_23-2148951049.jpg",
imageAlt: "Elegant white silk blouse",
},
id: "blouse-1", name: "The Essential Silk Blouse", price: "$89.00", variant: "White, S-XL", imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-elegant-white-shirt-suspenders-new-feminity-concept_23-2148951049.jpg", imageAlt: "Elegant white silk blouse"},
{
id: "jeans-1",
name: "Vintage Slim Fit Jeans",
price: "$95.00",
variant: "Blue Wash, 28-36",
imageSrc: "http://img.b2bpic.net/free-photo/modern-interracial-young-couple-wearing-sunglasses-looking-camera_23-2148151749.jpg",
imageAlt: "Distressed blue denim jeans",
},
id: "jeans-1", name: "Vintage Slim Fit Jeans", price: "$95.00", variant: "Blue Wash, 28-36", imageSrc: "http://img.b2bpic.net/free-photo/modern-interracial-young-couple-wearing-sunglasses-looking-camera_23-2148151749.jpg", imageAlt: "Distressed blue denim jeans"},
{
id: "dress-1",
name: "Bohemian Floral Maxi Dress",
price: "$120.00",
variant: "Multi-color, XS-L",
imageSrc: "http://img.b2bpic.net/free-photo/full-lenght-image-pretty-blond-woman-with-bouquet-lavender-walking-beach-sunset-colors_273443-3506.jpg",
imageAlt: "Flowy bohemian floral maxi dress",
},
id: "dress-1", name: "Bohemian Floral Maxi Dress", price: "$120.00", variant: "Multi-color, XS-L", imageSrc: "http://img.b2bpic.net/free-photo/full-lenght-image-pretty-blond-woman-with-bouquet-lavender-walking-beach-sunset-colors_273443-3506.jpg", imageAlt: "Flowy bohemian floral maxi dress"},
{
id: "coat-1",
name: "Classic Wool Trench Coat",
price: "$299.00",
variant: "Beige, S-XL",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-interracial-young-couple-looking-each-other_23-2148151803.jpg",
imageAlt: "Beige classic wool trench coat",
},
id: "coat-1", name: "Classic Wool Trench Coat", price: "$299.00", variant: "Beige, S-XL", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-interracial-young-couple-looking-each-other_23-2148151803.jpg", imageAlt: "Beige classic wool trench coat"},
{
id: "hoodie-1",
name: "Urban Comfort Hoodie",
price: "$65.00",
variant: "Charcoal, S-XXL",
imageSrc: "http://img.b2bpic.net/free-vector/happy-new-year-2025-text-typography-design-element-flyer-banner-poster-design_460848-18792.jpg",
imageAlt: "Charcoal urban comfort hoodie with graphic print",
},
id: "hoodie-1", name: "Urban Comfort Hoodie", price: "$65.00", variant: "Charcoal, S-XXL", imageSrc: "http://img.b2bpic.net/free-vector/happy-new-year-2025-text-typography-design-element-flyer-banner-poster-design_460848-18792.jpg", imageAlt: "Charcoal urban comfort hoodie with graphic print"},
{
id: "blazer-1",
name: "Tailored Power Blazer",
price: "$150.00",
variant: "Black, XS-XL",
imageSrc: "http://img.b2bpic.net/free-photo/girl-jacket_1303-4471.jpg",
imageAlt: "Black tailored power blazer",
},
id: "blazer-1", name: "Tailored Power Blazer", price: "$150.00", variant: "Black, XS-XL", imageSrc: "http://img.b2bpic.net/free-photo/girl-jacket_1303-4471.jpg", imageAlt: "Black tailored power blazer"},
]}
title="Our Latest Collection"
description="Browse our handpicked selection of garments, designed to inspire and elevate your personal style."
@@ -306,53 +189,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sophia R.",
handle: "@sophia.style",
testimonial: "Fashion Forward transformed my wardrobe! Every piece feels high-end and unique. Truly exceptional.",
imageSrc: "http://img.b2bpic.net/free-photo/intercultural-friends-looking-camera_23-2148300916.jpg",
imageAlt: "Sophia R.",
},
id: "t1", name: "Sophia R.", handle: "@sophia.style", testimonial: "Fashion Forward transformed my wardrobe! Every piece feels high-end and unique. Truly exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/intercultural-friends-looking-camera_23-2148300916.jpg", imageAlt: "Sophia R."},
{
id: "t2",
name: "Liam T.",
handle: "@liam.trends",
testimonial: "Fast shipping, incredible quality, and styles that truly stand out. I'm a loyal customer for life!",
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2922.jpg",
imageAlt: "Liam T.",
},
id: "t2", name: "Liam T.", handle: "@liam.trends", testimonial: "Fast shipping, incredible quality, and styles that truly stand out. I'm a loyal customer for life!", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2922.jpg", imageAlt: "Liam T."},
{
id: "t3",
name: "Chloe M.",
handle: "@chloe.couture",
testimonial: "I always get compliments when wearing Fashion Forward. Their attention to detail is unmatched. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-teenager-portraits-isolated_23-2149158260.jpg",
imageAlt: "Chloe M.",
},
id: "t3", name: "Chloe M.", handle: "@chloe.couture", testimonial: "I always get compliments when wearing Fashion Forward. Their attention to detail is unmatched. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/happy-teenager-portraits-isolated_23-2149158260.jpg", imageAlt: "Chloe M."},
{
id: "t4",
name: "Noah B.",
handle: "@noah.fits",
testimonial: "The fit and feel of their clothes are perfect. It’s rare to find such quality online. Great job, Fashion Forward!",
imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379369.jpg",
imageAlt: "Noah B.",
},
id: "t4", name: "Noah B.", handle: "@noah.fits", testimonial: "The fit and feel of their clothes are perfect. It’s rare to find such quality online. Great job, Fashion Forward!", imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379369.jpg", imageAlt: "Noah B."},
{
id: "t5",
name: "Mia L.",
handle: "@mia.fashion",
testimonial: "Their collections are always fresh and inspiring. My favorite online boutique by far for unique fashion finds.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-holds-painting-brushes-near-her-face-gray-background_114579-23002.jpg",
imageAlt: "Mia L.",
},
id: "t5", name: "Mia L.", handle: "@mia.fashion", testimonial: "Their collections are always fresh and inspiring. My favorite online boutique by far for unique fashion finds.", imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-holds-painting-brushes-near-her-face-gray-background_114579-23002.jpg", imageAlt: "Mia L."},
{
id: "t6",
name: "Ethan C.",
handle: "@ethan.threads",
testimonial: "From casual wear to statement pieces, Fashion Forward has it all. Exceptional value and impeccable style.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-white-shirt-dark-photo-studio_613910-3434.jpg",
imageAlt: "Ethan C.",
},
id: "t6", name: "Ethan C.", handle: "@ethan.threads", testimonial: "From casual wear to statement pieces, Fashion Forward has it all. Exceptional value and impeccable style.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-white-shirt-dark-photo-studio_613910-3434.jpg", imageAlt: "Ethan C."},
]}
title="What Our Customers Say"
description="Hear directly from our community about their Fashion Forward experience."
@@ -365,14 +212,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Vogue Collective",
"Style Hub",
"Fashion Insider",
"Trendsetters Daily",
"Modern Apparel Co.",
"Haute Couture Review",
"Global Fashion Alliance",
]}
"Vogue Collective", "Style Hub", "Fashion Insider", "Trendsetters Daily", "Modern Apparel Co.", "Haute Couture Review", "Global Fashion Alliance"]}
title="Trusted by Industry Leaders"
description="Our commitment to excellence has earned us recognition and partnerships across the fashion world."
tag="Our Partners"
@@ -384,30 +224,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What is your return policy?",
content: "We offer a 30-day return policy for all unworn and unwashed items with tags still attached. Visit our Returns page for more details.",
},
id: "q1", title: "What is your return policy?", content: "We offer a 30-day return policy for all unworn and unwashed items with tags still attached. Visit our Returns page for more details."},
{
id: "q2",
title: "How do I determine my size?",
content: "Please refer to our comprehensive size guide available on each product page. If you need further assistance, our customer service team is happy to help!",
},
id: "q2", title: "How do I determine my size?", content: "Please refer to our comprehensive size guide available on each product page. If you need further assistance, our customer service team is happy to help!"},
{
id: "q3",
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 page.",
},
id: "q3", 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 page."},
{
id: "q4",
title: "How can I track my order?",
content: "Once your order has shipped, you will receive an email with tracking information. You can use this to monitor your package's journey.",
},
id: "q4", title: "How can I track my order?", content: "Once your order has shipped, you will receive an email with tracking information. You can use this to monitor your package's journey."},
{
id: "q5",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, PayPal, Apple Pay, and Google Pay for your convenience.",
},
id: "q5", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, Apple Pay, and Google Pay for your convenience."},
]}
sideTitle="Your Questions, Answered"
sideDescription="Find quick answers to the most common questions about our products, shipping, and services."
@@ -419,8 +244,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Need Assistance?"
description="Our team is here to help with any inquiries, style advice, or support you may need. Send us a message!"
@@ -439,65 +263,41 @@ export default function LandingPage() {
{
items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Story",
href: "#",
},
label: "Our Story", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
items: [
{
label: "Shop Men's",
href: "#products",
},
label: "Shop Men's", href: "#products"},
{
label: "Shop Women's",
href: "#products",
},
label: "Shop Women's", href: "#products"},
{
label: "Sale",
href: "#",
},
label: "Sale", href: "#"},
],
},
{
items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Shipping",
href: "#",
},
label: "Shipping", href: "#"},
{
label: "Returns",
href: "#",
},
label: "Returns", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}