Merge version_1 into main #2
277
src/app/page.tsx
277
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "features",
|
||||
},
|
||||
name: "Solutions", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Macire"
|
||||
/>
|
||||
@@ -55,71 +47,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Powering Success Through Innovation"
|
||||
description="Macire Limited provides premium solar solutions, advanced machinery, and efficient water technology for your home, business, and farm."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "4.6",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
value: "4.6", label: "Customer Rating"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m9iwg8&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m9iwg8"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zl1rfy",
|
||||
alt: "Happy Customer 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zl1rfy", alt: "Happy Customer 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dixzb",
|
||||
alt: "Happy Customer 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dixzb", alt: "Happy Customer 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xavy7s",
|
||||
alt: "Happy Customer 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xavy7s", alt: "Happy Customer 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o87p2r",
|
||||
alt: "Happy Customer 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o87p2r", alt: "Happy Customer 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tr94y0",
|
||||
alt: "Happy Customer 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tr94y0", alt: "Happy Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ satisfied clients across Kenya."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Energy",
|
||||
},
|
||||
type: "text", text: "Sustainable Energy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Agricultural Pumping",
|
||||
},
|
||||
type: "text", text: "Agricultural Pumping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industrial Backups",
|
||||
},
|
||||
type: "text", text: "Industrial Backups"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Engineering",
|
||||
},
|
||||
type: "text", text: "Expert Engineering"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Support",
|
||||
},
|
||||
type: "text", text: "Reliable Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,15 +96,11 @@ export default function LandingPage() {
|
||||
description="With a focus on sustainability and efficiency, Macire brings expert engineering to Nairobi and beyond. We ensure that our solutions serve you reliably for years to come."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Client Satisfaction"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Technical Support",
|
||||
},
|
||||
value: "24/7", title: "Technical Support"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9xsicg&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9xsicg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -152,40 +113,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Solar Systems",
|
||||
description: "High-efficiency solar panels and hybrid inverters for reliable, sustainable energy.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b0u69f",
|
||||
},
|
||||
title: "Solar Systems", description: "High-efficiency solar panels and hybrid inverters for reliable, sustainable energy.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b0u69f"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g8jyhg",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m9iwg8&_wi=2",
|
||||
imageAlt: "hybrid power inverter wall mounted",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g8jyhg"}
|
||||
},
|
||||
{
|
||||
title: "Water Solutions",
|
||||
description: "Professional-grade water pumps and irrigation systems engineered for maximum output.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6mkvr7",
|
||||
},
|
||||
title: "Water Solutions", description: "Professional-grade water pumps and irrigation systems engineered for maximum output.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6mkvr7"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i6mjdn",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9xsicg&_wi=2",
|
||||
imageAlt: "hybrid power inverter wall mounted",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i6mjdn"}
|
||||
},
|
||||
{
|
||||
title: "Power Generation",
|
||||
description: "Reliable backup generators designed to withstand the toughest industrial conditions.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4d81jo",
|
||||
},
|
||||
title: "Power Generation", description: "Reliable backup generators designed to withstand the toughest industrial conditions.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4d81jo"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hnjp6s",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=98xhke&_wi=1",
|
||||
imageAlt: "hybrid power inverter wall mounted",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hnjp6s"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -202,59 +145,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Macire",
|
||||
name: "Solar Array",
|
||||
price: "KSh 45,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=98xhke&_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Macire", name: "Solar Array", price: "KSh 45,000", rating: 5,
|
||||
reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=98xhke"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Macire",
|
||||
name: "Lithium Battery",
|
||||
price: "KSh 85,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=249icw",
|
||||
},
|
||||
id: "p2", brand: "Macire", name: "Lithium Battery", price: "KSh 85,000", rating: 5,
|
||||
reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=249icw"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Macire",
|
||||
name: "Borehole Pump",
|
||||
price: "KSh 32,000",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d3c3nz",
|
||||
},
|
||||
id: "p3", brand: "Macire", name: "Borehole Pump", price: "KSh 32,000", rating: 4,
|
||||
reviewCount: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d3c3nz"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Macire",
|
||||
name: "MPPT Controller",
|
||||
price: "KSh 15,000",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lg77pu",
|
||||
},
|
||||
id: "p4", brand: "Macire", name: "MPPT Controller", price: "KSh 15,000", rating: 5,
|
||||
reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lg77pu"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Macire",
|
||||
name: "Solar Power Bank",
|
||||
price: "KSh 12,000",
|
||||
rating: 4,
|
||||
reviewCount: "20",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r95qu2",
|
||||
},
|
||||
id: "p5", brand: "Macire", name: "Solar Power Bank", price: "KSh 12,000", rating: 4,
|
||||
reviewCount: "20", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r95qu2"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Macire",
|
||||
name: "Power Cabling",
|
||||
price: "KSh 5,000",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=akhncn",
|
||||
},
|
||||
id: "p6", brand: "Macire", name: "Power Cabling", price: "KSh 5,000", rating: 5,
|
||||
reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=akhncn"},
|
||||
]}
|
||||
title="Equipment Catalog"
|
||||
description="Explore our curated selection of top-tier equipment."
|
||||
@@ -268,26 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "System Uptime",
|
||||
description: "Reliability for every install",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l2j1mi",
|
||||
},
|
||||
id: "m1", value: "99.9%", title: "System Uptime", description: "Reliability for every install", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l2j1mi"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15K+",
|
||||
title: "Liters Pumped Daily",
|
||||
description: "Combined irrigation output",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qw6mxk",
|
||||
},
|
||||
id: "m2", value: "15K+", title: "Liters Pumped Daily", description: "Combined irrigation output", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qw6mxk"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50MW+",
|
||||
title: "Power Managed",
|
||||
description: "Total energy oversight",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uhmn1v",
|
||||
},
|
||||
id: "m3", value: "50MW+", title: "Power Managed", description: "Total energy oversight", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uhmn1v"},
|
||||
]}
|
||||
title="Our Performance"
|
||||
description="Real results delivered to our clients across Kenya."
|
||||
@@ -299,30 +191,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Bishop",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zl1rfy",
|
||||
},
|
||||
id: "t1", name: "Bishop", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zl1rfy"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Vasil Okuthe",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dixzb",
|
||||
},
|
||||
id: "t2", name: "Vasil Okuthe", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dixzb"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Faheem Aloo",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xavy7s",
|
||||
},
|
||||
id: "t3", name: "Faheem Aloo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xavy7s"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John Doe",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o87p2r",
|
||||
},
|
||||
id: "t4", name: "John Doe", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o87p2r"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tr94y0",
|
||||
},
|
||||
id: "t5", name: "Jane Smith", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tr94y0"},
|
||||
]}
|
||||
cardTitle="Client Stories"
|
||||
cardTag="Happy Customers"
|
||||
@@ -336,20 +213,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does installation take?",
|
||||
content: "Most residential systems are installed within 48 hours of assessment.",
|
||||
},
|
||||
id: "f1", title: "How long does installation take?", content: "Most residential systems are installed within 48 hours of assessment."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide after-sales support?",
|
||||
content: "Yes, our dedicated team is always available for maintenance and guidance.",
|
||||
},
|
||||
id: "f2", title: "Do you provide after-sales support?", content: "Yes, our dedicated team is always available for maintenance and guidance."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your products guaranteed?",
|
||||
content: "All our core products come with comprehensive manufacturer warranties and our service guarantee.",
|
||||
},
|
||||
id: "f3", title: "Are your products guaranteed?", content: "All our core products come with comprehensive manufacturer warranties and our service guarantee."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3vdmg"
|
||||
title="Common Questions"
|
||||
@@ -363,18 +231,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Ready to get started with your installation? Our team is waiting to help you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 0713 520969",
|
||||
href: "tel:0713520969",
|
||||
},
|
||||
text: "Call 0713 520969", href: "tel:0713520969"},
|
||||
{
|
||||
text: "Visit Our Location",
|
||||
href: "https://maps.app.goo.gl/...",
|
||||
},
|
||||
text: "Visit Our Location", href: "https://maps.app.goo.gl/..."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -383,33 +246,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Solutions",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Solutions", href: "#features"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user