Merge version_1 into main #2
@@ -25,24 +25,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Botanica"
|
||||
button={{ text: "Shop Now", href: "/products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,20 +42,11 @@ export default function LandingPage() {
|
||||
title="Our Story"
|
||||
description="Born from a passion for traditional healing and a commitment to modern sustainable practices. We bridge the gap between ancient herbal wisdom and your daily wellness ritual."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainable Farming",
|
||||
description: "Working directly with small-scale organic farmers.",
|
||||
},
|
||||
{
|
||||
title: "Small Batch Crafted",
|
||||
description: "Freshness guaranteed by small production runs.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Sourcing",
|
||||
description: "Know exactly where every ingredient comes from.",
|
||||
},
|
||||
{ title: "Sustainable Farming", description: "Working directly with small-scale organic farmers." },
|
||||
{ title: "Small Batch Crafted", description: "Freshness guaranteed by small production runs." },
|
||||
{ title: "Transparent Sourcing", description: "Know exactly where every ingredient comes from." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-scientist-walking-though-greenhouse-examining-potted-flowers_637285-1607.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-scientist-walking-though-greenhouse-examining-potted-flowers_637285-1607.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,22 +58,8 @@ export default function LandingPage() {
|
||||
title="Customer Stories"
|
||||
description="Read why our community trusts Botanica."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Love it!",
|
||||
quote: "The commitment to quality is evident.",
|
||||
name: "S. Lee",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=18",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Reliable",
|
||||
quote: "Always fresh, always pure.",
|
||||
name: "M. Jones",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=19",
|
||||
},
|
||||
{ id: "1", title: "Love it!", quote: "The commitment to quality is evident.", name: "S. Lee", role: "Customer", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" },
|
||||
{ id: "2", title: "Reliable", quote: "Always fresh, always pure.", name: "M. Jones", role: "Customer", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,49 +67,13 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
label: "Teas",
|
||||
href: "/products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/products" }, { label: "Teas", href: "/products" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -25,38 +25,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Botanica"
|
||||
button={{ text: "Shop Now", href: "/products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-us" data-section="contact-us">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Connect with us"
|
||||
description="Have questions about our herbal collection? We'd love to hear from you."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-scientist-walking-though-greenhouse-examining-potted-flowers_637285-1607.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-scientist-walking-though-greenhouse-examining-potted-flowers_637285-1607.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -66,62 +53,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Available Worldwide"
|
||||
description="Join our growing network of holistic practitioners."
|
||||
names={[
|
||||
"New York",
|
||||
"London",
|
||||
"Paris",
|
||||
"Tokyo",
|
||||
"Berlin",
|
||||
]}
|
||||
names={["New York", "London", "Paris", "Tokyo", "Berlin"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
label: "Teas",
|
||||
href: "/products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/products" }, { label: "Teas", href: "/products" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
301
src/app/page.tsx
301
src/app/page.tsx
@@ -28,141 +28,47 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Botanica"
|
||||
button={{ text: "Shop Now", href: "/products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Pure Nature. Pure You."
|
||||
description="Discover the healing power of nature with our organic, sustainably sourced herbal products designed to nurture your body and soul."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants_23-2148013540.jpg?_wi=1",
|
||||
imageAlt: "Forest sunlight",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants_23-2148013540.jpg?_wi=2",
|
||||
imageAlt: "Herb field",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants_23-2148013540.jpg?_wi=3",
|
||||
imageAlt: "Natural herbs",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants_23-2148013540.jpg?_wi=4",
|
||||
imageAlt: "Sunlight rays",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants_23-2148013540.jpg?_wi=5",
|
||||
imageAlt: "Forest path",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants_23-2148013540.jpg?_wi=6",
|
||||
imageAlt: "Organic leaves",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plants_23-2148013540.jpg", imageAlt: "Forest sunlight" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plants_23-2148013540.jpg", imageAlt: "Herb field" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plants_23-2148013540.jpg", imageAlt: "Natural herbs" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plants_23-2148013540.jpg", imageAlt: "Sunlight rays" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plants_23-2148013540.jpg", imageAlt: "Forest path" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plants_23-2148013540.jpg", imageAlt: "Organic leaves" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=1",
|
||||
imageAlt: "Herbal tea",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=2",
|
||||
imageAlt: "Skin care",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=3",
|
||||
imageAlt: "Essential oil",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=4",
|
||||
imageAlt: "Supplement bottle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=5",
|
||||
imageAlt: "Natural cream",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=6",
|
||||
imageAlt: "Herbal blend",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "/products",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", imageAlt: "Herbal tea" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", imageAlt: "Skin care" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", imageAlt: "Essential oil" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", imageAlt: "Supplement bottle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", imageAlt: "Natural cream" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", imageAlt: "Herbal blend" }
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "/products" }, { text: "Explore Products", href: "/products" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ wellness enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Organic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainably Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty Free",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Harvest",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Small Batch",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "100% Organic" }, { type: "text", text: "Sustainably Sourced" }, { type: "text", text: "Cruelty Free" }, { type: "text", text: "Ethical Harvest" }, { type: "text", text: "Small Batch" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,30 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Organic",
|
||||
title: "100% Organic",
|
||||
subtitle: "Pure ingredients",
|
||||
description: "Harvested from the finest chemical-free farms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Eco",
|
||||
title: "Eco-Friendly",
|
||||
subtitle: "Sustainability",
|
||||
description: "Consciously packaged to preserve our earth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=8",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Pure",
|
||||
title: "Chemical-Free",
|
||||
subtitle: "Clean beauty",
|
||||
description: "Free from additives and harmful chemicals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=9",
|
||||
},
|
||||
{ id: 1, tag: "Organic", title: "100% Organic", subtitle: "Pure ingredients", description: "Harvested from the finest chemical-free farms.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" },
|
||||
{ id: 2, tag: "Eco", title: "Eco-Friendly", subtitle: "Sustainability", description: "Consciously packaged to preserve our earth.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" },
|
||||
{ id: 3, tag: "Pure", title: "Chemical-Free", subtitle: "Clean beauty", description: "Free from additives and harmful chemicals.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" }
|
||||
]}
|
||||
title="Our Natural Promise"
|
||||
description="Quality meets sustainability in everything we craft."
|
||||
@@ -209,36 +94,9 @@ export default function LandingPage() {
|
||||
title="Wellness Wisdom"
|
||||
description="Insights and tips for a balanced life."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Wellness",
|
||||
title: "Benefits of Lavender",
|
||||
excerpt: "Discover how lavender calms your mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=10",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Tips",
|
||||
title: "Herbal Morning Rituals",
|
||||
excerpt: "Start your day with these natural steps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=11",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg",
|
||||
date: "Oct 10, 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Remedies",
|
||||
title: "Understanding Tea Brewing",
|
||||
excerpt: "Get the most from your organic leaves.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=12",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg",
|
||||
date: "Oct 08, 2024",
|
||||
},
|
||||
{ id: "b1", category: "Wellness", title: "Benefits of Lavender", excerpt: "Discover how lavender calms your mind.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", date: "Oct 12, 2024" },
|
||||
{ id: "b2", category: "Tips", title: "Herbal Morning Rituals", excerpt: "Start your day with these natural steps.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", date: "Oct 10, 2024" },
|
||||
{ id: "b3", category: "Remedies", title: "Understanding Tea Brewing", excerpt: "Get the most from your organic leaves.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg", date: "Oct 08, 2024" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -250,46 +108,11 @@ export default function LandingPage() {
|
||||
title="What Our Community Says"
|
||||
description="Hear from our happy wellness warriors."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Life Changing",
|
||||
quote: "The best herbal products I've used.",
|
||||
name: "Alice S.",
|
||||
role: "Yogi",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=13",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Pure Quality",
|
||||
quote: "I feel the difference in my routine.",
|
||||
name: "Bob D.",
|
||||
role: "Runner",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=14",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Soothing",
|
||||
quote: "My morning tea is now a sacred ritual.",
|
||||
name: "Charlie G.",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=15",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Natural Glow",
|
||||
quote: "The oil is amazing for my skin.",
|
||||
name: "Dana M.",
|
||||
role: "Writer",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=16",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Clean Energy",
|
||||
quote: "Highly recommend the supplements!",
|
||||
name: "Eli V.",
|
||||
role: "Teacher",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=17",
|
||||
},
|
||||
{ id: "1", title: "Life Changing", quote: "The best herbal products I've used.", name: "Alice S.", role: "Yogi", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" },
|
||||
{ id: "2", title: "Pure Quality", quote: "I feel the difference in my routine.", name: "Bob D.", role: "Runner", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" },
|
||||
{ id: "3", title: "Soothing", quote: "My morning tea is now a sacred ritual.", name: "Charlie G.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" },
|
||||
{ id: "4", title: "Natural Glow", quote: "The oil is amazing for my skin.", name: "Dana M.", role: "Writer", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" },
|
||||
{ id: "5", title: "Clean Energy", quote: "Highly recommend the supplements!", name: "Eli V.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -300,62 +123,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Wellness Leaders"
|
||||
description="We collaborate with top-tier botanical research institutions."
|
||||
names={[
|
||||
"EcoVibe",
|
||||
"PureNature",
|
||||
"GreenRoot",
|
||||
"ZenLabs",
|
||||
"HealFlow",
|
||||
]}
|
||||
names={["EcoVibe", "PureNature", "GreenRoot", "ZenLabs", "HealFlow"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
label: "Teas",
|
||||
href: "/products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/products" }, { label: "Teas", href: "/products" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -25,24 +25,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Botanica"
|
||||
button={{ text: "Shop Now", href: "/products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,33 +42,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Botanica",
|
||||
name: "Calm Tea",
|
||||
price: "$24.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=20",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Botanica",
|
||||
name: "Radiance Oil",
|
||||
price: "$45.00",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=21",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Botanica",
|
||||
name: "Night Cream",
|
||||
price: "$38.00",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=22",
|
||||
},
|
||||
{ id: "1", brand: "Botanica", name: "Calm Tea", price: "$24.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" },
|
||||
{ id: "2", brand: "Botanica", name: "Radiance Oil", price: "$45.00", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" },
|
||||
{ id: "3", brand: "Botanica", name: "Night Cream", price: "$38.00", rating: 4, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" }
|
||||
]}
|
||||
title="Herbal Essentials"
|
||||
description="Browse our curated collection of botanical wellness products."
|
||||
@@ -95,18 +60,8 @@ export default function LandingPage() {
|
||||
title="Best Sellers"
|
||||
description="Our most popular herbal blends."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Calm Tea",
|
||||
price: "$24.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=23",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Radiance Oil",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg?_wi=24",
|
||||
},
|
||||
{ id: "1", name: "Calm Tea", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" },
|
||||
{ id: "2", name: "Radiance Oil", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-spa-template_23-2150701615.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,49 +69,13 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
label: "Teas",
|
||||
href: "/products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/products" }, { label: "Teas", href: "/products" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user