Merge version_1 into main #2
135
src/app/page.tsx
135
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Product",
|
||||
id: "product",
|
||||
},
|
||||
name: "Product", id: "product"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Navnoor"
|
||||
/>
|
||||
@@ -55,17 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Navnoor"
|
||||
description="Nature's purity in every wash."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order via WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
text: "Order via WhatsApp", href: "https://wa.me/yournumber"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016650.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016650.jpg"
|
||||
imageAlt="Navnoor Aloe Vera Soap"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -76,14 +65,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Navnoor Story",
|
||||
},
|
||||
type: "text", content: "The Navnoor Story"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/elevated-view-fresh-aloe-vera-leaves-beige-background_23-2148050594.jpg",
|
||||
alt: "Handcrafted Aloe Vera",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/elevated-view-fresh-aloe-vera-leaves-beige-background_23-2148050594.jpg", alt: "Handcrafted Aloe Vera"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,23 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Aloe Vera Face Soap",
|
||||
price: "₹199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-soap-sea-salt_23-2148287654.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Aloe Vera Face Soap", price: "₹199", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-soap-sea-salt_23-2148287654.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Herbal Wellness Soap",
|
||||
price: "₹249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-soap-sea-salt_23-2148287654.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Herbal Wellness Soap", price: "₹249", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-soap-sea-salt_23-2148287654.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luxury Gift Set",
|
||||
price: "₹499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-soap-sea-salt_23-2148287654.jpg?_wi=3",
|
||||
},
|
||||
id: "3", name: "Luxury Gift Set", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-soap-sea-salt_23-2148287654.jpg"},
|
||||
]}
|
||||
title="Our Signature Soap"
|
||||
description="Discover the soothing power of pure Aloe Vera in a unique hexagonal shape."
|
||||
@@ -126,28 +98,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "100% Herbal",
|
||||
description: "Made with pure organic ingredients.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/natural-organic-branding-corporate-identity_25819-624.jpg",
|
||||
imageAlt: "minimalist luxury black gold logo",
|
||||
title: "100% Herbal", description: "Made with pure organic ingredients.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Handmade Quality",
|
||||
description: "Each soap is poured by hand.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016650.jpg?_wi=2",
|
||||
imageAlt: "hexagonal aloe vera soap handmade",
|
||||
title: "Handmade Quality", description: "Each soap is poured by hand.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Skin Healing",
|
||||
description: "Naturally soothing Aloe Vera.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-fresh-aloe-vera-leaves-beige-background_23-2148050594.jpg",
|
||||
imageAlt: "aloe vera plant leaves",
|
||||
title: "Skin Healing", description: "Naturally soothing Aloe Vera.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Navnoor?"
|
||||
@@ -163,25 +120,15 @@ export default function LandingPage() {
|
||||
author="Ananya Sharma"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -194,20 +141,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is this soap suitable for sensitive skin?",
|
||||
content: "Yes, our Aloe Vera formulation is gentle for all skin types.",
|
||||
},
|
||||
id: "1", title: "Is this soap suitable for sensitive skin?", content: "Yes, our Aloe Vera formulation is gentle for all skin types."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does one bar last?",
|
||||
content: "Depending on usage, one hexagonal soap bar lasts 3-4 weeks.",
|
||||
},
|
||||
id: "2", title: "How long does one bar last?", content: "Depending on usage, one hexagonal soap bar lasts 3-4 weeks."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is it chemical free?",
|
||||
content: "Completely 100% herbal and free of harsh chemicals.",
|
||||
},
|
||||
id: "3", title: "Is it chemical free?", content: "Completely 100% herbal and free of harsh chemicals."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our products."
|
||||
@@ -221,8 +159,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Order Your Navnoor Soap"
|
||||
description="Click below to connect with us on WhatsApp and place your order."
|
||||
buttonText="Chat on WhatsApp"
|
||||
@@ -235,29 +172,19 @@ export default function LandingPage() {
|
||||
logoText="Navnoor"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#product",
|
||||
},
|
||||
label: "Products", href: "#product"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -266,4 +193,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user