Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 88aeda1a0b | |||
| 66142d5dd3 |
168
src/app/page.tsx
168
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "features",
|
||||
},
|
||||
name: "How it Works", id: "features"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Catalog", id: "catalog"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="StyleAI"
|
||||
/>
|
||||
@@ -55,19 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="StyleAI"
|
||||
description="Your digital stylist. Curating personalized outfits from the world's best collections."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Start My Style Profile", href: "#catalog"},
|
||||
{
|
||||
text: "How it Works",
|
||||
href: "#features",
|
||||
},
|
||||
text: "How it Works", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562530.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -82,19 +69,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Instant Curation",
|
||||
description: "AI analysis of your preferences for instant, accurate outfit matches.",
|
||||
},
|
||||
title: "Instant Curation", description: "AI analysis of your preferences for instant, accurate outfit matches."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Trend Awareness",
|
||||
description: "Always stay current with the latest fashion trends and seasonal styles.",
|
||||
},
|
||||
title: "Trend Awareness", description: "Always stay current with the latest fashion trends and seasonal styles."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Verified Fits",
|
||||
description: "Customized recommendations based on your unique body shape and style.",
|
||||
},
|
||||
title: "Verified Fits", description: "Customized recommendations based on your unique body shape and style."},
|
||||
]}
|
||||
title="Smart Styling Features"
|
||||
description="Powerful AI-driven tools designed to help you look your absolute best."
|
||||
@@ -109,41 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Dark Denim",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg",
|
||||
},
|
||||
id: "p3", name: "Dark Denim", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Leather Boots",
|
||||
price: "$240",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-shoemaker-workshop-making-shoes_171337-12271.jpg",
|
||||
},
|
||||
id: "p4", name: "Leather Boots", price: "$240", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-shoemaker-workshop-making-shoes_171337-12271.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Patterned Scarf",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-speaking-smartphone-near-tree_23-2147883254.jpg",
|
||||
},
|
||||
id: "p6", name: "Patterned Scarf", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-speaking-smartphone-near-tree_23-2147883254.jpg"},
|
||||
]}
|
||||
title="Top Picks"
|
||||
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."
|
||||
metrics={[
|
||||
{
|
||||
value: "50k+",
|
||||
title: "Happy Users",
|
||||
},
|
||||
value: "50k+", title: "Happy Users"},
|
||||
{
|
||||
value: "1M+",
|
||||
title: "Outfits Curated",
|
||||
},
|
||||
value: "1M+", title: "Outfits Curated"},
|
||||
{
|
||||
value: "95%",
|
||||
title: "Satisfaction Rate",
|
||||
},
|
||||
value: "95%", title: "Satisfaction Rate"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334487.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -182,40 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Loved by Everyone"
|
||||
description="See why our users trust us with their personal style evolution."
|
||||
@@ -228,20 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does it work?",
|
||||
content: "Our AI analyzes your body type, color preferences, and lifestyle to suggest the perfect outfits.",
|
||||
},
|
||||
id: "f1", title: "How does it work?", content: "Our AI analyzes your body type, color preferences, and lifestyle to suggest the perfect outfits."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the sizing accurate?",
|
||||
content: "We use advanced algorithms to ensure our recommendations perfectly align with standard sizing.",
|
||||
},
|
||||
id: "f2", title: "Is the sizing accurate?", content: "We use advanced algorithms to ensure our recommendations perfectly align with standard sizing."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, we facilitate easy returns for all recommended items purchased through our platform.",
|
||||
},
|
||||
id: "f3", 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"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -255,16 +172,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Transform Your Style?"
|
||||
description="Sign up now and get your first curated outfit suggestion within minutes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -273,29 +187,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -306,4 +210,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user