Merge version_2 into main #2
180
src/app/page.tsx
180
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
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 NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Phone, Mail, MessageCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now for Fast Service",
|
||||
href: "tel:01150000000",
|
||||
},
|
||||
text: "Call Now for Fast Service", href: "tel:01150000000"},
|
||||
{
|
||||
text: "Request a Callback",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Callback", href: "#contact"},
|
||||
]}
|
||||
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"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Learn More", href: "#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -88,35 +72,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Emergency Boiler Repair",
|
||||
tags: [
|
||||
"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: "f1", title: "Emergency Boiler Repair", tags: [
|
||||
"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",
|
||||
title: "Annual Gas Safety",
|
||||
tags: [
|
||||
"Landlord",
|
||||
"Safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-tools-table-plumber-opening-tap_259150-58274.jpg",
|
||||
imageAlt: "local Nottingham plumber working",
|
||||
},
|
||||
id: "f2", title: "Annual Gas Safety", tags: [
|
||||
"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",
|
||||
title: "Leak Detection",
|
||||
tags: [
|
||||
"Routine",
|
||||
"Reliable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=1",
|
||||
imageAlt: "portrait happy customer home",
|
||||
},
|
||||
id: "f3", title: "Leak Detection", tags: [
|
||||
"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"
|
||||
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}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-headphones_23-2149085483.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-headphones_23-2149085483.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=3",
|
||||
},
|
||||
id: "5", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=3"},
|
||||
]}
|
||||
cardTitle="Verified Customer Reviews"
|
||||
cardTag="5-Star Rating"
|
||||
@@ -159,76 +110,29 @@ export default function LandingPage() {
|
||||
/>
|
||||
</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">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Need Urgent Help?"
|
||||
description="Submit your details for a fast callback."
|
||||
/>
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ctaTitle="Need Urgent Help?"
|
||||
ctaDescription="Contact us today for a reliable and professional service."
|
||||
ctaButton={{ text: "Request a Callback", href: "tel:01150000000" }}
|
||||
ctaIcon={Phone}
|
||||
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 id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
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"
|
||||
/>
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "Call Now", href: "tel:01150000000" }, { label: "Callback", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 | LK Gas & Plumbing"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user