Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 490ae51332 | |||
| 1b6d0f9cce | |||
| 2212abe422 |
294
src/app/page.tsx
294
src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "#benefits",
|
||||
},
|
||||
name: "Benefits", id: "#benefits"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#results",
|
||||
},
|
||||
name: "Results", id: "#results"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Naturals by Rakhi"
|
||||
/>
|
||||
@@ -75,13 +59,9 @@ export default function LandingPage() {
|
||||
description="Unlock your hair's full potential with our potent hair growth oil, crafted with natural ingredients for visible strength and shine."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-woman-posing-white-dress_23-2149412680.jpg"
|
||||
@@ -97,17 +77,11 @@ export default function LandingPage() {
|
||||
description="At Naturals by Rakhi, we believe in the power of nature. Our unique blend of botanical oils is designed to stimulate hair follicles, reduce breakage, and promote lush, healthy growth naturally, revealing your hair's true beauty."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Natural Ingredients",
|
||||
},
|
||||
value: "100%", title: "Natural Ingredients"},
|
||||
{
|
||||
value: "95%",
|
||||
title: "Users Saw Growth",
|
||||
},
|
||||
value: "95%", title: "Users Saw Growth"},
|
||||
{
|
||||
value: "0",
|
||||
title: "Harmful Chemicals",
|
||||
},
|
||||
value: "0", title: "Harmful Chemicals"},
|
||||
]}
|
||||
tag="Our Story"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-dry-bay-leaves-inside-cup-container_114579-71080.jpg"
|
||||
@@ -124,29 +98,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "stronger-growth",
|
||||
title: "Stimulates Growth",
|
||||
description: "Our powerful blend invigorates dormant follicles, promoting faster and thicker hair growth for a fuller mane.",
|
||||
tag: "Growth",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-ginger-hair_23-2148263430.jpg",
|
||||
imageAlt: "Healthy hair strands",
|
||||
},
|
||||
id: "stronger-growth", title: "Stimulates Growth", description: "Our powerful blend invigorates dormant follicles, promoting faster and thicker hair growth for a fuller mane.", tag: "Growth", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-ginger-hair_23-2148263430.jpg", imageAlt: "Healthy hair strands"},
|
||||
{
|
||||
id: "less-breakage",
|
||||
title: "Reduces Breakage",
|
||||
description: "Strengthens each strand from root to tip, minimizing breakage and split ends for resilient, damage-resistant hair.",
|
||||
tag: "Strength",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-skincare-advertising-collage_23-2151917042.jpg",
|
||||
imageAlt: "Hair protection against breakage",
|
||||
},
|
||||
id: "less-breakage", title: "Reduces Breakage", description: "Strengthens each strand from root to tip, minimizing breakage and split ends for resilient, damage-resistant hair.", tag: "Strength", imageSrc: "http://img.b2bpic.net/free-photo/beauty-skincare-advertising-collage_23-2151917042.jpg", imageAlt: "Hair protection against breakage"},
|
||||
{
|
||||
id: "added-shine",
|
||||
title: "Adds Natural Shine",
|
||||
description: "Restores your hair's inherent luster, leaving it visibly shinier, softer, and more manageable with a healthy glow.",
|
||||
tag: "Shine",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-green-eyed-woman-sits-before-red-flowers_1304-5036.jpg",
|
||||
imageAlt: "Hair with natural shine",
|
||||
},
|
||||
id: "added-shine", title: "Adds Natural Shine", description: "Restores your hair's inherent luster, leaving it visibly shinier, softer, and more manageable with a healthy glow.", tag: "Shine", imageSrc: "http://img.b2bpic.net/free-photo/stunning-green-eyed-woman-sits-before-red-flowers_1304-5036.jpg", imageAlt: "Hair with natural shine"},
|
||||
]}
|
||||
title="Experience the Transformation"
|
||||
description="Our hair growth oil delivers powerful benefits for all hair types, ensuring remarkable results you'll love."
|
||||
@@ -162,65 +118,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "oil-single",
|
||||
brand: "Naturals by Rakhi",
|
||||
name: "Hair Growth Oil (100ml)",
|
||||
price: "$29.99",
|
||||
rating: 5,
|
||||
reviewCount: "245",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669163.jpg",
|
||||
imageAlt: "Single bottle of Naturals by Rakhi Hair Growth Oil",
|
||||
},
|
||||
id: "oil-single", brand: "Naturals by Rakhi", name: "Hair Growth Oil (100ml)", price: "$29.99", rating: 5,
|
||||
reviewCount: "245", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669163.jpg", imageAlt: "Single bottle of Naturals by Rakhi Hair Growth Oil"},
|
||||
{
|
||||
id: "oil-duo",
|
||||
brand: "Naturals by Rakhi",
|
||||
name: "Hair Growth Oil (2x100ml)",
|
||||
price: "$54.99",
|
||||
rating: 5,
|
||||
reviewCount: "180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-argan-oil-care-product_23-2148955841.jpg",
|
||||
imageAlt: "Duo pack of Naturals by Rakhi Hair Growth Oil",
|
||||
},
|
||||
id: "oil-duo", brand: "Naturals by Rakhi", name: "Hair Growth Oil (2x100ml)", price: "$54.99", rating: 5,
|
||||
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-argan-oil-care-product_23-2148955841.jpg", imageAlt: "Duo pack of Naturals by Rakhi Hair Growth Oil"},
|
||||
{
|
||||
id: "oil-value",
|
||||
brand: "Naturals by Rakhi",
|
||||
name: "Hair Growth Oil Value Pack (3x100ml)",
|
||||
price: "$79.99",
|
||||
rating: 5,
|
||||
reviewCount: "112",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965841.jpg",
|
||||
imageAlt: "Value pack of Naturals by Rakhi Hair Growth Oil",
|
||||
},
|
||||
id: "oil-value", brand: "Naturals by Rakhi", name: "Hair Growth Oil Value Pack (3x100ml)", price: "$79.99", rating: 5,
|
||||
reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965841.jpg", imageAlt: "Value pack of Naturals by Rakhi Hair Growth Oil"},
|
||||
{
|
||||
id: "oil-travel",
|
||||
brand: "Naturals by Rakhi",
|
||||
name: "Hair Growth Oil (30ml) Travel Size",
|
||||
price: "$12.99",
|
||||
rating: 5,
|
||||
reviewCount: "78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-friendly-products-composition_23-2148491139.jpg",
|
||||
imageAlt: "Travel size bottle of Naturals by Rakhi Hair Growth Oil",
|
||||
},
|
||||
id: "oil-travel", brand: "Naturals by Rakhi", name: "Hair Growth Oil (30ml) Travel Size", price: "$12.99", rating: 5,
|
||||
reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-friendly-products-composition_23-2148491139.jpg", imageAlt: "Travel size bottle of Naturals by Rakhi Hair Growth Oil"},
|
||||
{
|
||||
id: "oil-gift",
|
||||
brand: "Naturals by Rakhi",
|
||||
name: "Hair Growth Gift Set",
|
||||
price: "$69.99",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vanity-case-with-products-top-view_23-2149879970.jpg",
|
||||
imageAlt: "Naturals by Rakhi Hair Growth Gift Set",
|
||||
},
|
||||
id: "oil-gift", brand: "Naturals by Rakhi", name: "Hair Growth Gift Set", price: "$69.99", rating: 5,
|
||||
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/vanity-case-with-products-top-view_23-2149879970.jpg", imageAlt: "Naturals by Rakhi Hair Growth Gift Set"},
|
||||
{
|
||||
id: "oil-sampler",
|
||||
brand: "Naturals by Rakhi",
|
||||
name: "Hair Growth Oil Sampler",
|
||||
price: "$19.99",
|
||||
rating: 4,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-composition-spa-bath-concept_23-2148094226.jpg",
|
||||
imageAlt: "Naturals by Rakhi Hair Growth Oil Sampler",
|
||||
},
|
||||
id: "oil-sampler", brand: "Naturals by Rakhi", name: "Hair Growth Oil Sampler", price: "$19.99", rating: 4,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-composition-spa-bath-concept_23-2148094226.jpg", imageAlt: "Naturals by Rakhi Hair Growth Oil Sampler"},
|
||||
]}
|
||||
title="Discover Our Hair Growth Oil"
|
||||
description="Handcrafted with the finest natural ingredients, our hair growth oil is available in various sizes to suit your needs and routine."
|
||||
@@ -234,23 +148,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "growth",
|
||||
icon: TrendingUp,
|
||||
title: "Hair Growth",
|
||||
value: "95%",
|
||||
},
|
||||
id: "growth", icon: TrendingUp,
|
||||
title: "Hair Growth", value: "95%"},
|
||||
{
|
||||
id: "strength",
|
||||
icon: ShieldCheck,
|
||||
title: "Reduced Breakage",
|
||||
value: "80%",
|
||||
},
|
||||
id: "strength", icon: ShieldCheck,
|
||||
title: "Reduced Breakage", value: "80%"},
|
||||
{
|
||||
id: "shine",
|
||||
icon: Sparkles,
|
||||
title: "Natural Shine",
|
||||
value: "90%",
|
||||
},
|
||||
id: "shine", icon: Sparkles,
|
||||
title: "Natural Shine", value: "90%"},
|
||||
]}
|
||||
title="Real Results, Backed by Nature"
|
||||
description="Join thousands who have rediscovered the joy of healthy, beautiful hair with Naturals by Rakhi."
|
||||
@@ -265,63 +170,33 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Priya Sharma",
|
||||
handle: "@priyashaircare",
|
||||
testimonial: "Naturals by Rakhi has transformed my hair! It feels so much stronger and softer. I've noticed significant growth in just a few weeks. Truly amazing product!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg",
|
||||
imageAlt: "Priya Sharma with healthy hair",
|
||||
},
|
||||
id: "1", name: "Priya Sharma", handle: "@priyashaircare", testimonial: "Naturals by Rakhi has transformed my hair! It feels so much stronger and softer. I've noticed significant growth in just a few weeks. Truly amazing product!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg", imageAlt: "Priya Sharma with healthy hair"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Arjun Patel",
|
||||
handle: "@arjun_styles",
|
||||
testimonial: "I was skeptical at first, but this oil delivers! My hair loss has visibly decreased, and my scalp feels healthier than ever. Highly recommend for anyone struggling with thinning hair.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-peeking-from-african-female-friend-against-grey-backdrop_23-2148178745.jpg",
|
||||
imageAlt: "Arjun Patel showing hair improvement",
|
||||
},
|
||||
id: "2", name: "Arjun Patel", handle: "@arjun_styles", testimonial: "I was skeptical at first, but this oil delivers! My hair loss has visibly decreased, and my scalp feels healthier than ever. Highly recommend for anyone struggling with thinning hair.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-peeking-from-african-female-friend-against-grey-backdrop_23-2148178745.jpg", imageAlt: "Arjun Patel showing hair improvement"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Smita Rao",
|
||||
handle: "@smita_beauty",
|
||||
testimonial: "The shine and texture my hair has now is incredible. Naturals by Rakhi is now a staple in my routine. Love the natural scent too!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-positive-middle-aged-businessman-with-bald-head-gray-beard-pointing-index-fingers-camera-smiling-confidently-success-career-confidence-selective-focus_343059-2308.jpg",
|
||||
imageAlt: "Smita Rao with shiny hair",
|
||||
},
|
||||
id: "3", name: "Smita Rao", handle: "@smita_beauty", testimonial: "The shine and texture my hair has now is incredible. Naturals by Rakhi is now a staple in my routine. Love the natural scent too!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-positive-middle-aged-businessman-with-bald-head-gray-beard-pointing-index-fingers-camera-smiling-confidently-success-career-confidence-selective-focus_343059-2308.jpg", imageAlt: "Smita Rao with shiny hair"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rahul Kapoor",
|
||||
handle: "@rahul_grooming",
|
||||
testimonial: "My beard and hair have never looked this good. The oil is non-greasy and absorbs well. Definitely seeing new growth in my hairline.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-tangles_23-2148547372.jpg",
|
||||
imageAlt: "Rahul Kapoor showing hair and beard",
|
||||
},
|
||||
id: "4", name: "Rahul Kapoor", handle: "@rahul_grooming", testimonial: "My beard and hair have never looked this good. The oil is non-greasy and absorbs well. Definitely seeing new growth in my hairline.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-tangles_23-2148547372.jpg", imageAlt: "Rahul Kapoor showing hair and beard"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Deepa Singh",
|
||||
handle: "@deepa_wellness",
|
||||
testimonial: "This is a miracle oil! My hair was so brittle, but after using Naturals by Rakhi, it's bouncy, strong, and growing beautifully. Thank you!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-posing-dark-wall_171337-20157.jpg",
|
||||
imageAlt: "Deepa Singh with strong hair",
|
||||
},
|
||||
id: "5", name: "Deepa Singh", handle: "@deepa_wellness", testimonial: "This is a miracle oil! My hair was so brittle, but after using Naturals by Rakhi, it's bouncy, strong, and growing beautifully. Thank you!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-posing-dark-wall_171337-20157.jpg", imageAlt: "Deepa Singh with strong hair"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Kiran Reddy",
|
||||
handle: "@kiran_glam",
|
||||
testimonial: "I've tried countless products, but nothing compares. My scalp feels nourished, and I've seen actual baby hairs appearing. This oil is a game-changer!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trendy-hairstyle_23-2149478920.jpg",
|
||||
imageAlt: "Kiran Reddy with beautiful hair",
|
||||
},
|
||||
id: "6", name: "Kiran Reddy", handle: "@kiran_glam", testimonial: "I've tried countless products, but nothing compares. My scalp feels nourished, and I've seen actual baby hairs appearing. This oil is a game-changer!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trendy-hairstyle_23-2149478920.jpg", imageAlt: "Kiran Reddy with beautiful hair"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Hear From Our Happy Customers"
|
||||
description="Genuine stories of transformation from people who love Naturals by Rakhi and trust our commitment to natural beauty."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now", href: "#products"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -331,20 +206,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I use the hair growth oil?",
|
||||
content: "For best results, we recommend using Naturals by Rakhi hair growth oil 2-3 times a week. Gently massage into your scalp and leave overnight, then wash with a mild shampoo.",
|
||||
},
|
||||
id: "q1", title: "How often should I use the hair growth oil?", content: "For best results, we recommend using Naturals by Rakhi hair growth oil 2-3 times a week. Gently massage into your scalp and leave overnight, then wash with a mild shampoo."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is this product suitable for all hair types?",
|
||||
content: "Yes, Naturals by Rakhi hair growth oil is formulated with natural ingredients that are beneficial for all hair types, including oily, dry, normal, curly, straight, and color-treated hair.",
|
||||
},
|
||||
id: "q2", title: "Is this product suitable for all hair types?", content: "Yes, Naturals by Rakhi hair growth oil is formulated with natural ingredients that are beneficial for all hair types, including oily, dry, normal, curly, straight, and color-treated hair."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "When can I expect to see results?",
|
||||
content: "Results may vary, but many users report noticeable improvements in hair strength, shine, and reduced breakage within 4-6 weeks of consistent use. Significant growth often becomes apparent after 2-3 months.",
|
||||
},
|
||||
id: "q3", title: "When can I expect to see results?", content: "Results may vary, but many users report noticeable improvements in hair strength, shine, and reduced breakage within 4-6 weeks of consistent use. Significant growth often becomes apparent after 2-3 months."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hearing-sense-telephone-collage_23-2149848102.jpg"
|
||||
imageAlt="FAQs about hair growth oil"
|
||||
@@ -360,8 +226,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Connect with Us"
|
||||
title="Get Your Hair Transformation Started"
|
||||
description="Subscribe for exclusive offers, personalized hair care tips, and updates from Naturals by Rakhi directly to your inbox."
|
||||
@@ -379,54 +244,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Hair Oil",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Hair Oil", href: "#products"},
|
||||
{
|
||||
label: "Benefits",
|
||||
href: "#benefits",
|
||||
},
|
||||
label: "Benefits", href: "#benefits"},
|
||||
{
|
||||
label: "Ingredients",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Ingredients", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Testimonials", href: "#reviews"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -437,4 +281,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user