294 lines
9.8 KiB
TypeScript
294 lines
9.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Info, ShieldCheck, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="blurBottom"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Features",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Serenity Plumbing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated",
|
|
}}
|
|
title="Expert Plumbing & Gas Solutions"
|
|
description="Professional service, reasonable prices, and high-quality workmanship you can trust. Serving your home with care and speed."
|
|
tag="Reliable Service"
|
|
buttons={[
|
|
{
|
|
text: "Book Now",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "#about",
|
|
},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721551.jpg",
|
|
imageAlt: "professional plumber at work",
|
|
},
|
|
{
|
|
id: "2",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367538.jpg?_wi=1",
|
|
imageAlt: "expert gas fitter service",
|
|
},
|
|
{
|
|
id: "3",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721548.jpg",
|
|
imageAlt: "trusted plumbing local business",
|
|
},
|
|
{
|
|
id: "4",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-water-minimal-sink-modern-bathroom_169016-69341.jpg?_wi=1",
|
|
imageAlt: "plumbing repair tools close up",
|
|
},
|
|
{
|
|
id: "5",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55756.jpg?_wi=1",
|
|
imageAlt: "professional plumbing inspection",
|
|
},
|
|
{
|
|
id: "6",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanics-working-together-workshop_637285-9438.jpg",
|
|
imageAlt: "happy customer shaking hands with plumber",
|
|
},
|
|
]}
|
|
tagIcon={Wrench}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Your Trusted Plumbing Professionals"
|
|
description="At Serenity Plumbing and Gas, we bring calm to your plumbing emergencies. From burst pipes to hot water system installations, our team is committed to providing efficient, professional, and clean service every single time."
|
|
tag="About Us"
|
|
bulletPoints={[
|
|
{
|
|
title: "Rapid Response",
|
|
description: "We understand emergencies; we arrive quickly to resolve your issue.",
|
|
},
|
|
{
|
|
title: "Expert Craftsmanship",
|
|
description: "Highly trained professionals dedicated to high quality standards.",
|
|
},
|
|
{
|
|
title: "Respectful Service",
|
|
description: "Clean, professional, and respectful of your home property.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=1"
|
|
imageAlt="Plumbing expert service"
|
|
mediaAnimation="slide-up"
|
|
tagIcon={Info}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Hot Water Systems",
|
|
description: "Quick repairs and professional installation of high-efficiency systems.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367538.jpg?_wi=2",
|
|
imageAlt: "Hot Water",
|
|
},
|
|
{
|
|
title: "Burst Pipe Repairs",
|
|
description: "Emergency services for burst pipes and leak detection.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-water-minimal-sink-modern-bathroom_169016-69341.jpg?_wi=2",
|
|
imageAlt: "Leaks",
|
|
},
|
|
{
|
|
title: "Gas Fitting",
|
|
description: "Certified and safe gas line installations and safety checks.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55756.jpg?_wi=2",
|
|
imageAlt: "Gas",
|
|
},
|
|
]}
|
|
title="Quality Services Offered"
|
|
description="Comprehensive plumbing and gas solutions designed to keep your home safe and functional."
|
|
tag="Our Services"
|
|
tagIcon={ShieldCheck}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="Great job changing hot water system, great value and service. Price was very reasonable and very high quality work. Excellent customer service and workmanship!"
|
|
rating={5}
|
|
author="N. Walker"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-woman-sitting-armchair-designed-living-room-looking-doing-you-gesture_141793-57839.jpg",
|
|
alt: "Client 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg",
|
|
alt: "Client 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone-smiling_1262-769.jpg",
|
|
alt: "Client 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg",
|
|
alt: "Client 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-friendly-doing-ok-sign-showing-thumb-up-isolated-blue-wall_141793-14047.jpg",
|
|
alt: "Client 5",
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How quickly can you respond to emergencies?",
|
|
content: "We aim to respond to all emergency calls as soon as humanly possible, often within an hour.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you provide transparent pricing?",
|
|
content: "Absolutely. We pride ourselves on reasonable prices and clear communication before we begin any work.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Are you licensed and certified?",
|
|
content: "Yes, our team consists of fully qualified and certified plumbers and gas fitters.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Have questions? We're here to provide clear answers about our services."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
text="Ready to get your plumbing issues resolved? Contact us today for reliable service you can count on."
|
|
buttons={[
|
|
{
|
|
text: "Call Now",
|
|
href: "tel:0400000000",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=2"
|
|
logoText="Serenity Plumbing"
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Hot Water",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Pipe Repairs",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Gas Fitting",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Testimonials",
|
|
href: "#testimonials",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
imageAlt="Plumbing service footer image"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|