Merge version_1 into main #2
362
src/app/page.tsx
362
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Le Grand Vert"
|
||||
/>
|
||||
@@ -56,64 +48,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Nature's Finest, Premiumly Curated."
|
||||
description="Experience the ultimate in organic luxury with Le Grand Vert Premium. Sustainable, elegant, and uncompromising quality for a sophisticated lifestyle."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12316.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-towel-smokes-cigarette-reads-newspaper_1153-5145.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-friends-spending-time-together_23-2148395401.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-pattern-pink-flower_23-2147835561.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12316.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-towel-smokes-cigarette-reads-newspaper_1153-5145.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-friends-spending-time-together_23-2148395401.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-pattern-pink-flower_23-2147835561.jpg", alt: "Customer" }
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ conscious luxury seekers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Explore Collection", href: "#products" },
|
||||
{ text: "Our Mission", href: "#about" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Luxury",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Crafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Organic",
|
||||
},
|
||||
{ type: "text", text: "Ethically Sourced" },
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
{ type: "text", text: "Sustainable Luxury" },
|
||||
{ type: "text", text: "Artisanal Crafted" },
|
||||
{ type: "text", text: "100% Organic" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,21 +78,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Green Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Ethically Sourced",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Premium Quality Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Happy Global Customers",
|
||||
value: "5k+",
|
||||
},
|
||||
{ icon: Leaf, label: "Ethically Sourced", value: "100%" },
|
||||
{ icon: Award, label: "Premium Quality Rating", value: "5.0" },
|
||||
{ icon: Heart, label: "Happy Global Customers", value: "5k+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -150,42 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Organic Infusion",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176113.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Botanical Serum",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-bottles-isolated-white_1182-1133.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Green Wellness Set",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769475.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Artisanal Tea Tin",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-helathy-ingredients-composition_23-2147859436.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gold Honey Jar",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669114.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Eco-Care Balm",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-furoshiki-package_23-2150274480.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Organic Infusion", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176113.jpg" },
|
||||
{ id: "p2", name: "Botanical Serum", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-bottles-isolated-white_1182-1133.jpg" },
|
||||
{ id: "p3", name: "Green Wellness Set", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769475.jpg" },
|
||||
{ id: "p4", name: "Artisanal Tea Tin", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/modern-helathy-ingredients-composition_23-2147859436.jpg" },
|
||||
{ id: "p5", name: "Gold Honey Jar", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669114.jpg" },
|
||||
{ id: "p6", name: "Eco-Care Balm", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-furoshiki-package_23-2150274480.jpg" }
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Select from our range of premium organic essentials, hand-picked for quality and sustainability."
|
||||
@@ -199,50 +112,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Every ingredient is traced back to source, ensuring fair labor and environmental health.",
|
||||
icon: Globe,
|
||||
title: "Sustainable Sourcing", description: "Every ingredient is traced back to source, ensuring fair labor and environmental health.", icon: Globe,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-levender-body-butter-plain-background_23-2148305506.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242160.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/succulent-plant-background-wallpaper-aesthetic-nature-dark-image_53876-133514.jpg",
|
||||
imageAlt: "premium organic tea product package",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-levender-body-butter-plain-background_23-2148305506.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242160.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Artisanal Crafted",
|
||||
description: "Hand-crafted in small batches to preserve potency and freshness.",
|
||||
icon: Zap,
|
||||
title: "Artisanal Crafted", description: "Hand-crafted in small batches to preserve potency and freshness.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-items-body-care-colored-wall_169016-1629.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-gardenzia-flower-with-leaves-with-gift-box-wooden-background_141793-51791.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-farmer-watering-plant-crops-his-farm_23-2149211765.jpg",
|
||||
imageAlt: "premium organic tea product package",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-items-body-care-colored-wall_169016-1629.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-gardenzia-flower-with-leaves-with-gift-box-wooden-background_141793-51791.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Pure Quality",
|
||||
description: "Zero synthetics, zero compromises. Only pure ingredients that respect your health.",
|
||||
icon: Shield,
|
||||
title: "Pure Quality", description: "Zero synthetics, zero compromises. Only pure ingredients that respect your health.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/honey-jars_74190-1580.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480160.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176113.jpg?_wi=2",
|
||||
imageAlt: "premium organic tea product package",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/honey-jars_74190-1580.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480160.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Why Choose Le Grand Vert?"
|
||||
description="Luxury redefined through sustainable practices, ethical sourcing, and uncompromising beauty standards."
|
||||
@@ -256,40 +145,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Essential",
|
||||
price: "$99",
|
||||
subtitle: "Monthly curated selection",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 monthly box",
|
||||
"Member discounts",
|
||||
"Free shipping",
|
||||
],
|
||||
id: "starter", badge: "Essential", price: "$99", subtitle: "Monthly curated selection", buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
features: ["1 monthly box", "Member discounts", "Free shipping"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$199",
|
||||
subtitle: "Luxury experience",
|
||||
buttons: [
|
||||
{
|
||||
text: "Go Premium",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"2 monthly boxes",
|
||||
"Exclusive items",
|
||||
"VIP support",
|
||||
"Early access",
|
||||
],
|
||||
},
|
||||
id: "pro", badge: "Premium", price: "$199", subtitle: "Luxury experience", buttons: [{ text: "Go Premium", href: "#contact" }],
|
||||
features: ["2 monthly boxes", "Exclusive items", "VIP support", "Early access"]
|
||||
}
|
||||
]}
|
||||
title="Membership Tiers"
|
||||
description="Exclusive benefits for our most loyal premium members."
|
||||
@@ -302,27 +164,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "Trees Planted",
|
||||
description: "Supporting reforestation efforts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/wedding-card-design_53876-79067.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500",
|
||||
title: "Artisans Supported",
|
||||
description: "Fair wages for every partner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384713.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "85%",
|
||||
title: "Recycle Rate",
|
||||
description: "Packaging circularity goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-paint-brushes-display-with-brush-strokes-paint_23-2150351769.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1.2M", title: "Trees Planted", description: "Supporting reforestation efforts.", imageSrc: "http://img.b2bpic.net/free-vector/wedding-card-design_53876-79067.jpg" },
|
||||
{ id: "m2", value: "500", title: "Artisans Supported", description: "Fair wages for every partner.", imageSrc: "http://img.b2bpic.net/free-photo/person-transplanting-plants-new-pots_23-2149384713.jpg" },
|
||||
{ id: "m3", value: "85%", title: "Recycle Rate", description: "Packaging circularity goals.", imageSrc: "http://img.b2bpic.net/free-photo/view-paint-brushes-display-with-brush-strokes-paint_23-2150351769.jpg" }
|
||||
]}
|
||||
title="Our Global Impact"
|
||||
description="Measurable results in ethical production and sustainable global growth."
|
||||
@@ -335,60 +179,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Collector",
|
||||
company: "Fine Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael R.",
|
||||
role: "Architect",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-holding-zero-waste-beauty-product_23-2151440325.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
role: "Consultant",
|
||||
company: "Lifestyle Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/self-confident-red-jacket-sitting-balcony_197531-7847.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David O.",
|
||||
role: "Editor",
|
||||
company: "Green Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924090.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Clara T.",
|
||||
role: "Influencer",
|
||||
company: "Wellness Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-braless-woman-outdoors_23-2150501211.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Collector", company: "Fine Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg" },
|
||||
{ id: "2", name: "Michael R.", role: "Architect", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/model-holding-zero-waste-beauty-product_23-2151440325.jpg" },
|
||||
{ id: "3", name: "Elena V.", role: "Consultant", company: "Lifestyle Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/self-confident-red-jacket-sitting-balcony_197531-7847.jpg" },
|
||||
{ id: "4", name: "David O.", role: "Editor", company: "Green Daily", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924090.jpg" },
|
||||
{ id: "5", name: "Clara T.", role: "Influencer", company: "Wellness Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-braless-woman-outdoors_23-2150501211.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Loyalty",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Global reach",
|
||||
},
|
||||
{ value: "4.9/5", label: "Average Rating" },
|
||||
{ value: "98%", label: "Client Loyalty" },
|
||||
{ value: "20+", label: "Global reach" }
|
||||
]}
|
||||
title="Stories of Excellence"
|
||||
description="Discover what our esteemed clients feel about the premium experience."
|
||||
@@ -401,22 +201,10 @@ export default function LandingPage() {
|
||||
title="Begin Your Premium Journey"
|
||||
description="Interested in private consultations, membership, or partnership inquiries? Get in touch with us."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your Message", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flower-glass_1339-5026.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -426,35 +214,21 @@ export default function LandingPage() {
|
||||
logoText="Le Grand Vert"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Mission",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Mission", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user