bender/370449e8-7b8c-40d3-8d36-038e25a42353
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-03-21 02:47:00 +00:00
parent 6eaff6e494
commit 509e1d3e36
1 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/app/page.tsx
View File

@@ -53,7 +53,7 @@ export default function LandingPage() {
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/modern-mobile-app-interface-mockup-showi-1774060740471-d21e7f8d.png"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/modern-mobile-app-interface-mockup-showi-1774060740471-d21e7f8d.png?_wi=1"
imageAlt="StyleFlow AI Mobile App Interface"
mediaAnimation="blur-reveal"
frameStyle="card"
@@ -68,23 +68,23 @@ export default function LandingPage() {
features={[
{
id: "step1", title: "Style Preference", author: "Step 1", description: "Select your style preference: Men's Fashion, Women's Fashion, or All Styles", tags: ["Gender", "Style", "Preference"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-onboarding-screen-showing-sty-1774060740332-d6839d7e.png", imageAlt: "Style preference selection screen"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-onboarding-screen-showing-sty-1774060740332-d6839d7e.png?_wi=1", imageAlt: "Style preference selection screen"
},
{
id: "step2", title: "Shopping Frequency", author: "Step 2", description: "Tell us how often you shop: Weekly, Monthly, Seasonally, or Rarely", tags: ["Shopping", "Habit", "Frequency"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-onboarding-step-2-showing-sho-1774060740786-bcbe79ad.png", imageAlt: "Shopping frequency selection"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-onboarding-step-2-showing-sho-1774060740786-bcbe79ad.png?_wi=1", imageAlt: "Shopping frequency selection"
},
{
id: "step3", title: "Outfit Confusion", author: "Step 3", description: "Rate how often you feel confused about what to wear daily", tags: ["Decision", "Challenge", "Frequency"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-onboarding-step-3-showing-out-1774060739769-7fc25478.png", imageAlt: "Outfit confusion frequency selection"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-onboarding-step-3-showing-out-1774060739769-7fc25478.png?_wi=1", imageAlt: "Outfit confusion frequency selection"
},
{
id: "step4", title: "Time to Choose", author: "Step 4", description: "Interactive slider showing how long you spend choosing outfits (0-20+ minutes)", tags: ["Time", "Decision", "Slider"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-onboarding-step-4-showing-tim-1774060740300-94c7e36c.png", imageAlt: "Time to choose slider interface"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-onboarding-step-4-showing-tim-1774060740300-94c7e36c.png?_wi=1", imageAlt: "Time to choose slider interface"
},
{
id: "step5", title: "Age Range", author: "Step 5", description: "Select your age range: 18-24, 25-34, 35-44, 45-54, or 55+", tags: ["Demographics", "Age", "Profile"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-onboarding-step-5-showing-age-1774060740696-6c0572f0.png", imageAlt: "Age range selection screen"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-onboarding-step-5-showing-age-1774060740696-6c0572f0.png?_wi=1", imageAlt: "Age range selection screen"
}
]}
animationType="slide-up"
@@ -106,27 +106,27 @@ export default function LandingPage() {
products={[
{
id: "smart-generator", brand: "AI Engine", name: "Smart Outfit Generator", price: "Instant", rating: 5,
reviewCount: "2,847", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-screen-showing-smart-outfit-g-1774060740776-16534c83.png", imageAlt: "Smart Outfit Generator interface showing AI recommendations"
reviewCount: "2,847", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-screen-showing-smart-outfit-g-1774060740776-16534c83.png?_wi=1", imageAlt: "Smart Outfit Generator interface showing AI recommendations"
},
{
id: "closet-analysis", brand: "Computer Vision", name: "Closet Analysis", price: "Real-time", rating: 5,
reviewCount: "1,923", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-closet-analysis-feature-scree-1774060741265-69d17829.png", imageAlt: "Closet Analysis tool categorizing wardrobe items"
reviewCount: "1,923", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-closet-analysis-feature-scree-1774060741265-69d17829.png?_wi=1", imageAlt: "Closet Analysis tool categorizing wardrobe items"
},
{
id: "daily-suggestions", brand: "ML Prediction", name: "Daily Outfit Suggestions", price: "Personalized", rating: 5,
reviewCount: "3,156", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-showing-daily-outfit-suggesti-1774060739596-adf4482d.png", imageAlt: "Daily Outfit Suggestions based on weather and style"
reviewCount: "3,156", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-showing-daily-outfit-suggesti-1774060739596-adf4482d.png?_wi=1", imageAlt: "Daily Outfit Suggestions based on weather and style"
},
{
id: "style-improvement", brand: "AI Mentor", name: "Style Improvement Tips", price: "Adaptive", rating: 5,
reviewCount: "1,654", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-style-improvement-tips-sectio-1774060756169-61f5bbbf.png", imageAlt: "Style Improvement recommendations and tips"
reviewCount: "1,654", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-style-improvement-tips-sectio-1774060756169-61f5bbbf.png?_wi=1", imageAlt: "Style Improvement recommendations and tips"
},
{
id: "nothing-to-wear", brand: "Emergency Mode", name: "Nothing to Wear Fix", price: "One-Tap", rating: 5,
reviewCount: "2,201", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-emergency-mode-nothing-to-wea-1774060740920-76d799d8.png", imageAlt: "Emergency mode generating 3 instant outfits"
reviewCount: "2,201", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-emergency-mode-nothing-to-wea-1774060740920-76d799d8.png?_wi=1", imageAlt: "Emergency mode generating 3 instant outfits"
},
{
id: "trend-detection", brand: "Real-time", name: "Trend Detection", price: "Weekly", rating: 5,
reviewCount: "987", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-trend-detection-feature-showi-1774060739827-c912fd6c.png", imageAlt: "Trending styles and fashion detection"
reviewCount: "987", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-trend-detection-feature-showi-1774060739827-c912fd6c.png?_wi=1", imageAlt: "Trending styles and fashion detection"
}
]}
gridVariant="bento-grid"
@@ -149,7 +149,7 @@ export default function LandingPage() {
{ text: "Try It Free", href: "#contact" },
{ text: "Learn More", href: "#faq" }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-dashboard-showing-how-the-per-1774060740825-e0a00c8c.png"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/mobile-app-dashboard-showing-how-the-per-1774060740825-e0a00c8c.png?_wi=1"
imageAlt="StyleFlow AI Dashboard showing personalized recommendations"
useInvertedBackground={false}
ariaLabel="How StyleFlow AI Personalization Works"
@@ -162,16 +162,16 @@ export default function LandingPage() {
description="Thousands of users have transformed their daily style routine with StyleFlow AI. See the impact our app has made on people's lives."
metrics={[
{
id: "users", value: "50,000+", title: "Active Users", description: "People enjoying AI-powered style assistance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/illustration-showing-community-of-active-1774060740798-4b4c80e5.png", imageAlt: "Active users illustration"
id: "users", value: "50,000+", title: "Active Users", description: "People enjoying AI-powered style assistance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/illustration-showing-community-of-active-1774060740798-4b4c80e5.png?_wi=1", imageAlt: "Active users illustration"
},
{
id: "outfits", value: "2.5M+", title: "Outfits Generated", description: "Personalized recommendations created daily", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/visual-representation-of-millions-of-out-1774060742272-f8495862.png", imageAlt: "Outfits generated illustration"
id: "outfits", value: "2.5M+", title: "Outfits Generated", description: "Personalized recommendations created daily", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/visual-representation-of-millions-of-out-1774060742272-f8495862.png?_wi=1", imageAlt: "Outfits generated illustration"
},
{
id: "time-saved", value: "18 min", title: "Time Saved Daily", description: "Average time saved per morning routine", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/illustration-showing-time-savings-concep-1774060739868-8711f254.png", imageAlt: "Time saved illustration"
id: "time-saved", value: "18 min", title: "Time Saved Daily", description: "Average time saved per morning routine", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/illustration-showing-time-savings-concep-1774060739868-8711f254.png?_wi=1", imageAlt: "Time saved illustration"
},
{
id: "satisfaction", value: "96%", title: "Satisfaction Rate", description: "Users who recommend StyleFlow AI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/illustration-showing-user-satisfaction-a-1774060742665-55c2bcb6.png", imageAlt: "Satisfaction rate illustration"
id: "satisfaction", value: "96%", title: "Satisfaction Rate", description: "Users who recommend StyleFlow AI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/illustration-showing-user-satisfaction-a-1774060742665-55c2bcb6.png?_wi=1", imageAlt: "Satisfaction rate illustration"
}
]}
animationType="slide-up"
@@ -188,27 +188,27 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Sarah Johnson", handle: "@sarahjstyle", testimonial: "StyleFlow AI completely changed how I approach my mornings. I used to spend 30 minutes deciding what to wear. Now it takes 5 minutes, and I feel more confident in my choices!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/professional-headshot-photo-of-sarah-joh-1774060740540-38a07151.png", imageAlt: "Sarah Johnson profile photo"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/professional-headshot-photo-of-sarah-joh-1774060740540-38a07151.png?_wi=1", imageAlt: "Sarah Johnson profile photo"
},
{
id: "2", name: "Marcus Chen", handle: "@marcusstyles", testimonial: "The closet analysis feature was eye-opening. I discovered outfits I didn't even know I could make with clothes I already own. Saved me hundreds on unnecessary purchases.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/professional-headshot-photo-of-marcus-ch-1774060739436-71a12d15.png", imageAlt: "Marcus Chen profile photo"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/professional-headshot-photo-of-marcus-ch-1774060739436-71a12d15.png?_wi=1", imageAlt: "Marcus Chen profile photo"
},
{
id: "3", name: "Emma Rodriguez", handle: "@emmarestyle", testimonial: "Finally, an app that gets my style! The AI recommendations feel personal, not generic. It's like having a stylist in my pocket without the expensive price tag.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/professional-headshot-photo-of-emma-rodr-1774060739897-1ea96c4e.png", imageAlt: "Emma Rodriguez profile photo"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/professional-headshot-photo-of-emma-rodr-1774060739897-1ea96c4e.png?_wi=1", imageAlt: "Emma Rodriguez profile photo"
},
{
id: "4", name: "David Kim", handle: "@davidkimfashion", testimonial: "The daily outfit suggestions based on weather and my calendar are genius. I'm always dressed appropriately and feeling great. StyleFlow AI is a game-changer for my lifestyle.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/professional-headshot-photo-of-david-kim-1774060740422-ed9c2210.png", imageAlt: "David Kim profile photo"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/professional-headshot-photo-of-david-kim-1774060740422-ed9c2210.png?_wi=1", imageAlt: "David Kim profile photo"
},
{
id: "5", name: "Lisa Patel", handle: "@lisapstyle", testimonial: "I love how the app learns from my choices. The recommendations get better every week. It's like the AI really understands my personal style now.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/professional-headshot-photo-of-lisa-pate-1774060739499-ff485c9e.png", imageAlt: "Lisa Patel profile photo"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/professional-headshot-photo-of-lisa-pate-1774060739499-ff485c9e.png?_wi=1", imageAlt: "Lisa Patel profile photo"
},
{
id: "6", name: "James Wilson", handle: "@jameswilsonfashion", testimonial: "The 'Nothing to Wear' emergency mode saved me multiple times. Instant outfit combinations when I'm in a rush. Worth it just for that feature alone!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/professional-headshot-photo-of-james-wil-1774060739884-dd32226a.png", imageAlt: "James Wilson profile photo"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/professional-headshot-photo-of-james-wil-1774060739884-dd32226a.png?_wi=1", imageAlt: "James Wilson profile photo"
}
]}
showRating={true}
@@ -254,7 +254,7 @@ export default function LandingPage() {
id: "8", title: "Is StyleFlow AI available on both iOS and Android?", content: "Yes, StyleFlow AI is available on both iOS and Android platforms. All features sync across devices, so your style profile is consistent wherever you use the app."
}
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/illustration-showing-faq-concept-with-st-1774060740620-df8221a9.png"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/illustration-showing-faq-concept-with-st-1774060740620-df8221a9.png?_wi=1"
imageAlt="FAQ illustration showing StyleFlow AI features"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -280,7 +280,7 @@ export default function LandingPage() {
required: false
}}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/stylized-mobile-phone-mockup-showing-sty-1774060740667-7d3a3f33.png"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtnBlYrqsYIEbap1b7yoqRiw9m/stylized-mobile-phone-mockup-showing-sty-1774060740667-7d3a3f33.png?_wi=1"
imageAlt="StyleFlow AI App Mockup on Mobile Device"
mediaAnimation="blur-reveal"
mediaPosition="right"