Merge version_2 into main #1
226
src/app/page.tsx
226
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
@@ -30,26 +30,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
brandName="Kingston Plumbing & Gas"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,107 +48,62 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Boiler Broken? Leak Spreading? We'll Be There Today."
|
||||
description="Gas Safe registered engineer serving Greater Manchester & Stockport. No call-out charge. Price quoted = price paid."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Clare J",
|
||||
handle: "@SK6",
|
||||
testimonial: "We woke up to a leak on Sunday morning. Simon was with us within 90 minutes and fixed it instantly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg",
|
||||
},
|
||||
name: "Clare J", handle: "@SK6", testimonial: "We woke up to a leak on Sunday morning. Simon was with us within 90 minutes and fixed it instantly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg"},
|
||||
{
|
||||
name: "Alana M",
|
||||
handle: "@SK7",
|
||||
testimonial: "Called within minutes. Fixed things a British Gas engineer missed. Great service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
|
||||
},
|
||||
name: "Alana M", handle: "@SK7", testimonial: "Called within minutes. Fixed things a British Gas engineer missed. Great service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg"},
|
||||
{
|
||||
name: "Jacqueline K",
|
||||
handle: "@M19",
|
||||
testimonial: "Fitted integrated gas hob. Professional, tidy and reasonably priced.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-signing-papers-fr-new-house_23-2149383563.jpg",
|
||||
},
|
||||
name: "Jacqueline K", handle: "@M19", testimonial: "Fitted integrated gas hob. Professional, tidy and reasonably priced.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-signing-papers-fr-new-house_23-2149383563.jpg"},
|
||||
{
|
||||
name: "Mark R",
|
||||
handle: "@M24",
|
||||
testimonial: "Quick and honest. The only plumber I'd recommend in Greater Manchester.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-taking-face-mask-off-outdoors_23-2149403789.jpg",
|
||||
},
|
||||
name: "Mark R", handle: "@M24", testimonial: "Quick and honest. The only plumber I'd recommend in Greater Manchester.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-taking-face-mask-off-outdoors_23-2149403789.jpg"},
|
||||
{
|
||||
name: "Sarah P",
|
||||
handle: "@OL1",
|
||||
testimonial: "Fantastic emergency response. Fixed my boiler on a Saturday. Brilliant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg",
|
||||
},
|
||||
name: "Sarah P", handle: "@OL1", testimonial: "Fantastic emergency response. Fixed my boiler on a Saturday. Brilliant.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:07xxxxxxxx",
|
||||
},
|
||||
text: "Call Now", href: "tel:07xxxxxxxx"},
|
||||
{
|
||||
text: "Request Callback",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Callback", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumber-holding-plunger_1368-742.jpg"
|
||||
imageAlt="Simon, Kingston Plumbing & Gas Engineer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg",
|
||||
alt: "Clare J",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg", alt: "Clare J"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
|
||||
alt: "Alana M",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", alt: "Alana M"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-signing-papers-fr-new-house_23-2149383563.jpg",
|
||||
alt: "Jacqueline K",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-signing-papers-fr-new-house_23-2149383563.jpg", alt: "Jacqueline K"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-taking-face-mask-off-outdoors_23-2149403789.jpg",
|
||||
alt: "Mark R",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-taking-face-mask-off-outdoors_23-2149403789.jpg", alt: "Mark R"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg",
|
||||
alt: "Sarah P",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg", alt: "Sarah P"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy customers across Greater Manchester."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Gas Safe Registered",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Gas Safe Registered", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Same-Day Response",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Same-Day Response", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "No Call-Out Fee",
|
||||
icon: Percent,
|
||||
type: "text-icon", text: "No Call-Out Fee", icon: Percent,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Transparent Pricing",
|
||||
icon: FileText,
|
||||
type: "text-icon", text: "Transparent Pricing", icon: FileText,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fully Insured",
|
||||
icon: Lock,
|
||||
type: "text-icon", text: "Fully Insured", icon: Lock,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -172,29 +117,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Emergency Repairs",
|
||||
description: "Leaks, burst pipes, and no hot water issues handled within 90 minutes.",
|
||||
},
|
||||
title: "Emergency Repairs", description: "Leaks, burst pipes, and no hot water issues handled within 90 minutes."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Boiler Repairs",
|
||||
description: "Expert diagnosis, repair, or full replacement with clear upfront costs.",
|
||||
},
|
||||
title: "Boiler Repairs", description: "Expert diagnosis, repair, or full replacement with clear upfront costs."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Gas Safety",
|
||||
description: "Professional landlord certificates and complete gas appliance checks.",
|
||||
},
|
||||
title: "Gas Safety", description: "Professional landlord certificates and complete gas appliance checks."},
|
||||
{
|
||||
icon: Layout,
|
||||
title: "Installation",
|
||||
description: "Gas hobs, cookers, and appliances connected safely and correctly.",
|
||||
},
|
||||
title: "Installation", description: "Gas hobs, cookers, and appliances connected safely and correctly."},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "General Plumbing",
|
||||
description: "Tap, toilet, and radiator repairs carried out with precision.",
|
||||
},
|
||||
title: "General Plumbing", description: "Tap, toilet, and radiator repairs carried out with precision."},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Reliable plumbing and gas solutions for every home need."
|
||||
@@ -208,23 +143,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Honest Pricing",
|
||||
value: "Transparent",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Honest Pricing", value: "Transparent"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Rapid Response",
|
||||
value: "Same-Day",
|
||||
},
|
||||
id: "m2", icon: Zap,
|
||||
title: "Rapid Response", value: "Same-Day"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: UserCheck,
|
||||
title: "Personal Follow-up",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m3", icon: UserCheck,
|
||||
title: "Personal Follow-up", value: "100%"},
|
||||
]}
|
||||
title="Why Kingston Plumbing & Gas?"
|
||||
description="We take pride in our honest, rapid, and thorough service."
|
||||
@@ -238,17 +164,11 @@ export default function LandingPage() {
|
||||
description="When you call Kingston Plumbing & Gas, you speak directly to me. I've built this business on doing things properly, charging fair prices, and always showing up on time."
|
||||
metrics={[
|
||||
{
|
||||
value: "12+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "12+", title: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Five-Star Reviews",
|
||||
},
|
||||
value: "500+", title: "Five-Star Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction Rate",
|
||||
},
|
||||
value: "100%", title: "Satisfaction Rate"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-two-pink_141793-74761.jpg"
|
||||
imageAlt="Simon, professional local gas engineer"
|
||||
@@ -261,8 +181,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Got a Problem? Let's Fix It."
|
||||
description="Call Simon today for emergency assistance or request a callback. No call-out charge, ever."
|
||||
@@ -273,60 +192,33 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterLogoEmphasis
|
||||
logoText="Kingston Plumbing & Gas"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Emergency Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Boiler Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Gas Safety",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
{ label: "Emergency Repairs", href: "#services" },
|
||||
{ label: "Boiler Repairs", href: "#services" },
|
||||
{ label: "Gas Safety", href: "#services" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Coverage",
|
||||
items: [
|
||||
{
|
||||
label: "Oldham",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Stockport",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Manchester",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
{ label: "Oldham", href: "#" },
|
||||
{ label: "Stockport", href: "#" },
|
||||
{ label: "Manchester", href: "#" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Call Simon",
|
||||
href: "tel:07xxxxxxxx",
|
||||
},
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ label: "Call Simon", href: "tel:07xxxxxxxx" },
|
||||
{ label: "Get a Quote", href: "#contact" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Kingston Plumbing & Gas"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user