Update src/app/page.tsx

This commit is contained in:
2026-05-25 05:49:17 +00:00
parent 28c0038fb9
commit 0794b831ee

View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="AESTHETE"
/>
@@ -56,99 +48,56 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Premium Crafted, Instantly Yours"
description="Explore every angle of our limited-edition collection. Select your size, confirm quantity, and experience checkout in seconds."
testimonials={[
{
name: "Marcus Chen",
handle: "@mchen",
testimonial: "The build quality is unmatched. These are my daily drivers.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-near-skyscrapers-outdoors-sunset-using-smartphone-apps_158538-21194.jpg",
},
name: "Marcus Chen", handle: "@mchen", testimonial: "The build quality is unmatched. These are my daily drivers.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-near-skyscrapers-outdoors-sunset-using-smartphone-apps_158538-21194.jpg"},
{
name: "Elena Rossi",
handle: "@erossi",
testimonial: "Finally, sneakers that fit perfectly and look this clean.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-sports-fitness-active-healthy-lifestyle-concept-attractive-fit-young-mixed-race-male-with-muscular-shoulders-posing-studio-keeping-arms-folded-his-look-expressing-confidence_343059-339.jpg",
},
name: "Elena Rossi", handle: "@erossi", testimonial: "Finally, sneakers that fit perfectly and look this clean.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-sports-fitness-active-healthy-lifestyle-concept-attractive-fit-young-mixed-race-male-with-muscular-shoulders-posing-studio-keeping-arms-folded-his-look-expressing-confidence_343059-339.jpg"},
{
name: "David Smith",
handle: "@dsmith",
testimonial: "The checkout was seamless, just like the product design.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-chinese-woman-artist-smiling-confident-using-smartphone-art-studio_839833-31842.jpg",
},
name: "David Smith", handle: "@dsmith", testimonial: "The checkout was seamless, just like the product design.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-chinese-woman-artist-smiling-confident-using-smartphone-art-studio_839833-31842.jpg"},
{
name: "Sarah Lee",
handle: "@slee",
testimonial: "Absolute premium comfort. Worth every penny.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg",
},
name: "Sarah Lee", handle: "@slee", testimonial: "Absolute premium comfort. Worth every penny.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13573.jpg"},
{
name: "John Doe",
handle: "@jdoe",
testimonial: "Design aesthetics on point. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346498.jpg",
},
name: "John Doe", handle: "@jdoe", testimonial: "Design aesthetics on point. Highly recommend.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346498.jpg"},
]}
buttons={[
{
text: "Add to Cart",
href: "#products",
},
text: "Add to Cart", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-person-walking-down-stairs_53876-20808.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/closeup-person-walking-down-stairs_53876-20808.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg",
alt: "Portrait 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg", alt: "Portrait 1"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22428.jpg",
alt: "Portrait 2",
},
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22428.jpg", alt: "Portrait 2"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22418.jpg",
alt: "Portrait 3",
},
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22418.jpg", alt: "Portrait 3"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22394.jpg",
alt: "Portrait 4",
},
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22394.jpg", alt: "Portrait 4"},
{
src: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1084.jpg",
alt: "Portrait 5",
},
src: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1084.jpg", alt: "Portrait 5"},
]}
avatarText="Loved by 10k+ customers"
marqueeItems={[
{
type: "text",
text: "Limited Edition",
},
type: "text", text: "Limited Edition"},
{
type: "text",
text: "Premium Materials",
},
type: "text", text: "Premium Materials"},
{
type: "text",
text: "Timeless Design",
},
type: "text", text: "Timeless Design"},
{
type: "text",
text: "Global Shipping",
},
type: "text", text: "Global Shipping"},
{
type: "text",
text: "Ethical Sourcing",
},
type: "text", text: "Ethical Sourcing"},
]}
/>
</div>
@@ -161,47 +110,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Cloud Runner",
price: "$180",
variant: "White",
imageSrc: "http://img.b2bpic.net/free-photo/white-canvas-sneakers-unisex-footwear-fashion_53876-106044.jpg?_wi=1",
},
id: "1", name: "Cloud Runner", price: "$180", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/white-canvas-sneakers-unisex-footwear-fashion_53876-106044.jpg"},
{
id: "2",
name: "Midnight Shadow",
price: "$195",
variant: "Black",
imageSrc: "http://img.b2bpic.net/free-photo/shoes_1203-8108.jpg",
},
id: "2", name: "Midnight Shadow", price: "$195", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/shoes_1203-8108.jpg"},
{
id: "3",
name: "Urban Suede",
price: "$210",
variant: "Grey",
imageSrc: "http://img.b2bpic.net/free-photo/new-sneakers_93675-130455.jpg",
},
id: "3", name: "Urban Suede", price: "$210", variant: "Grey", imageSrc: "http://img.b2bpic.net/free-photo/new-sneakers_93675-130455.jpg"},
{
id: "4",
name: "Deep Ocean",
price: "$185",
variant: "Navy",
imageSrc: "http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg",
},
id: "4", name: "Deep Ocean", price: "$185", variant: "Navy", imageSrc: "http://img.b2bpic.net/free-photo/groom-s-classy-shoes-lie-soft-armchair_8353-8463.jpg"},
{
id: "5",
name: "Desert Sand",
price: "$175",
variant: "Beige",
imageSrc: "http://img.b2bpic.net/free-photo/lace-side-leather-fashion-shoes_1172-453.jpg",
},
id: "5", name: "Desert Sand", price: "$175", variant: "Beige", imageSrc: "http://img.b2bpic.net/free-photo/lace-side-leather-fashion-shoes_1172-453.jpg"},
{
id: "6",
name: "Tech Spec",
price: "$220",
variant: "Charcoal",
imageSrc: "http://img.b2bpic.net/free-psd/social-media-promo-template-dance-studio-classes_23-2149524255.jpg",
},
id: "6", name: "Tech Spec", price: "$220", variant: "Charcoal", imageSrc: "http://img.b2bpic.net/free-psd/social-media-promo-template-dance-studio-classes_23-2149524255.jpg"},
]}
title="Limited Edition Collection"
description="Select your pair."
@@ -215,15 +134,11 @@ export default function LandingPage() {
description="We believe in blending timeless design with advanced material technology to create footwear that transcends trends."
metrics={[
{
value: "100%",
title: "Premium Sourcing",
},
value: "100%", title: "Premium Sourcing"},
{
value: "24h",
title: "Rapid Fulfillment",
},
value: "24h", title: "Rapid Fulfillment"},
]}
imageSrc="http://img.b2bpic.net/free-photo/pastel-cow-leather-textured-backdrop_53876-94936.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/pastel-cow-leather-textured-backdrop_53876-94936.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
@@ -236,55 +151,31 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Stitching",
description: "Every detail matters for long-term comfort.",
icon: Sparkles,
title: "Precision Stitching", description: "Every detail matters for long-term comfort.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/details-woman-shoe-lacing-her-classic-sneakers_1400-18.jpg",
imageAlt: "Precision details",
},
imageSrc: "http://img.b2bpic.net/free-photo/details-woman-shoe-lacing-her-classic-sneakers_1400-18.jpg", imageAlt: "Precision details"},
{
imageSrc: "http://img.b2bpic.net/free-photo/bottom-shoes-isolated-black-background_169016-52993.jpg",
imageAlt: "Advanced materials",
},
imageSrc: "http://img.b2bpic.net/free-photo/bottom-shoes-isolated-black-background_169016-52993.jpg", imageAlt: "Advanced materials"},
],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-person-walking-down-stairs_53876-20808.jpg?_wi=2",
imageAlt: "sneaker stitching details",
},
{
title: "Dynamic Traction",
description: "Engineered for superior grip and durability.",
icon: Zap,
title: "Dynamic Traction", description: "Engineered for superior grip and durability.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/bottom-shoes-isolated-black-background_169016-52244.jpg",
imageAlt: "Advanced grip",
},
imageSrc: "http://img.b2bpic.net/free-photo/bottom-shoes-isolated-black-background_169016-52244.jpg", imageAlt: "Advanced grip"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cobbler-stitching-part-shoe_171337-12302.jpg",
imageAlt: "Stitching quality",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cobbler-stitching-part-shoe_171337-12302.jpg", imageAlt: "Stitching quality"},
],
imageSrc: "http://img.b2bpic.net/free-photo/pastel-cow-leather-textured-backdrop_53876-94936.jpg?_wi=2",
imageAlt: "sneaker stitching details",
},
{
title: "Sustainable Craft",
description: "Mindfully sourced materials that last.",
icon: Shield,
title: "Sustainable Craft", description: "Mindfully sourced materials that last.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-tying-shoelaces_93675-130900.jpg",
imageAlt: "Material quality",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-tying-shoelaces_93675-130900.jpg", imageAlt: "Material quality"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-ready-start-running_23-2147609753.jpg",
imageAlt: "Sustainable tech",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-ready-start-running_23-2147609753.jpg", imageAlt: "Sustainable tech"},
],
imageSrc: "http://img.b2bpic.net/free-photo/white-canvas-sneakers-unisex-footwear-fashion_53876-106044.jpg?_wi=2",
imageAlt: "sneaker stitching details",
},
]}
title="Why Choose Us"
@@ -300,20 +191,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10k+",
description: "Pairs Sold",
},
id: "m1", value: "10k+", description: "Pairs Sold"},
{
id: "m2",
value: "4.9",
description: "Avg Rating",
},
id: "m2", value: "4.9", description: "Avg Rating"},
{
id: "m3",
value: "50+",
description: "City Footprint",
},
id: "m3", value: "50+", description: "City Footprint"},
]}
title="Performance at Scale"
description="Our numbers speak volumes."
@@ -325,30 +207,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Lee",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-curly-haired-woman-holds-digital-paper-cup-with-coffee-dressed-fashionable-clothes-sunglasses-poses-city-center-against-modern-skyscrapers-returns-from-work-lifestyle-concept_273609-60469.jpg",
},
id: "t1", name: "Sarah Lee", imageSrc: "http://img.b2bpic.net/free-photo/smiling-curly-haired-woman-holds-digital-paper-cup-with-coffee-dressed-fashionable-clothes-sunglasses-poses-city-center-against-modern-skyscrapers-returns-from-work-lifestyle-concept_273609-60469.jpg"},
{
id: "t2",
name: "Elena Rossi",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-muscular-male-dressed-sportswear-shows-his-muscles-grey-background_613910-1096.jpg",
},
id: "t2", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/attractive-muscular-male-dressed-sportswear-shows-his-muscles-grey-background_613910-1096.jpg"},
{
id: "t3",
name: "Marcus Chen",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-near-skyscrapers-sunglasses-outdoors-sunset_158538-21190.jpg",
},
id: "t3", name: "Marcus Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-near-skyscrapers-sunglasses-outdoors-sunset_158538-21190.jpg"},
{
id: "t4",
name: "John Doe",
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
},
id: "t4", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg"},
{
id: "t5",
name: "David Smith",
imageSrc: "http://img.b2bpic.net/free-photo/mockup-with-book-pencils_23-2147730273.jpg",
},
id: "t5", name: "David Smith", imageSrc: "http://img.b2bpic.net/free-photo/mockup-with-book-pencils_23-2147730273.jpg"},
]}
cardTitle="What They Say"
cardTag="Reviews"
@@ -362,20 +229,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What is the return policy?",
content: "You have 30 days to return unworn sneakers.",
},
id: "q1", title: "What is the return policy?", content: "You have 30 days to return unworn sneakers."},
{
id: "q2",
title: "Do you ship internationally?",
content: "Yes, we ship to over 50 countries worldwide.",
},
id: "q2", title: "Do you ship internationally?", content: "Yes, we ship to over 50 countries worldwide."},
{
id: "q3",
title: "How do I find my size?",
content: "Check our size guide available on each product page.",
},
id: "q3", title: "How do I find my size?", content: "Check our size guide available on each product page."},
]}
title="Common Questions"
description="Need assistance?"
@@ -390,22 +248,14 @@ export default function LandingPage() {
description="Have questions about our collection? We're here to help."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
buttonText="Send Message"
@@ -418,42 +268,27 @@ export default function LandingPage() {
logoText="AESTHETE"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "Products",
href: "#products",
},
label: "Products", href: "#products"},
{
label: "All Shoes",
href: "#",
},
label: "All Shoes", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
]}