Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
192
src/app/page.tsx
192
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "features",
|
||||
},
|
||||
name: "Benefits", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="PureHome"
|
||||
/>
|
||||
@@ -52,32 +46,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="A cleaner home, one day at a time."
|
||||
description="Discover powerful, non-toxic cleaning products that keep your home safe for your family and the planet. Pure clean, pure peace."
|
||||
tag="100% Plant-Based Solutions"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343068.jpg?_wi=1",
|
||||
imageAlt: "Natural cleaner product",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343068.jpg", imageAlt: "Natural cleaner product"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-brushes-lemon-arrangement_23-2148883445.jpg",
|
||||
imageAlt: "Product in action",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343070.jpg",
|
||||
imageAlt: "Still life of office cleaning process",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128732.jpg",
|
||||
imageAlt: "Plant and garden still life",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-gardener-home-apron-gloves-with-growing-plants-house-balcony-watering-using-spray_343596-7038.jpg",
|
||||
imageAlt: "Woman gardener at home in apron and gloves with growing plants on house balcony watering using spray",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-brushes-lemon-arrangement_23-2148883445.jpg", imageAlt: "Product in action"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -92,19 +69,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Eco-friendly",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Eco-friendly", value: "100%"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Non-Toxic",
|
||||
value: "Certified",
|
||||
},
|
||||
label: "Non-Toxic", value: "Certified"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Sustainable",
|
||||
value: "Ethical",
|
||||
},
|
||||
label: "Sustainable", value: "Ethical"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -117,28 +88,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Plant-Powered",
|
||||
description: "Derived from organic, renewable sources.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/renewable-energy_24877-49222.jpg",
|
||||
imageAlt: "leaf symbol eco icon",
|
||||
title: "Plant-Powered", description: "Derived from organic, renewable sources.", bentoComponent: "reveal-icon", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Family Safe",
|
||||
description: "No toxins, no worries for kids or pets.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Heart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343068.jpg?_wi=2",
|
||||
imageAlt: "leaf symbol eco icon",
|
||||
title: "Family Safe", description: "No toxins, no worries for kids or pets.", bentoComponent: "reveal-icon", icon: Heart,
|
||||
},
|
||||
{
|
||||
title: "Zero Waste",
|
||||
description: "Recyclable packaging, refillable options.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Recycle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-warming-inscription-white-background_23-2148115651.jpg",
|
||||
imageAlt: "leaf symbol eco icon",
|
||||
title: "Zero Waste", description: "Recyclable packaging, refillable options.", bentoComponent: "reveal-icon", icon: Recycle,
|
||||
},
|
||||
]}
|
||||
title="Why Choose PureHome?"
|
||||
@@ -154,41 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "All-Purpose Spray",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cleaning-solution-gloves_23-2148587271.jpg",
|
||||
},
|
||||
id: "p1", name: "All-Purpose Spray", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cleaning-solution-gloves_23-2148587271.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dish Soap",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-soap-with-brush_23-2150829647.jpg",
|
||||
},
|
||||
id: "p2", name: "Dish Soap", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-soap-with-brush_23-2150829647.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Laundry Detergent",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-wooden-brushes-soaps-top-view_23-2148796354.jpg",
|
||||
},
|
||||
id: "p3", name: "Laundry Detergent", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/natural-wooden-brushes-soaps-top-view_23-2148796354.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bathroom Cleaner",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cleaner-s-hand-wearing-green-gloves-holding-white-spray-bottle-blue-backdrop_23-2148184427.jpg",
|
||||
},
|
||||
id: "p4", name: "Bathroom Cleaner", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cleaner-s-hand-wearing-green-gloves-holding-white-spray-bottle-blue-backdrop_23-2148184427.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Surface Polish",
|
||||
price: "$10.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-spray-soap-bottles_23-2148260877.jpg",
|
||||
},
|
||||
id: "p5", name: "Surface Polish", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-spray-soap-bottles_23-2148260877.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Floor Wash",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-cleaning-spary_23-2148273254.jpg",
|
||||
},
|
||||
id: "p6", name: "Floor Wash", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-cleaning-spary_23-2148273254.jpg"},
|
||||
]}
|
||||
title="Our Product Range"
|
||||
description="Effective cleaning for every corner of your home."
|
||||
@@ -203,45 +135,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homemaker",
|
||||
company: "Happy Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-mother-with-her-little-daughter-is-cooking-kitchen-home_1157-13736.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Homemaker", company: "Happy Home", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-mother-with-her-little-daughter-is-cooking-kitchen-home_1157-13736.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
role: "Cleaner",
|
||||
company: "Clean Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2703.jpg",
|
||||
},
|
||||
id: "2", name: "David Chen", role: "Cleaner", company: "Clean Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2703.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rose",
|
||||
role: "Designer",
|
||||
company: "Pure Life",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-laughing-with-her-son_23-2147637021.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rose", role: "Designer", company: "Pure Life", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-laughing-with-her-son_23-2147637021.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
role: "Manager",
|
||||
company: "Eco Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-mother-with-teen-daughter-husband_1328-4088.jpg",
|
||||
},
|
||||
id: "4", name: "John Doe", role: "Manager", company: "Eco Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-mother-with-teen-daughter-husband_1328-4088.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Teacher",
|
||||
company: "Safe Space",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-after-training_1398-4934.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa Wang", role: "Teacher", company: "Safe Space", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-after-training_1398-4934.jpg"},
|
||||
]}
|
||||
title="Loved by Families"
|
||||
description="See why thousands trust our natural home care solutions."
|
||||
@@ -255,26 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Plant-based",
|
||||
description: "No petroleum derivatives used.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-environment-project-scene_23-2148896005.jpg",
|
||||
},
|
||||
id: "m1", value: "100%", title: "Plant-based", description: "No petroleum derivatives used.", imageSrc: "http://img.b2bpic.net/free-photo/3d-environment-project-scene_23-2148896005.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k",
|
||||
title: "Bottles Saved",
|
||||
description: "Diverted from plastic landfills.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/earth-cartoon-style_23-2151079776.jpg",
|
||||
},
|
||||
id: "m2", value: "50k", title: "Bottles Saved", description: "Diverted from plastic landfills.", imageSrc: "http://img.b2bpic.net/free-photo/earth-cartoon-style_23-2151079776.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Zero",
|
||||
title: "Toxic Vapors",
|
||||
description: "Breathing easy every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-couple-kitchen_1157-45402.jpg",
|
||||
},
|
||||
id: "m3", value: "Zero", title: "Toxic Vapors", description: "Breathing easy every day.", imageSrc: "http://img.b2bpic.net/free-photo/old-couple-kitchen_1157-45402.jpg"},
|
||||
]}
|
||||
title="Positive Impact"
|
||||
description="Making meaningful change for the planet."
|
||||
@@ -287,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are products pet-safe?",
|
||||
content: "Yes, our natural ingredients are fully tested to be pet-friendly.",
|
||||
},
|
||||
id: "f1", title: "Are products pet-safe?", content: "Yes, our natural ingredients are fully tested to be pet-friendly."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the packaging recyclable?",
|
||||
content: "Absolutely, all materials are designed for easy recycling.",
|
||||
},
|
||||
id: "f2", title: "Is the packaging recyclable?", content: "Absolutely, all materials are designed for easy recycling."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How fast is delivery?",
|
||||
content: "We ship orders within 24 hours of receipt.",
|
||||
},
|
||||
id: "f3", title: "How fast is delivery?", content: "We ship orders within 24 hours of receipt."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about non-toxic cleaning."
|
||||
@@ -312,14 +195,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to transform your home? Get in touch with our team for exclusive early access to new collections."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user