2 Commits

Author SHA1 Message Date
cb900e5295 Update src/app/page.tsx 2026-03-31 17:58:30 +00:00
fd0fb38c95 Merge version_1 into main
Merge version_1 into main
2026-03-31 17:46:20 +00:00

View File

@@ -2,14 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactFaq from '@/components/sections/contact/ContactFaq';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree'; import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterSimple from '@/components/sections/footer/FooterSimple'; import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogo from '@/components/sections/hero/HeroLogo'; import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve'; import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout'; import TextAbout from '@/components/sections/about/TextAbout';
import { Phone, Mail, MessageCircle } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -30,21 +30,11 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Services", name: "Services", id: "services"},
id: "services",
},
{ {
name: "Reviews", name: "Reviews", id: "reviews"},
id: "reviews",
},
{ {
name: "FAQ", name: "Contact", id: "contact"},
id: "faq",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="LK Gas & Plumbing" brandName="LK Gas & Plumbing"
/> />
@@ -56,13 +46,9 @@ export default function LandingPage() {
description="Sameday emergency response from a fully qualified, 5star rated local engineer you can trust. Transparent pricing, professional service, and peace of mind—every time." description="Sameday emergency response from a fully qualified, 5star rated local engineer you can trust. Transparent pricing, professional service, and peace of mind—every time."
buttons={[ buttons={[
{ {
text: "Call Now for Fast Service", text: "Call Now for Fast Service", href: "tel:01150000000"},
href: "tel:01150000000",
},
{ {
text: "Request a Callback", text: "Request a Callback", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg?_wi=1"
/> />
@@ -74,9 +60,7 @@ export default function LandingPage() {
title="Your Trusted Nottingham Experts" title="Your Trusted Nottingham Experts"
buttons={[ buttons={[
{ {
text: "Learn More", text: "Learn More", href: "#services"},
href: "#services",
},
]} ]}
/> />
</div> </div>
@@ -88,35 +72,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Emergency Boiler Repair", tags: [
title: "Emergency Boiler Repair", "Sameday", "Certified"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg?_wi=2", imageAlt: "professional gas engineer smiling"},
"Sameday",
"Certified",
],
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg?_wi=2",
imageAlt: "professional gas engineer smiling",
},
{ {
id: "f2", id: "f2", title: "Annual Gas Safety", tags: [
title: "Annual Gas Safety", "Landlord", "Safety"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/set-tools-table-plumber-opening-tap_259150-58274.jpg", imageAlt: "local Nottingham plumber working"},
"Landlord",
"Safety",
],
imageSrc: "http://img.b2bpic.net/free-photo/set-tools-table-plumber-opening-tap_259150-58274.jpg",
imageAlt: "local Nottingham plumber working",
},
{ {
id: "f3", id: "f3", title: "Leak Detection", tags: [
title: "Leak Detection", "Routine", "Reliable"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=1", imageAlt: "portrait happy customer home"},
"Routine",
"Reliable",
],
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=1",
imageAlt: "portrait happy customer home",
},
]} ]}
title="Comprehensive Plumbing Solutions" title="Comprehensive Plumbing Solutions"
description="We offer a wide range of gas and plumbing services in Nottingham, from emergency boiler repairs to annual safety checks." description="We offer a wide range of gas and plumbing services in Nottingham, from emergency boiler repairs to annual safety checks."
@@ -128,30 +94,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=2"},
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=2",
},
{ {
id: "2", id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg"},
name: "Mark D.",
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
},
{ {
id: "3", id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-headphones_23-2149085483.jpg"},
name: "Elena R.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-headphones_23-2149085483.jpg",
},
{ {
id: "4", id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg"},
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg",
},
{ {
id: "5", id: "5", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=3"},
name: "Robert B.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=3",
},
]} ]}
cardTitle="Verified Customer Reviews" cardTitle="Verified Customer Reviews"
cardTag="5-Star Rating" cardTag="5-Star Rating"
@@ -159,76 +110,29 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How quickly can you arrive?",
content: "We offer sameday emergency responses for urgent plumbing and boiler issues in Nottingham.",
},
{
id: "q2",
title: "Are you fully qualified?",
content: "Yes, our engineers are fully Gas Safe registered and qualified.",
},
{
id: "q3",
title: "Do you serve landlords?",
content: "Absolutely, we provide maintenance and safety certification for property managers and landlords.",
},
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactFaq
useInvertedBackground={false} animationType="slide-up"
background={{ useInvertedBackground={false}
variant: "plain", ctaTitle="Need Urgent Help?"
}} ctaDescription="Contact us today for a reliable and professional service."
tag="Contact Us" ctaButton={{ text: "Request a Callback", href: "tel:01150000000" }}
title="Need Urgent Help?" ctaIcon={Phone}
description="Submit your details for a fast callback." faqs={[
/> { id: "q1", title: "How quickly can you arrive?", content: "We offer sameday emergency responses for urgent issues in Nottingham." },
{ id: "q2", title: "Are you fully qualified?", content: "Yes, our engineers are fully Gas Safe registered and qualified." }
]}
/>
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterBase
columns={[ columns={[
{ { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
title: "Services", { title: "Contact", items: [{ label: "Call Now", href: "tel:01150000000" }, { label: "Callback", href: "#contact" }] }
items: [ ]}
{ copyrightText="© 2025 | LK Gas & Plumbing"
label: "Boiler Repair", />
href: "#services",
},
{
label: "Gas Safety",
href: "#services",
},
],
},
{
title: "Contact",
items: [
{
label: "Call Now",
href: "tel:01150000000",
},
{
label: "Callback",
href: "#contact",
},
],
},
]}
bottomLeftText="© 2024 LK Gas & Plumbing Ltd"
bottomRightText="Nottingham, UK"
/>
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>