Update src/app/page.tsx
This commit is contained in:
185
src/app/page.tsx
185
src/app/page.tsx
@@ -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: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user