Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cb900e5295 | |||
| fd0fb38c95 |
180
src/app/page.tsx
180
src/app/page.tsx
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user