1 Commits

Author SHA1 Message Date
66142d5dd3 Update src/app/page.tsx 2026-05-06 17:02:37 +00:00

View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "How it Works", name: "How it Works", id: "features"},
id: "features",
},
{ {
name: "Catalog", name: "Catalog", id: "catalog"},
id: "catalog",
},
{ {
name: "Testimonials", name: "Testimonials", id: "testimonials"},
id: "testimonials",
},
]} ]}
brandName="StyleAI" brandName="StyleAI"
/> />
@@ -55,19 +47,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
logoText="StyleAI" logoText="StyleAI"
description="Your digital stylist. Curating personalized outfits from the world's best collections." description="Your digital stylist. Curating personalized outfits from the world's best collections."
buttons={[ buttons={[
{ {
text: "Get Started", text: "Start My Style Profile", href: "#catalog"},
href: "#catalog",
},
{ {
text: "How it Works", text: "How it Works", href: "#features"},
href: "#features",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562530.jpg" imageSrc="http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562530.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -82,19 +69,13 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: Zap, icon: Zap,
title: "Instant Curation", title: "Instant Curation", description: "AI analysis of your preferences for instant, accurate outfit matches."},
description: "AI analysis of your preferences for instant, accurate outfit matches.",
},
{ {
icon: Sparkles, icon: Sparkles,
title: "Trend Awareness", title: "Trend Awareness", description: "Always stay current with the latest fashion trends and seasonal styles."},
description: "Always stay current with the latest fashion trends and seasonal styles.",
},
{ {
icon: Shield, icon: Shield,
title: "Verified Fits", title: "Verified Fits", description: "Customized recommendations based on your unique body shape and style."},
description: "Customized recommendations based on your unique body shape and style.",
},
]} ]}
title="Smart Styling Features" title="Smart Styling Features"
description="Powerful AI-driven tools designed to help you look your absolute best." description="Powerful AI-driven tools designed to help you look your absolute best."
@@ -109,41 +90,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Modern Blazer", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-brunette-business-young-woman-model-white-coat-jacket-hipster-cloth-jeans-hat_158538-2841.jpg"},
name: "Modern Blazer",
price: "$299",
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-brunette-business-young-woman-model-white-coat-jacket-hipster-cloth-jeans-hat_158538-2841.jpg",
},
{ {
id: "p2", id: "p2", name: "Summer Dress", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-woman-trendy-summer-colourful-clothessexy-carefree-woman-posing-near-white-wall-street-sunset-hat-positive-model-outdoorshappy-cheerful_158538-24243.jpg"},
name: "Summer Dress",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-woman-trendy-summer-colourful-clothessexy-carefree-woman-posing-near-white-wall-street-sunset-hat-positive-model-outdoorshappy-cheerful_158538-24243.jpg",
},
{ {
id: "p3", id: "p3", name: "Dark Denim", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg"},
name: "Dark Denim",
price: "$89",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg",
},
{ {
id: "p4", id: "p4", name: "Leather Boots", price: "$240", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-shoemaker-workshop-making-shoes_171337-12271.jpg"},
name: "Leather Boots",
price: "$240",
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-shoemaker-workshop-making-shoes_171337-12271.jpg",
},
{ {
id: "p5", id: "p5", name: "Designer Bag", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-brunette-woman-model-casual-autumn-gray-sweater-clothes-with-no-makeup-isolated-gray-with-handbag-giving-kiss_158538-14386.jpg"},
name: "Designer Bag",
price: "$450",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-brunette-woman-model-casual-autumn-gray-sweater-clothes-with-no-makeup-isolated-gray-with-handbag-giving-kiss_158538-14386.jpg",
},
{ {
id: "p6", id: "p6", name: "Patterned Scarf", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-speaking-smartphone-near-tree_23-2147883254.jpg"},
name: "Patterned Scarf",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-speaking-smartphone-near-tree_23-2147883254.jpg",
},
]} ]}
title="Top Picks" title="Top Picks"
description="Explore the latest curated essentials for your new wardrobe." description="Explore the latest curated essentials for your new wardrobe."
@@ -157,17 +114,11 @@ export default function LandingPage() {
description="We blend expert stylist intuition with data-driven fashion insights to redefine your personal brand." description="We blend expert stylist intuition with data-driven fashion insights to redefine your personal brand."
metrics={[ metrics={[
{ {
value: "50k+", value: "50k+", title: "Happy Users"},
title: "Happy Users",
},
{ {
value: "1M+", value: "1M+", title: "Outfits Curated"},
title: "Outfits Curated",
},
{ {
value: "95%", value: "95%", title: "Satisfaction Rate"},
title: "Satisfaction Rate",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334487.jpg" imageSrc="http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334487.jpg"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
@@ -182,40 +133,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Alex R.", handle: "@alexstyle", testimonial: "StyleAI completely transformed how I put my looks together. Effortless.", imageSrc: "http://img.b2bpic.net/free-photo/awesome-man-dark-shirt-sweater-laughing-isolated-background_197531-26795.jpg"},
name: "Alex R.",
handle: "@alexstyle",
testimonial: "StyleAI completely transformed how I put my looks together. Effortless.",
imageSrc: "http://img.b2bpic.net/free-photo/awesome-man-dark-shirt-sweater-laughing-isolated-background_197531-26795.jpg",
},
{ {
id: "2", id: "2", name: "Maria S.", handle: "@marias", testimonial: "I finally feel confident in what I wear every day. The suggestions are spot on.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg"},
name: "Maria S.",
handle: "@marias",
testimonial: "I finally feel confident in what I wear every day. The suggestions are spot on.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
},
{ {
id: "3", id: "3", name: "John D.", handle: "@johnd", testimonial: "The AI is remarkably accurate with sizes and trends. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/image-happy-smiling-africanamerican-girl-white-tshirt-cross-arms-chest-looking-confiden_1258-130792.jpg"},
name: "John D.",
handle: "@johnd",
testimonial: "The AI is remarkably accurate with sizes and trends. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/image-happy-smiling-africanamerican-girl-white-tshirt-cross-arms-chest-looking-confiden_1258-130792.jpg",
},
{ {
id: "4", id: "4", name: "Elena K.", handle: "@elenak", testimonial: "A complete game changer for my professional wardrobe. Simply amazing.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-makeup-artist-doing-her-job_23-2149640916.jpg"},
name: "Elena K.",
handle: "@elenak",
testimonial: "A complete game changer for my professional wardrobe. Simply amazing.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-makeup-artist-doing-her-job_23-2149640916.jpg",
},
{ {
id: "5", id: "5", name: "Sam B.", handle: "@samb", testimonial: "I love how it learns my taste over time. It's truly a personal stylist.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-male-with-crossed-tattooed-arms-dressed-plaid-shirt-isolated-grey-vignette-background_613910-11801.jpg"},
name: "Sam B.",
handle: "@samb",
testimonial: "I love how it learns my taste over time. It's truly a personal stylist.",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-male-with-crossed-tattooed-arms-dressed-plaid-shirt-isolated-grey-vignette-background_613910-11801.jpg",
},
]} ]}
title="Loved by Everyone" title="Loved by Everyone"
description="See why our users trust us with their personal style evolution." description="See why our users trust us with their personal style evolution."
@@ -228,20 +154,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "How does it work?", content: "Our AI analyzes your body type, color preferences, and lifestyle to suggest the perfect outfits."},
title: "How does it work?",
content: "Our AI analyzes your body type, color preferences, and lifestyle to suggest the perfect outfits.",
},
{ {
id: "f2", id: "f2", title: "Is the sizing accurate?", content: "We use advanced algorithms to ensure our recommendations perfectly align with standard sizing."},
title: "Is the sizing accurate?",
content: "We use advanced algorithms to ensure our recommendations perfectly align with standard sizing.",
},
{ {
id: "f3", id: "f3", title: "Can I return items?", content: "Yes, we facilitate easy returns for all recommended items purchased through our platform."},
title: "Can I return items?",
content: "Yes, we facilitate easy returns for all recommended items purchased through our platform.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/man-talking-with-female-sales-person-car-show-room_1303-17067.jpg" imageSrc="http://img.b2bpic.net/free-photo/man-talking-with-female-sales-person-car-show-room_1303-17067.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -255,16 +172,13 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Get Started" tag="Get Started"
title="Ready to Transform Your Style?" title="Ready to Transform Your Style?"
description="Sign up now and get your first curated outfit suggestion within minutes." description="Sign up now and get your first curated outfit suggestion within minutes."
buttons={[ buttons={[
{ {
text: "Sign Up", text: "Sign Up", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -273,29 +187,19 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Platform", title: "Platform", items: [
items: [
{ {
label: "About", label: "About", href: "#"},
href: "#",
},
{ {
label: "Blog", label: "Blog", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy", label: "Privacy", href: "#"},
href: "#",
},
{ {
label: "Terms", label: "Terms", href: "#"},
href: "#",
},
], ],
}, },
]} ]}