From 9b22fe11d8b29d4627b9d00d0abbccc50c82ad3f Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 19 Apr 2026 23:43:01 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 239 ++++++++++++----------------------------------- 1 file changed, 58 insertions(+), 181 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 66dbf94..df0a838 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,27 +21,26 @@ export default function LandingPage() { defaultButtonVariant="text-stagger" defaultTextAnimation="background-highlight" borderRadius="pill" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -71,9 +66,7 @@ export default function LandingPage() { useInvertedBackground={true} title="Crafting Comfort for Every Step" description={[ - "Founded on the principles of quality and modern design, ShoeSpace provides footwear that blends aesthetics with performance.", - "Our mission is to ensure that every customer experiences unparalleled comfort while looking their best, no matter where their journey takes them.", - ]} + "Founded on the principles of quality and modern design, ShoeSpace provides footwear that blends aesthetics with performance.", "Our mission is to ensure that every customer experiences unparalleled comfort while looking their best, no matter where their journey takes them."]} /> @@ -85,47 +78,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "Velocity Pro", - price: "$120", - variant: "Athletic", - imageSrc: "http://img.b2bpic.net/free-photo/person-using-mobile-phone-while-sitting_23-2148295855.jpg?_wi=1", - }, + id: "p1", name: "Velocity Pro", price: "$120", variant: "Athletic", imageSrc: "http://img.b2bpic.net/free-photo/person-using-mobile-phone-while-sitting_23-2148295855.jpg"}, { - id: "p2", - name: "Classic Oxford", - price: "$180", - variant: "Formal", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-casual-leather-men-shoes_1203-7705.jpg", - }, + id: "p2", name: "Classic Oxford", price: "$180", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-casual-leather-men-shoes_1203-7705.jpg"}, { - id: "p3", - name: "Trainer X", - price: "$95", - variant: "Fitness", - imageSrc: "http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915644.jpg", - }, + id: "p3", name: "Trainer X", price: "$95", variant: "Fitness", imageSrc: "http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915644.jpg"}, { - id: "p4", - name: "Daily Casual", - price: "$80", - variant: "Lifestyle", - imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-their-intimacy-moments_23-2149239132.jpg", - }, + id: "p4", name: "Daily Casual", price: "$80", variant: "Lifestyle", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-their-intimacy-moments_23-2149239132.jpg"}, { - id: "p5", - name: "Trail Finder", - price: "$150", - variant: "Hiking", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-hanging-camera_23-2147635487.jpg", - }, + id: "p5", name: "Trail Finder", price: "$150", variant: "Hiking", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hanging-camera_23-2147635487.jpg"}, { - id: "p6", - name: "Sky Runner", - price: "$130", - variant: "Running", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-hand-folding-exercise-mat_23-2147941736.jpg", - }, + id: "p6", name: "Sky Runner", price: "$130", variant: "Running", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-hand-folding-exercise-mat_23-2147941736.jpg"}, ]} title="Discover Your Style" description="Browse our latest arrivals and timeless classics, handpicked to ensure you get the perfect fit." @@ -139,49 +102,31 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Ergonomic Support", - description: "Designed for maximum support and comfort.", - icon: Sparkles, + title: "Ergonomic Support", description: "Designed for maximum support and comfort.", icon: Sparkles, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-diversity-sport-woman-training_23-2149174792.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-diversity-sport-woman-training_23-2149174792.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-metal_23-2148198891.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-metal_23-2148198891.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-down-stairs_53876-101877.jpg?_wi=2", - imageAlt: "durable sole material close up", }, { - title: "Breathable Fabric", - description: "Stay cool with high-quality mesh materials.", - icon: Zap, + title: "Breathable Fabric", description: "Stay cool with high-quality mesh materials.", icon: Zap, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-athlete-tying-her-shoes_23-2148267176.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-athlete-tying-her-shoes_23-2148267176.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-tying-laces-stairs_23-2147786952.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-tying-laces-stairs_23-2147786952.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/arab-man-wear-black-jeans-jacket-eyeglasses-cafe-drink-coffee-bar-with-book-stylish-fashionable-arabian-model-guy_627829-982.jpg", - imageAlt: "durable sole material close up", }, { - title: "Ultralight Feel", - description: "Weightless design for all-day wear.", - icon: CheckCircle, + title: "Ultralight Feel", description: "Weightless design for all-day wear.", icon: CheckCircle, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-man-sitting-bridge-flowing-ditch_23-2148187333.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-man-sitting-bridge-flowing-ditch_23-2148187333.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150165197.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/woman-with-visible-abs-doing-fitness_23-2150165197.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/person-using-mobile-phone-while-sitting_23-2148295855.jpg?_wi=2", - imageAlt: "durable sole material close up", }, ]} title="Why Choose ShoeSpace?" @@ -194,14 +139,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "TechGear", - "UrbanPulse", - "StyleDaily", - "RunnersWorld", - "ApexFitness", - "CityWalker", - "TrendSetters", - ]} + "TechGear", "UrbanPulse", "StyleDaily", "RunnersWorld", "ApexFitness", "CityWalker", "TrendSetters"]} title="Trusted by Leaders" description="Our footwear is worn by professionals across various industries worldwide." /> @@ -215,20 +153,11 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "m1", - value: "50K+", - description: "Happy Customers", - }, + id: "m1", value: "50K+", description: "Happy Customers"}, { - id: "m2", - value: "100+", - description: "Models Available", - }, + id: "m2", value: "100+", description: "Models Available"}, { - id: "m3", - value: "15+", - description: "Global Awards", - }, + id: "m3", value: "15+", description: "Global Awards"}, ]} title="By the Numbers" description="Our commitment to quality speaks for itself." @@ -243,45 +172,20 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Alice M.", - role: "Designer", - company: "Creative Hub", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-smiling-hipster-woman-sunglasses-trendy-girl-summer-t-shirt-shorts-positive-female-with-blue-penny-skateboard-posing-street-background_158538-16187.jpg", - }, + id: "1", name: "Alice M.", role: "Designer", company: "Creative Hub", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-smiling-hipster-woman-sunglasses-trendy-girl-summer-t-shirt-shorts-positive-female-with-blue-penny-skateboard-posing-street-background_158538-16187.jpg"}, { - id: "2", - name: "Bob R.", - role: "Developer", - company: "CodeFlow", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-climbing-down-stairs_23-2148765401.jpg", - }, + id: "2", name: "Bob R.", role: "Developer", company: "CodeFlow", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-climbing-down-stairs_23-2148765401.jpg"}, { - id: "3", - name: "Charlie L.", - role: "Hiker", - company: "Outdoorsy", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/adventure-seeker-stands-peak-with-satisfaction-successful-climb_482257-119982.jpg", - }, + id: "3", name: "Charlie L.", role: "Hiker", company: "Outdoorsy", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/adventure-seeker-stands-peak-with-satisfaction-successful-climb_482257-119982.jpg"}, { - id: "4", - name: "Diana K.", - role: "Fashionista", - company: "TrendSetters", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-sitting-by-pool_1303-21544.jpg", - }, + id: "4", name: "Diana K.", role: "Fashionista", company: "TrendSetters", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-sitting-by-pool_1303-21544.jpg"}, { - id: "5", - name: "Erik S.", - role: "Athlete", - company: "ApexFitness", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/she-is-determined-run_329181-4352.jpg", - }, + id: "5", name: "Erik S.", role: "Athlete", company: "ApexFitness", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/she-is-determined-run_329181-4352.jpg"}, ]} title="Customer Reviews" description="See what our community has to say about their experience with ShoeSpace." @@ -294,20 +198,11 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "q1", - title: "What is the return policy?", - content: "We offer a 30-day return policy for all unworn shoes.", - }, + id: "q1", title: "What is the return policy?", content: "We offer a 30-day return policy for all unworn shoes."}, { - id: "q2", - title: "How do I find my size?", - content: "Use our sizing guide located on every product page.", - }, + id: "q2", title: "How do I find my size?", content: "Use our sizing guide located on every product page."}, { - id: "q3", - title: "Do you offer international shipping?", - content: "Yes, we ship to over 50 countries worldwide.", - }, + id: "q3", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide."}, ]} title="Frequently Asked Questions" description="Answers to commonly asked questions about shipping, returns, and sizes." @@ -319,16 +214,13 @@ export default function LandingPage() { @@ -337,42 +229,27 @@ export default function LandingPage() {