Update src/app/page.tsx

This commit is contained in:
2026-05-07 06:20:42 +00:00
parent fc24b1d83c
commit 96b9e8302d

View File

@@ -33,23 +33,16 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Products", name: "Products", id: "products"},
id: "products",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Narome" brandName="Narome"
button={{ text: "Contact", href: "#contact" }}
/> />
</div> </div>
@@ -59,32 +52,20 @@ export default function LandingPage() {
description="Discover a curated collection of creative designs tailored for the modern individual." description="Discover a curated collection of creative designs tailored for the modern individual."
buttons={[ buttons={[
{ {
text: "Shop Now", text: "Shop Now", href: "#products"},
href: "#products",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/paint-border-background-blue-brushstroke-texture-wallpaper_53876-146626.jpg" imageSrc="http://img.b2bpic.net/free-photo/paint-border-background-blue-brushstroke-texture-wallpaper_53876-146626.jpg"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/paint-texture-background-wallpaper-abstract-art-acrylic-paint_53876-176789.jpg", src: "http://img.b2bpic.net/free-photo/paint-texture-background-wallpaper-abstract-art-acrylic-paint_53876-176789.jpg", alt: "User 1"},
alt: "User 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/elevated-view-blue-rippled-pattern-design-white-paper_23-2148078859.jpg", src: "http://img.b2bpic.net/free-photo/elevated-view-blue-rippled-pattern-design-white-paper_23-2148078859.jpg", alt: "User 2"},
alt: "User 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-oil-painting-texture_23-2149360541.jpg", src: "http://img.b2bpic.net/free-photo/close-up-oil-painting-texture_23-2149360541.jpg", alt: "User 3"},
alt: "User 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/top-view-acrylic-paint-background_23-2149127629.jpg", src: "http://img.b2bpic.net/free-photo/top-view-acrylic-paint-background_23-2149127629.jpg", alt: "User 4"},
alt: "User 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/paint-border-background-blue-brushstroke-texture-wallpaper_53876-146626.jpg", src: "http://img.b2bpic.net/free-photo/paint-border-background-blue-brushstroke-texture-wallpaper_53876-146626.jpg", alt: "User 5"},
alt: "User 5",
},
]} ]}
avatarText="Join 10,000+ satisfied creators" avatarText="Join 10,000+ satisfied creators"
/> />
@@ -96,9 +77,7 @@ export default function LandingPage() {
title="Designed for the Creative Soul" title="Designed for the Creative Soul"
buttons={[ buttons={[
{ {
text: "Learn More", text: "Learn More", href: "#about"},
href: "#about",
},
]} ]}
/> />
</div> </div>
@@ -111,41 +90,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Minimalist Watch", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-closeup-shot-person-wearing-wristwatch_181624-3953.jpg"},
name: "Minimalist Watch",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-closeup-shot-person-wearing-wristwatch_181624-3953.jpg",
},
{ {
id: "p2", id: "p2", name: "Leather Satchel", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/still-life-bag-hanging_52683-151481.jpg"},
name: "Leather Satchel",
price: "$250",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bag-hanging_52683-151481.jpg",
},
{ {
id: "p3", id: "p3", name: "Silk Scarf", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pinecone-beige-shawl-dark-surface_140725-63513.jpg"},
name: "Silk Scarf",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pinecone-beige-shawl-dark-surface_140725-63513.jpg",
},
{ {
id: "p4", id: "p4", name: "Designer Glasses", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-composition-with-hipster-concept_23-2147790985.jpg"},
name: "Designer Glasses",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-composition-with-hipster-concept_23-2147790985.jpg",
},
{ {
id: "p5", id: "p5", name: "Canvas Tote", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/love-is-love-lgbtq-pride-tote-bag_23-2151993531.jpg"},
name: "Canvas Tote",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/love-is-love-lgbtq-pride-tote-bag_23-2151993531.jpg",
},
{ {
id: "p6", id: "p6", name: "Artisanal Vase", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/ancient-pottery-vessel-with-retro-design_23-2151538369.jpg"},
name: "Artisanal Vase",
price: "$95",
imageSrc: "http://img.b2bpic.net/free-photo/ancient-pottery-vessel-with-retro-design_23-2151538369.jpg",
},
]} ]}
title="Latest Collections" title="Latest Collections"
description="Browse our latest creative arrivals." description="Browse our latest creative arrivals."
@@ -159,26 +114,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Premium Quality", subtitle: "Top tier materials", category: "Quality", value: "100%"},
title: "Premium Quality",
subtitle: "Top tier materials",
category: "Quality",
value: "100%",
},
{ {
id: "f2", id: "f2", title: "Global Shipping", subtitle: "Delivered to you", category: "Delivery", value: "Fast"},
title: "Global Shipping",
subtitle: "Delivered to you",
category: "Delivery",
value: "Fast",
},
{ {
id: "f3", id: "f3", title: "Support 24/7", subtitle: "Always here for you", category: "Support", value: "Always"},
title: "Support 24/7",
subtitle: "Always here for you",
category: "Support",
value: "Always",
},
]} ]}
title="Why Choose Narome" title="Why Choose Narome"
description="Quality meets creativity in everything we do." description="Quality meets creativity in everything we do."
@@ -193,25 +133,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "10k+", title: "Happy Customers", description: "Global reach", icon: Users,
value: "10k+",
title: "Happy Customers",
description: "Global reach",
icon: Users,
}, },
{ {
id: "m2", id: "m2", value: "500+", title: "Unique Designs", description: "Curated pieces", icon: Palette,
value: "500+",
title: "Unique Designs",
description: "Curated pieces",
icon: Palette,
}, },
{ {
id: "m3", id: "m3", value: "99%", title: "Satisfaction", description: "Loved products", icon: Award,
value: "99%",
title: "Satisfaction",
description: "Loved products",
icon: Award,
}, },
]} ]}
title="Our Impact" title="Our Impact"
@@ -224,30 +152,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg"},
name: "Alice M.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg",
},
{ {
id: "t2", id: "t2", name: "Bob D.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-notepad-medium-shot_23-2148336946.jpg"},
name: "Bob D.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-notepad-medium-shot_23-2148336946.jpg",
},
{ {
id: "t3", id: "t3", name: "Charlie R.", imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4455.jpg"},
name: "Charlie R.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4455.jpg",
},
{ {
id: "t4", id: "t4", name: "Diana S.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-african-guy-smiling-student-confident-his-future-career-head-hunter-dream-standing-white-wall_176420-12537.jpg"},
name: "Diana S.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-african-guy-smiling-student-confident-his-future-career-head-hunter-dream-standing-white-wall_176420-12537.jpg",
},
{ {
id: "t5", id: "t5", name: "Evan W.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14698.jpg"},
name: "Evan W.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14698.jpg",
},
]} ]}
cardTitle="Customer Voices" cardTitle="Customer Voices"
cardTag="Reviews" cardTag="Reviews"
@@ -260,20 +173,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "Shipping info?", content: "Worldwide express."},
title: "Shipping info?",
content: "Worldwide express.",
},
{ {
id: "q2", id: "q2", title: "Return policy?", content: "30 days easy returns."},
title: "Return policy?",
content: "30 days easy returns.",
},
{ {
id: "q3", id: "q3", title: "Payment methods?", content: "All major credit cards."},
title: "Payment methods?",
content: "All major credit cards.",
},
]} ]}
sideTitle="Questions?" sideTitle="Questions?"
faqsAnimation="slide-up" faqsAnimation="slide-up"
@@ -284,8 +188,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
tag="Join Us" tag="Join Us"
title="Stay Updated" title="Stay Updated"
description="Sign up for exclusive offers." description="Sign up for exclusive offers."
@@ -298,29 +201,19 @@ export default function LandingPage() {
logoText="Narome Store" logoText="Narome Store"
columns={[ columns={[
{ {
title: "Shop", title: "Shop", items: [
items: [
{ {
label: "New Arrivals", label: "New Arrivals", href: "#"},
href: "#",
},
{ {
label: "Best Sellers", label: "Best Sellers", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "FAQ", label: "FAQ", href: "#"},
href: "#",
},
{ {
label: "Contact", label: "Contact", href: "#"},
href: "#",
},
], ],
}, },
]} ]}