bender/8d18a7eb-bf88-4b7e-ae8c-06dd47b5ef7e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 19:21:10 +00:00
parent 593f604084
commit af1abba7bc
1 changed files with 60 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/app/page.tsx
View File

@@ -33,37 +33,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/bamboo-leaves-soft-light_84443-94454.jpg"
logoAlt="Bamboo Green Moko logo"
brandName="Bamboo Green Moko"
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
/>
</div>
@@ -71,78 +57,43 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Sustainable Living, Naturally Crafted"
description="Discover Bamboo Green Moko's exquisite range of eco-friendly products, designed to bring nature's elegance and sustainability into your everyday life. Embrace a greener future with us."
testimonials={[
{
name: "Sarah J.",
handle: "@EcoLifestyle",
testimonial: "Bamboo Green Moko's products have transformed my home! Beautiful, durable, and truly sustainable. Highly recommend for conscious living.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-decorating-home_23-2150633285.jpg",
},
name: "Sarah J.", handle: "@EcoLifestyle", testimonial: "Bamboo Green Moko's products have transformed my home! Beautiful, durable, and truly sustainable. Highly recommend for conscious living.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-decorating-home_23-2150633285.jpg"},
{
name: "Mark L.",
handle: "@GreenInnovator",
testimonial: "Impressed by the quality and design. It's refreshing to find a brand that genuinely cares about the planet and delivers such amazing products.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-community-action_23-2149232495.jpg",
},
name: "Mark L.", handle: "@GreenInnovator", testimonial: "Impressed by the quality and design. It's refreshing to find a brand that genuinely cares about the planet and delivers such amazing products.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-community-action_23-2149232495.jpg"},
{
name: "Emily R.",
handle: "@SustainableShopper",
testimonial: "Finally, stylish and eco-friendly options! Bamboo Green Moko has become my go-to for all sustainable home goods. Fantastic value.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg",
},
name: "Emily R.", handle: "@SustainableShopper", testimonial: "Finally, stylish and eco-friendly options! Bamboo Green Moko has become my go-to for all sustainable home goods. Fantastic value.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg"},
{
name: "David K.",
handle: "@ConsciousConsumer",
testimonial: "The bamboo utensils are a game-changer for my daily routine. Durable, practical, and I love knowing I'm making a positive impact.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/delighted-young-couple-sitting-couch-surrounded-by-boxes_273609-31771.jpg",
},
name: "David K.", handle: "@ConsciousConsumer", testimonial: "The bamboo utensils are a game-changer for my daily routine. Durable, practical, and I love knowing I'm making a positive impact.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/delighted-young-couple-sitting-couch-surrounded-by-boxes_273609-31771.jpg"},
{
name: "Laura S.",
handle: "@EthicalHome",
testimonial: "Exceptional craftsmanship and truly sustainable. Every product feels like a step towards a healthier planet. Thank you, Bamboo Green Moko!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-woman-taking-care-plants_23-2150655704.jpg",
},
name: "Laura S.", handle: "@EthicalHome", testimonial: "Exceptional craftsmanship and truly sustainable. Every product feels like a step towards a healthier planet. Thank you, Bamboo Green Moko!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-woman-taking-care-plants_23-2150655704.jpg"},
]}
buttons={[
{
text: "Explore Products",
href: "#products",
},
text: "Explore Products", href: "#products"},
{
text: "Learn Our Story",
href: "#about",
},
text: "Learn Our Story", href: "#about"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-every-day-make-up-look_181624-21819.jpg",
alt: "Customer Sarah J.",
},
src: "http://img.b2bpic.net/free-photo/beautiful-every-day-make-up-look_181624-21819.jpg", alt: "Customer Sarah J."},
{
src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
alt: "Customer Mark L.",
},
src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", alt: "Customer Mark L."},
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
alt: "Customer Emily R.",
},
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", alt: "Customer Emily R."},
{
src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
alt: "Customer David K.",
},
src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", alt: "Customer David K."},
{
src: "http://img.b2bpic.net/free-photo/portrait-attractive-smiling-woman-office_23-2148187253.jpg",
alt: "Satisfied customer",
},
src: "http://img.b2bpic.net/free-photo/portrait-attractive-smiling-woman-office_23-2148187253.jpg", alt: "Satisfied customer"},
]}
avatarText="Join thousands of satisfied customers!"
imageSrc="http://img.b2bpic.net/free-photo/oriental-bamboo-forest-daylight_23-2149011388.jpg"
@@ -150,27 +101,17 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Eco-Friendly Sourcing",
icon: Leaf,
type: "text-icon", text: "Eco-Friendly Sourcing", icon: Leaf,
},
{
type: "text",
text: "Sustainable Practices",
type: "text", text: "Sustainable Practices"},
{
type: "text-icon", text: "Quality Craftsmanship", icon: Diamond,
},
{
type: "text-icon",
text: "Quality Craftsmanship",
icon: Diamond,
},
type: "text", text: "Biodegradable Products"},
{
type: "text",
text: "Biodegradable Products",
},
{
type: "text-icon",
text: "Conscious Living",
icon: Heart,
type: "text-icon", text: "Conscious Living", icon: Heart,
},
]}
/>
@@ -193,23 +134,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Exceptional Durability",
description: "Bamboo is renowned for its incredible strength and resilience, making our products long-lasting and reliable.",
imageSrc: "http://img.b2bpic.net/free-photo/tied-bamboo-organic-straws-leaves_23-2148768601.jpg",
imageAlt: "Close-up of strong bamboo stalks",
},
title: "Exceptional Durability", description: "Bamboo is renowned for its incredible strength and resilience, making our products long-lasting and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/tied-bamboo-organic-straws-leaves_23-2148768601.jpg", imageAlt: "Close-up of strong bamboo stalks"},
{
title: "Eco-Friendly & Sustainable",
description: "As one of the fastest-growing plants, bamboo is a highly renewable resource, offering a truly green alternative.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-animals-planet-grass-animal-day_23-2148668821.jpg",
imageAlt: "Green leaf with water drop, symbolizing eco-friendliness",
},
title: "Eco-Friendly & Sustainable", description: "As one of the fastest-growing plants, bamboo is a highly renewable resource, offering a truly green alternative.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-animals-planet-grass-animal-day_23-2148668821.jpg", imageAlt: "Green leaf with water drop, symbolizing eco-friendliness"},
{
title: "Elegant & Modern Design",
description: "Our products blend natural aesthetics with contemporary design, elevating your home with timeless elegance.",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-zero-waste-assortment-wooden-background-with-clothespins_23-2148491206.jpg",
imageAlt: "Modern interior with bamboo furniture",
},
title: "Elegant & Modern Design", description: "Our products blend natural aesthetics with contemporary design, elevating your home with timeless elegance.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-zero-waste-assortment-wooden-background-with-clothespins_23-2148491206.jpg", imageAlt: "Modern interior with bamboo furniture"},
]}
title="Why Choose Bamboo Green Moko?"
description="Discover the unique advantages of incorporating our thoughtfully crafted bamboo products into your lifestyle."
@@ -224,53 +153,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p-1",
name: "Bamboo Coffee Cup",
price: "$18.00",
variant: "Natural Finish",
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-green-brown-cups_23-2148723788.jpg",
imageAlt: "Reusable bamboo coffee cup",
},
id: "p-1", name: "Bamboo Coffee Cup", price: "$18.00", variant: "Natural Finish", imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-green-brown-cups_23-2148723788.jpg", imageAlt: "Reusable bamboo coffee cup"},
{
id: "p-2",
name: "Bamboo Toothbrush",
price: "$6.00",
variant: "Soft Bristles",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wooden-brushes-arrangement_23-2149413936.jpg",
imageAlt: "Eco-friendly bamboo toothbrush",
},
id: "p-2", name: "Bamboo Toothbrush", price: "$6.00", variant: "Soft Bristles", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wooden-brushes-arrangement_23-2149413936.jpg", imageAlt: "Eco-friendly bamboo toothbrush"},
{
id: "p-3",
name: "Bamboo Straw Set",
price: "$12.00",
variant: "Pack of 6",
imageSrc: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-metallic-straws_23-2148677961.jpg",
imageAlt: "Set of reusable bamboo straws",
},
id: "p-3", name: "Bamboo Straw Set", price: "$12.00", variant: "Pack of 6", imageSrc: "http://img.b2bpic.net/free-photo/spa-beauty-treatment-metallic-straws_23-2148677961.jpg", imageAlt: "Set of reusable bamboo straws"},
{
id: "p-4",
name: "Bamboo Utensil Kit",
price: "$25.00",
variant: "Travel Ready",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-zero-waste-arrangement-wooden-background_23-2148491192.jpg",
imageAlt: "Portable bamboo utensil kit",
},
id: "p-4", name: "Bamboo Utensil Kit", price: "$25.00", variant: "Travel Ready", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-zero-waste-arrangement-wooden-background_23-2148491192.jpg", imageAlt: "Portable bamboo utensil kit"},
{
id: "p-5",
name: "Bamboo Salad Bowl",
price: "$35.00",
variant: "Large Serving",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-zero-waste-cutlery_23-2149295045.jpg",
imageAlt: "Natural bamboo salad bowl",
},
id: "p-5", name: "Bamboo Salad Bowl", price: "$35.00", variant: "Large Serving", imageSrc: "http://img.b2bpic.net/free-photo/top-view-zero-waste-cutlery_23-2149295045.jpg", imageAlt: "Natural bamboo salad bowl"},
{
id: "p-6",
name: "Bamboo Cutting Board",
price: "$40.00",
variant: "Durable",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-soft-juicy-persimmons-bucket-with-persimmons-wooden-kitchen-board-with-cinnamon-sticks-white-wooden-wall_141793-76268.jpg",
imageAlt: "Bamboo cutting board",
},
id: "p-6", name: "Bamboo Cutting Board", price: "$40.00", variant: "Durable", imageSrc: "http://img.b2bpic.net/free-photo/top-view-soft-juicy-persimmons-bucket-with-persimmons-wooden-kitchen-board-with-cinnamon-sticks-white-wooden-wall_141793-76268.jpg", imageAlt: "Bamboo cutting board"},
]}
title="Our Sustainable Product Range"
description="Explore our curated collection of bamboo products, thoughtfully designed to support your sustainable lifestyle."
@@ -281,47 +174,23 @@ export default function LandingPage() {
<TestimonialCardThirteen
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{
id: "t-1",
name: "Olivia Smith",
handle: "@OliviaS_Eco",
testimonial: "The Bamboo Green Moko kitchenware is not just beautiful, it's incredibly practical and easy to clean. A must-have for any eco-conscious kitchen!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrating-society_23-2151102430.jpg",
},
id: "t-1", name: "Olivia Smith", handle: "@OliviaS_Eco", testimonial: "The Bamboo Green Moko kitchenware is not just beautiful, it's incredibly practical and easy to clean. A must-have for any eco-conscious kitchen!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrating-society_23-2151102430.jpg"},
{
id: "t-2",
name: "Noah Davis",
handle: "@NoahD_Green",
testimonial: "I appreciate the transparency in sourcing and manufacturing. It makes me feel good about every purchase from Bamboo Green Moko.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-grocery-bags-having-juice-outdoors_23-2148781528.jpg",
},
id: "t-2", name: "Noah Davis", handle: "@NoahD_Green", testimonial: "I appreciate the transparency in sourcing and manufacturing. It makes me feel good about every purchase from Bamboo Green Moko.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-grocery-bags-having-juice-outdoors_23-2148781528.jpg"},
{
id: "t-3",
name: "Isabella Garcia",
handle: "@IsabellaG_Sustain",
testimonial: "From their packaging to the product itself, everything screams quality and commitment to sustainability. My home feels refreshed!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-seaweed-snacks_23-2150670854.jpg",
},
id: "t-3", name: "Isabella Garcia", handle: "@IsabellaG_Sustain", testimonial: "From their packaging to the product itself, everything screams quality and commitment to sustainability. My home feels refreshed!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-seaweed-snacks_23-2150670854.jpg"},
{
id: "t-4",
name: "Liam Martinez",
handle: "@LiamM_EcoLife",
testimonial: "Their customer service is as excellent as their products. They truly stand by their mission of promoting a greener planet.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-child-spending-time-together-comfort-their-home_23-2149864746.jpg",
},
id: "t-4", name: "Liam Martinez", handle: "@LiamM_EcoLife", testimonial: "Their customer service is as excellent as their products. They truly stand by their mission of promoting a greener planet.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-child-spending-time-together-comfort-their-home_23-2149864746.jpg"},
{
id: "t-5",
name: "Sophia Brown",
handle: "@SophiaB_Natural",
testimonial: "I gifted some items from Bamboo Green Moko, and my friends absolutely loved them! Perfect blend of elegance and environmental responsibility.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-woman-taking-care-plants_23-2150655703.jpg",
},
id: "t-5", name: "Sophia Brown", handle: "@SophiaB_Natural", testimonial: "I gifted some items from Bamboo Green Moko, and my friends absolutely loved them! Perfect blend of elegance and environmental responsibility.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-woman-taking-care-plants_23-2150655703.jpg"},
]}
showRating={true}
title="Hear From Our Happy Customers"
@@ -334,14 +203,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"EcoConscious Collective",
"Green Living Network",
"Sustainable Earth Alliance",
"Renewable Future Co.",
"Natural Harmony Group",
"Planet-Friendly Partners",
"Global Eco Initiative",
]}
"EcoConscious Collective", "Green Living Network", "Sustainable Earth Alliance", "Renewable Future Co.", "Natural Harmony Group", "Planet-Friendly Partners", "Global Eco Initiative"]}
title="Trusted by Leading Eco-Friendly Organizations"
description="We're proud to partner with organizations committed to environmental stewardship and sustainable practices."
/>
@@ -353,20 +215,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What makes bamboo products sustainable?",
content: "Bamboo is a highly renewable resource that grows rapidly without pesticides or excessive water. It's biodegradable and helps prevent deforestation, making it an excellent eco-friendly material for various products.",
},
id: "faq-1", title: "What makes bamboo products sustainable?", content: "Bamboo is a highly renewable resource that grows rapidly without pesticides or excessive water. It's biodegradable and helps prevent deforestation, making it an excellent eco-friendly material for various products."},
{
id: "faq-2",
title: "How do I care for my bamboo products?",
content: "Most bamboo products can be gently washed with soap and water. Avoid prolonged soaking or dishwashers for items like cutting boards. For textiles, follow specific care instructions on the label. Always allow them to air dry completely.",
},
id: "faq-2", title: "How do I care for my bamboo products?", content: "Most bamboo products can be gently washed with soap and water. Avoid prolonged soaking or dishwashers for items like cutting boards. For textiles, follow specific care instructions on the label. Always allow them to air dry completely."},
{
id: "faq-3",
title: "Are Bamboo Green Moko products truly natural?",
content: "Yes, we are committed to using 100% natural, ethically sourced bamboo. Our products are free from harmful chemicals, plastics, and synthetic additives, ensuring they are safe for you and the environment.",
},
id: "faq-3", title: "Are Bamboo Green Moko products truly natural?", content: "Yes, we are committed to using 100% natural, ethically sourced bamboo. Our products are free from harmful chemicals, plastics, and synthetic additives, ensuring they are safe for you and the environment."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our bamboo products and sustainable practices."
@@ -381,22 +234,14 @@ export default function LandingPage() {
description="Have questions about our products, sustainability efforts, or wholesale opportunities? We'd love to hear from you!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
name: "message", placeholder: "Your Message", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/top-view-asian-tableware_23-2148202118.jpg"
@@ -410,13 +255,9 @@ export default function LandingPage() {
logoAlt="Bamboo Green Moko logo"
logoText="Bamboo Green Moko"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>