Merge version_1 into main #4
237
src/app/page.tsx
237
src/app/page.tsx
@@ -1,142 +1,111 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import Link from "next/link";
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Andrew McReynolds Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="ACT's Most Trusted Plumbing Professionals"
|
||||
description="Reliable, honest and professional plumbing services backed by hundreds of happy customers."
|
||||
buttons={[{ text: "Call Now", href: "tel:0400000000" }, { text: "Request a Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg", imageAlt: "Professional plumbing service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg", imageAlt: "Expert plumbing solution" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg", imageAlt: "Reliable home plumbing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg", imageAlt: "Trusted local plumber" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg", imageAlt: "High quality workmanship" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted By Hundreds Of Local Homeowners"
|
||||
description="Don't just take our word for it—read what our local ACT customers have to say about our professional service."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Heath Cooper", role: "Homeowner", company: "Canberra", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-chinese-woman-smiling-confident-standing-street_839833-7633.jpg", imageAlt: "happy client portrait" },
|
||||
{ id: "2", name: "Gabby A", role: "Homeowner", company: "Belconnen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-redhead-woman-with-charming-smile-healthy-clean-skin_273609-9036.jpg", imageAlt: "happy client portrait" },
|
||||
{ id: "3", name: "Susan Zhuang", role: "Homeowner", company: "Tuggeranong", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-short-hair_273609-15371.jpg", imageAlt: "happy client portrait" },
|
||||
{ id: "4", name: "Rachel", role: "Homeowner", company: "Gungahlin", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", imageAlt: "happy client portrait" },
|
||||
{ id: "5", name: "Mark V", role: "Homeowner", company: "Woden", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", imageAlt: "happy client portrait" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
showStepNumbers={false}
|
||||
title="Our Plumbing Services"
|
||||
description="We offer a wide range of professional plumbing services to keep your home running smoothly."
|
||||
features={[
|
||||
{ title: "Blocked Drains", description: "Fast diagnosis and clearing of blocked drains.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" } },
|
||||
{ title: "Hot Water Systems", description: "Repair, replacement and installation.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" } },
|
||||
{ title: "Leaking Taps & Pipes", description: "Quick repairs before small problems become big ones.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" } },
|
||||
{ title: "Gas Plumbing", description: "Safe and certified gas fitting.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" } },
|
||||
{ title: "Emergency Plumbing", description: "Rapid response when plumbing problems can't wait.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Why Locals Choose Andrew McReynolds"
|
||||
tag="Trusted Service"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", value: "10+", description: "Years of Local Experience" },
|
||||
{ id: "m2", value: "500+", description: "Happy Local Customers" },
|
||||
{ id: "m3", value: "100%", description: "Quality Workmanship Guaranteed" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Meet Andrew McReynolds" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/portrait-worker-woman_23-2148138157.jpg", alt: "Andrew McReynolds" }
|
||||
]}
|
||||
buttons={[{ text: "Speak To Andrew Today", href: "tel:0400000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Need A Reliable Plumber?"
|
||||
description="Don't let plumbing problems get worse. Contact Andrew McReynolds Plumbing today for professional and honest service."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-pipe-wrench-left-side-wooden-background-with-copy-space_141793-15202.jpg"
|
||||
buttonText="Request Quote"
|
||||
tag="Get In Touch"
|
||||
imageAlt="Plumbing tools kit close up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Andrew McReynolds Plumbing"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} brandName="Andrew McReynolds Plumbing" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="ACT's Most Trusted Plumbing Professionals"
|
||||
description="Reliable, honest and professional plumbing services backed by hundreds of happy customers."
|
||||
buttons={[{ text: "Call Now", href: "tel:0400000000" }, { text: "Request a Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg", imageAlt: "Professional plumbing service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg", imageAlt: "Expert plumbing solution" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg", imageAlt: "Reliable home plumbing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg", imageAlt: "Trusted local plumber" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg", imageAlt: "High quality workmanship" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted By Hundreds Of Local Homeowners"
|
||||
description="Don't just take our word for it—read what our local ACT customers have to say about our professional service."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Heath Cooper", role: "Homeowner", company: "Canberra", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-chinese-woman-smiling-confident-standing-street_839833-7633.jpg" },
|
||||
{ id: "2", name: "Gabby A", role: "Homeowner", company: "Belconnen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-redhead-woman-with-charming-smile-healthy-clean-skin_273609-9036.jpg" },
|
||||
{ id: "3", name: "Susan Zhuang", role: "Homeowner", company: "Tuggeranong", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-short-hair_273609-15371.jpg" },
|
||||
{ id: "4", name: "Rachel", role: "Homeowner", company: "Gungahlin", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" },
|
||||
{ id: "5", name: "Mark V", role: "Homeowner", company: "Woden", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
showStepNumbers={false}
|
||||
title="Our Plumbing Services"
|
||||
description="We offer a wide range of professional plumbing services to keep your home running smoothly."
|
||||
features={[
|
||||
{ title: "Blocked Drains", description: "Fast diagnosis and clearing of blocked drains.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" } },
|
||||
{ title: "Hot Water Systems", description: "Repair, replacement and installation.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" } },
|
||||
{ title: "Leaking Taps & Pipes", description: "Quick repairs before small problems become big ones.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" } },
|
||||
{ title: "Gas Plumbing", description: "Safe and certified gas fitting.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" } },
|
||||
{ title: "Emergency Plumbing", description: "Rapid response when plumbing problems can't wait.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
metricsAnimation="slide-up"
|
||||
title="Why Locals Choose Andrew McReynolds"
|
||||
tag="Trusted Service"
|
||||
metrics={[
|
||||
{ id: "m1", value: "10+", description: "Years of Local Experience" },
|
||||
{ id: "m2", value: "500+", description: "Happy Local Customers" },
|
||||
{ id: "m3", value: "100%", description: "Quality Workmanship Guaranteed" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[{ type: "text", content: "Meet Andrew McReynolds" }, { type: "image", src: "http://img.b2bpic.net/free-photo/portrait-worker-woman_23-2148138157.jpg", alt: "Andrew McReynolds" }]}
|
||||
buttons={[{ text: "Speak To Andrew Today", href: "tel:0400000000" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Need A Reliable Plumber?"
|
||||
description="Don't let plumbing problems get worse. Contact Andrew McReynolds Plumbing today for professional and honest service."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-pipe-wrench-left-side-wooden-background-with-copy-space_141793-15202.jpg"
|
||||
buttonText="Request Quote"
|
||||
tag="Get In Touch"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Andrew McReynolds Plumbing"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user