Merge version_1 into main #2
422
src/app/page.tsx
422
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
@@ -25,317 +26,128 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Mackinder"
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mackinder"
|
||||
button={{ text: "Get a Free Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Your Trusted Local Experts in Taranaki"
|
||||
description="Professional, reliable, and always on time. Experience 100% satisfaction with Mackinder Services."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Gene R.",
|
||||
handle: "Verified Local Customer",
|
||||
testimonial: "Mackinder Services are the absolute best. They arrived on time, were professional, and did an incredible job. Would highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Exceptional plumbing service! Fast, clean, and very friendly. Definitely my go-to team now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
name: "Mike D.",
|
||||
handle: "Business Owner",
|
||||
testimonial: "Reliable and efficient electrical repairs. They saved me a lot of stress during an outage.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
name: "Emma L.",
|
||||
handle: "Client",
|
||||
testimonial: "Great attention to detail with the landscaping work. My garden has never looked better!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
name: "John P.",
|
||||
handle: "Regular Customer",
|
||||
testimonial: "The best maintenance team in Taranaki. Honest pricing and outstanding communication.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-clipboard-isolated-white-background_141793-84943.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed Professionals",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Availability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Experts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Trusted Local Experts in Taranaki"
|
||||
description="Professional, reliable, and always on time. Experience 100% satisfaction with Mackinder Services."
|
||||
testimonials={[
|
||||
{ name: "Gene R.", handle: "Verified Local Customer", testimonial: "Mackinder Services are the absolute best. They arrived on time, were professional, and did an incredible job. Would highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
|
||||
{ name: "Sarah K.", handle: "Homeowner", testimonial: "Exceptional plumbing service! Fast, clean, and very friendly. Definitely my go-to team now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
|
||||
{ name: "Mike D.", handle: "Business Owner", testimonial: "Reliable and efficient electrical repairs. They saved me a lot of stress during an outage.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
|
||||
{ name: "Emma L.", handle: "Client", testimonial: "Great attention to detail with the landscaping work. My garden has never looked better!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
|
||||
{ name: "John P.", handle: "Regular Customer", testimonial: "The best maintenance team in Taranaki. Honest pricing and outstanding communication.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-clipboard-isolated-white-background_141793-84943.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed Professionals" },
|
||||
{ type: "text", text: "24/7 Availability" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
{ type: "text", text: "Local Experts" },
|
||||
{ type: "text", text: "Transparent Pricing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "General Maintenance",
|
||||
description: "Preventative and reactive property care.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/tools-icon-with-wrench-screwdriver-repair-service-symbol_23-2151993681.jpg",
|
||||
},
|
||||
{
|
||||
title: "Emergency Plumbing",
|
||||
description: "Rapid response when you need it most.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/plumbing-icons-composition-flat_98292-1526.jpg",
|
||||
},
|
||||
{
|
||||
title: "Electrical Repairs",
|
||||
description: "Safe and reliable power solutions.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-paper-craft-art-charging-battery_53876-88545.jpg",
|
||||
},
|
||||
{
|
||||
title: "Heating Systems",
|
||||
description: "Warm and efficient climate control.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4eqikl",
|
||||
},
|
||||
{
|
||||
title: "Roofing Repairs",
|
||||
description: "Protecting your home from the elements.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/renovation-isometric-concept-icons-set_98292-67.jpg",
|
||||
},
|
||||
{
|
||||
title: "Landscaping",
|
||||
description: "Expert care for your outdoor spaces.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-rake-ground_23-2148223982.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive local support to keep your property in peak condition."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "General Maintenance", description: "Preventative and reactive property care.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-psd/tools-icon-with-wrench-screwdriver-repair-service-symbol_23-2151993681.jpg" },
|
||||
{ title: "Emergency Plumbing", description: "Rapid response when you need it most.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-vector/plumbing-icons-composition-flat_98292-1526.jpg" },
|
||||
{ title: "Electrical Repairs", description: "Safe and reliable power solutions.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/3d-paper-craft-art-charging-battery_53876-88545.jpg" },
|
||||
{ title: "Heating Systems", description: "Warm and efficient climate control.", buttonIcon: Zap, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4eqikl" },
|
||||
{ title: "Roofing Repairs", description: "Protecting your home from the elements.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-vector/renovation-isometric-concept-icons-set_98292-67.jpg" },
|
||||
{ title: "Landscaping", description: "Expert care for your outdoor spaces.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/top-view-rake-ground_23-2148223982.jpg" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive local support to keep your property in peak condition."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Why Mackinder Services?"
|
||||
description="We are Taranaki locals, committed to professional excellence and community trust. See why homeowners rely on us daily."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed Professionals",
|
||||
description: "Fully certified for all local works.",
|
||||
},
|
||||
{
|
||||
title: "24/7 Emergency Support",
|
||||
description: "We are there when you need us.",
|
||||
},
|
||||
{
|
||||
title: "Free Quotes",
|
||||
description: "Transparent pricing from day one.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-clipboard-isolated-white-background_141793-84943.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Why Mackinder Services?"
|
||||
description="We are Taranaki locals, committed to professional excellence and community trust. See why homeowners rely on us daily."
|
||||
bulletPoints={[
|
||||
{ title: "Licensed Professionals", description: "Fully certified for all local works." },
|
||||
{ title: "24/7 Emergency Support", description: "We are there when you need us." },
|
||||
{ title: "Free Quotes", description: "Transparent pricing from day one." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-holding-clipboard-isolated-white-background_141793-84943.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Gene",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=8",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "John",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg?_wi=10",
|
||||
},
|
||||
]}
|
||||
cardTitle="Verified Local Satisfaction"
|
||||
cardTag="Our Reputation"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Gene", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
|
||||
{ id: "2", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
|
||||
{ id: "3", name: "Mike", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
|
||||
{ id: "4", name: "Emma", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
|
||||
{ id: "5", name: "John", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285311.jpg" },
|
||||
]}
|
||||
cardTitle="Verified Local Satisfaction"
|
||||
cardTag="Our Reputation"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Contact Us"
|
||||
description="Ready to get started? Fill out the form below and we'll be in touch."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number (e.g., 021 000 0000)",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "service",
|
||||
label: "Select Service",
|
||||
options: [
|
||||
"Maintenance",
|
||||
"Plumbing",
|
||||
"Electrical",
|
||||
"Heating",
|
||||
"Roofing",
|
||||
"Landscaping",
|
||||
],
|
||||
}}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-printer-office_23-2149457036.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Contact Us"
|
||||
description="Ready to get started? Fill out the form below and we'll be in touch."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number (e.g., 021 000 0000)", required: true },
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "service", label: "Select Service", options: ["Maintenance", "Plumbing", "Electrical", "Heating", "Roofing", "Landscaping"],
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-printer-office_23-2149457036.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-printer-office_23-2149457036.jpg?_wi=2"
|
||||
logoText="Mackinder Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Mackinder Services | All rights reserved"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-printer-office_23-2149457036.jpg"
|
||||
logoText="Mackinder Services"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Mackinder Services | All rights reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user