Merge version_2 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Nature Crown"
|
||||
/>
|
||||
@@ -50,15 +44,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Nature Crown"
|
||||
description="100% Herbal Hair & Skin Care – Pure, Powerful, Proven."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNsjabd8jg6RPezfvibB7QNiAn/uploaded-1776237889306-8w3n3imd.jpg?_wi=1"
|
||||
imageAlt="Nature Crown Product Collection"
|
||||
@@ -74,47 +65,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hair Growth Elixir",
|
||||
price: "$45.00",
|
||||
variant: "30ml",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNsjabd8jg6RPezfvibB7QNiAn/uploaded-1776237889306-8w3n3imd.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Hair Growth Elixir", price: "$45.00", variant: "30ml", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNsjabd8jg6RPezfvibB7QNiAn/uploaded-1776237889306-8w3n3imd.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Purifying Face Wash",
|
||||
price: "$28.00",
|
||||
variant: "100ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fruits-mirabelle-plums_23-2148231465.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Purifying Face Wash", price: "$28.00", variant: "100ml", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fruits-mirabelle-plums_23-2148231465.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Herbal Face Mask",
|
||||
price: "$32.00",
|
||||
variant: "50g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-avocado-citrus_23-2148645574.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Herbal Face Mask", price: "$32.00", variant: "50g", imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-avocado-citrus_23-2148645574.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Scalp Nourishment Oil",
|
||||
price: "$35.00",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/onions-wooden-board-high-angle_23-2148934792.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Scalp Nourishment Oil", price: "$35.00", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/onions-wooden-board-high-angle_23-2148934792.jpg?_wi=1"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ayurvedic Hair Mask",
|
||||
price: "$39.00",
|
||||
variant: "100g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057967.jpg?_wi=1",
|
||||
},
|
||||
id: "5", name: "Ayurvedic Hair Mask", price: "$39.00", variant: "100g", imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057967.jpg?_wi=1"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Complete Glow Set",
|
||||
price: "$89.00",
|
||||
variant: "Full Kit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-smokes-cigar_1304-5117.jpg?_wi=1",
|
||||
},
|
||||
id: "6", name: "Complete Glow Set", price: "$89.00", variant: "Full Kit", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-smokes-cigar_1304-5117.jpg?_wi=1"},
|
||||
]}
|
||||
title="Our Elixirs"
|
||||
description="Discover our signature Ayurvedic blends designed for your hair and skin health."
|
||||
@@ -128,44 +89,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Pure",
|
||||
title: "100% Natural Ingredients",
|
||||
items: [
|
||||
"Sourced from certified organic farms",
|
||||
"No synthetic additives",
|
||||
"Wild-harvested botanicals",
|
||||
],
|
||||
id: "f1", label: "Pure", title: "100% Natural Ingredients", items: [
|
||||
"Sourced from certified organic farms", "No synthetic additives", "Wild-harvested botanicals"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Clean",
|
||||
title: "No Chemicals",
|
||||
items: [
|
||||
"Paraben free",
|
||||
"Sulfate free",
|
||||
"Cruelty-free certification",
|
||||
],
|
||||
id: "f2", label: "Clean", title: "No Chemicals", items: [
|
||||
"Paraben free", "Sulfate free", "Cruelty-free certification"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Care",
|
||||
title: "Handmade with Care",
|
||||
items: [
|
||||
"Small-batch production",
|
||||
"Slow-infusion process",
|
||||
"Quality checked by experts",
|
||||
],
|
||||
id: "f3", label: "Care", title: "Handmade with Care", items: [
|
||||
"Small-batch production", "Slow-infusion process", "Quality checked by experts"],
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
label: "Proven",
|
||||
title: "Ayurvedic Formula",
|
||||
items: [
|
||||
"Time-tested ancient recipes",
|
||||
"Balanced for modern lifestyles",
|
||||
"Effective holistic results",
|
||||
],
|
||||
id: "f4", label: "Proven", title: "Ayurvedic Formula", items: [
|
||||
"Time-tested ancient recipes", "Balanced for modern lifestyles", "Effective holistic results"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Nature Crown"
|
||||
@@ -180,33 +117,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Amla",
|
||||
title: "Vitamin C Powerhouse",
|
||||
description: "Strengthens follicles naturally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fruits-mirabelle-plums_23-2148231465.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", value: "Amla", title: "Vitamin C Powerhouse", description: "Strengthens follicles naturally.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fruits-mirabelle-plums_23-2148231465.jpg?_wi=2"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Bhringraj",
|
||||
title: "Hair Growth King",
|
||||
description: "Activates root rejuvenation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-avocado-citrus_23-2148645574.jpg?_wi=2",
|
||||
},
|
||||
id: "m2", value: "Bhringraj", title: "Hair Growth King", description: "Activates root rejuvenation.", imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-avocado-citrus_23-2148645574.jpg?_wi=2"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Almond Oil",
|
||||
title: "Deep Nourishment",
|
||||
description: "Moisturizes scalp and roots.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/onions-wooden-board-high-angle_23-2148934792.jpg?_wi=2",
|
||||
},
|
||||
id: "m3", value: "Almond Oil", title: "Deep Nourishment", description: "Moisturizes scalp and roots.", imageSrc: "http://img.b2bpic.net/free-photo/onions-wooden-board-high-angle_23-2148934792.jpg?_wi=2"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Coconut Oil",
|
||||
title: "Natural Shine",
|
||||
description: "Protects and restores hair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057967.jpg?_wi=2",
|
||||
},
|
||||
id: "m4", value: "Coconut Oil", title: "Natural Shine", description: "Protects and restores hair.", imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057967.jpg?_wi=2"},
|
||||
]}
|
||||
title="Pure Ingredients"
|
||||
description="Rooted in nature, harvested for you."
|
||||
@@ -220,45 +137,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_life",
|
||||
testimonial: "My hair growth has been incredible after only a month of using the elixir.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-smokes-cigar_1304-5117.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarah_life", testimonial: "My hair growth has been incredible after only a month of using the elixir.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-smokes-cigar_1304-5117.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@mikeshealth",
|
||||
testimonial: "Truly natural and effective. The scent is calming and premium.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-sm_1258-131745.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", handle: "@mikeshealth", testimonial: "Truly natural and effective. The scent is calming and premium.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-sm_1258-131745.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily.organic",
|
||||
testimonial: "Finally a brand that respects the hair and skin equally.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-doing-selfcare-routine_23-2149291870.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@emily.organic", testimonial: "Finally a brand that respects the hair and skin equally.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-doing-selfcare-routine_23-2149291870.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davids_routine",
|
||||
testimonial: "The elixir fixed my dry scalp issues completely. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female_23-2148880260.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@davids_routine", testimonial: "The elixir fixed my dry scalp issues completely. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female_23-2148880260.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna P.",
|
||||
handle: "@anna_wellness",
|
||||
testimonial: "Worth every cent. The glow is natural and consistent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-training-blue-sky-field_1157-30804.jpg",
|
||||
},
|
||||
id: "5", name: "Anna P.", handle: "@anna_wellness", testimonial: "Worth every cent. The glow is natural and consistent.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-training-blue-sky-field_1157-30804.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Our Community"
|
||||
@@ -273,13 +165,9 @@ export default function LandingPage() {
|
||||
description="Nature Crown was founded on the belief that traditional Ayurveda holds the key to modern beauty. We combine ancient wisdom with clean science to deliver products that respect your body and the environment. Every bottle is a testament to purity, effectiveness, and sustainable luxury."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Natural",
|
||||
},
|
||||
value: "100%", title: "Natural"},
|
||||
{
|
||||
value: "0",
|
||||
title: "Parabens",
|
||||
},
|
||||
value: "0", title: "Parabens"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/herbal-spa-treatment-equipments-put-wooden-floor_1150-34514.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -290,26 +178,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Transformation"
|
||||
title="Start Your Transformation Today"
|
||||
description="Ready to embrace your natural crown? Order now and see the difference."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Enter your name to secure your order", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Enter your phone number for express delivery", required: true,
|
||||
},
|
||||
{
|
||||
name: "address",
|
||||
type: "text",
|
||||
placeholder: "Delivery Address",
|
||||
required: true,
|
||||
name: "address", type: "text", placeholder: "Enter your delivery address now", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-purple-flowers-with-cinnamon-white-desk-color-flower-flavor_140725-121450.jpg"
|
||||
@@ -322,42 +201,27 @@ export default function LandingPage() {
|
||||
logoText="Nature Crown"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Hair Care",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Hair Care", href: "#products"},
|
||||
{
|
||||
label: "Skin Care",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Skin Care", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -366,4 +230,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user