Merge version_1 into main #1
251
src/app/page.tsx
251
src/app/page.tsx
@@ -28,105 +28,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="JIVANDHARA"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Pure Nature for Your Skin"
|
||||
description="Jivandhara brings you 100% natural, handcrafted skincare solutions that respect your beauty and the environment. Experience the power of earth-derived ingredients."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Natural Ingredients",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "0",
|
||||
label: "Chemical Additives",
|
||||
},
|
||||
{ value: "100%", label: "Natural Ingredients" },
|
||||
{ value: "10k+", label: "Happy Customers" },
|
||||
{ value: "0", label: "Chemical Additives" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/homemade-remedy-with-cucumber_23-2148894299.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/homemade-remedy-with-leaves-top-view_23-2148894341.jpg",
|
||||
alt: "Natural skincare customer one",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-banner-with-cosmetic-product-coconut_23-2149446545.jpg",
|
||||
alt: "Natural skincare customer two",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ecological-cleaning-products-concept_23-2148781951.jpg",
|
||||
alt: "Natural skincare customer three",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spa-decoration-wood-background_1150-6739.jpg",
|
||||
alt: "Natural skincare customer four",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-bowl-with-dry-chamomile-mineral-salt_23-2148317623.jpg",
|
||||
alt: "Natural skincare customer five",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/homemade-remedy-with-leaves-top-view_23-2148894341.jpg", alt: "Natural skincare customer one" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/horizontal-banner-with-cosmetic-product-coconut_23-2149446545.jpg", alt: "Natural skincare customer two" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/ecological-cleaning-products-concept_23-2148781951.jpg", alt: "Natural skincare customer three" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/spa-decoration-wood-background_1150-6739.jpg", alt: "Natural skincare customer four" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-bowl-with-dry-chamomile-mineral-salt_23-2148317623.jpg", alt: "Natural skincare customer five" },
|
||||
]}
|
||||
avatarText="Trusted by thousands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty-Free",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Packaging",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handmade in Small Batches",
|
||||
},
|
||||
{ type: "text", text: "Organic Certified" },
|
||||
{ type: "text", text: "Cruelty-Free" },
|
||||
{ type: "text", text: "Sustainable Packaging" },
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Handmade in Small Batches" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,18 +78,9 @@ export default function LandingPage() {
|
||||
title="The Jivandhara Promise"
|
||||
description="We believe that skin care should be as pure as the ingredients found in nature. Our mission is to provide effective, ethical, and entirely natural products that enhance your radiance."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainably Sourced",
|
||||
description: "We partner with local farmers who follow organic practices.",
|
||||
},
|
||||
{
|
||||
title: "Handcrafted Care",
|
||||
description: "Every product is made in small batches to ensure quality.",
|
||||
},
|
||||
{
|
||||
title: "No Toxins Ever",
|
||||
description: "Free from parabens, sulfates, and synthetic fragrances.",
|
||||
},
|
||||
{ title: "Sustainably Sourced", description: "We partner with local farmers who follow organic practices." },
|
||||
{ title: "Handcrafted Care", description: "Every product is made in small batches to ensure quality." },
|
||||
{ title: "No Toxins Ever", description: "Free from parabens, sulfates, and synthetic fragrances." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/homemade-treatment-ingredients-arrangement_23-2148894309.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -163,42 +94,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Botanical Face Cream",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-recycled-plastic-bottle-with-plant_23-2149449786.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Herbal Gentle Cleanser",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-green-face-mask-fresh-cucumbers-white-bathrobe_169016-19489.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Nourishing Body Butter",
|
||||
price: "$34",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-photo-with-soap-rustic-wooden-background_93675-135382.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Essential Glow Serum",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-plant-with-copy-space_23-2148899360.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Purifying Clay Mask",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-salt-with-candles-table_23-2148439236.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Calming Floral Mist",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-products-arrangement-sand_23-2148761478.jpg",
|
||||
},
|
||||
{ id: "1", name: "Botanical Face Cream", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-recycled-plastic-bottle-with-plant_23-2149449786.jpg" },
|
||||
{ id: "2", name: "Herbal Gentle Cleanser", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-green-face-mask-fresh-cucumbers-white-bathrobe_169016-19489.jpg" },
|
||||
{ id: "3", name: "Nourishing Body Butter", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/spa-photo-with-soap-rustic-wooden-background_93675-135382.jpg" },
|
||||
{ id: "4", name: "Essential Glow Serum", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-plant-with-copy-space_23-2148899360.jpg" },
|
||||
{ id: "5", name: "Purifying Clay Mask", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-salt-with-candles-table_23-2148439236.jpg" },
|
||||
{ id: "6", name: "Calming Floral Mist", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/beauty-products-arrangement-sand_23-2148761478.jpg" },
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Discover our range of botanical-infused products formulated to nourish, hydrate, and rejuvenate your skin naturally."
|
||||
@@ -209,31 +110,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anya R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Meera K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-glowing-skin-natural-sunlight_23-2151992832.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-blond-woman-dress-touching-face-smiling-coquettish-standing-white-background_176420-48901.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sunita L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-jeans-skirt-top-sexy-carefree-woman-posing-near-grey-wall-studio-positive-brunette-model-having-fun-going-crazy-taking-pov-selfie_158538-25020.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anita V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-lady-feeling-satisfied-happy_1163-3812.jpg",
|
||||
},
|
||||
{ id: "1", name: "Anya R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg" },
|
||||
{ id: "2", name: "Meera K.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-glowing-skin-natural-sunlight_23-2151992832.jpg" },
|
||||
{ id: "3", name: "Priya S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-blond-woman-dress-touching-face-smiling-coquettish-standing-white-background_176420-48901.jpg" },
|
||||
{ id: "4", name: "Sunita L.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-jeans-skirt-top-sexy-carefree-woman-posing-near-grey-wall-studio-positive-brunette-model-having-fun-going-crazy-taking-pov-selfie_158538-25020.jpg" },
|
||||
{ id: "5", name: "Anita V.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-lady-feeling-satisfied-happy_1163-3812.jpg" },
|
||||
]}
|
||||
cardTitle="Loved by You"
|
||||
cardTag="Reviews"
|
||||
@@ -247,24 +128,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions about our ingredients or want skincare advice? We're here to help you on your natural journey."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message here...",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message here...", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/arrangement-with-healthcare-products_23-2148268416.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -274,45 +141,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480135.jpg"
|
||||
logoText="JIVANDHARA"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "Best Sellers", href: "#" }] },
|
||||
{ title: "About", items: [{ label: "Our Story", href: "#about" }, { label: "Sustainability", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQ", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user