278 lines
9.3 KiB
TypeScript
278 lines
9.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="FlowMaster Plumbing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Professional Plumbing You Can Trust"
|
|
description="Fast, reliable, and affordable plumbing services for your home and business. Our licensed experts are ready to handle any repair, install, or maintenance request 24/7."
|
|
tag="Trusted Local Experts"
|
|
buttons={[
|
|
{
|
|
text: "Call Now",
|
|
href: "tel:5550199",
|
|
},
|
|
{
|
|
text: "Book Online",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721536.jpg?_wi=1"
|
|
tagIcon={ShieldCheck}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Your Neighborhood Plumbing Specialists"
|
|
description={[
|
|
"For over 20 years, FlowMaster Plumbing has been serving the local community with top-tier craftsmanship and honesty.",
|
|
"Our team of certified technicians is fully licensed, insured, and committed to providing clean, prompt, and effective solutions for every plumbing need.",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"Clogged Drains",
|
|
"Leaking Pipes",
|
|
"Broken Water Heaters",
|
|
"Low Water Pressure",
|
|
"Running Toilets",
|
|
],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Pipe Repair & Replacement",
|
|
"Water Heater Installation",
|
|
"Emergency 24/7 Support",
|
|
"Drain Cleaning",
|
|
"Leak Detection",
|
|
],
|
|
}}
|
|
title="Our Professional Plumbing Services"
|
|
description="We offer a wide range of expert plumbing solutions, from routine maintenance to emergency repairs, using the latest tools and technology."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Alice M.",
|
|
date: "Oct 2023",
|
|
title: "Great Service",
|
|
quote: "Fast, professional, and very clean. Fixed my leak in less than an hour!",
|
|
tag: "Repair",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-desk_23-2148866942.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721536.jpg?_wi=2",
|
|
imageAlt: "professional plumber at work",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Robert B.",
|
|
date: "Sep 2023",
|
|
title: "Highly Recommend",
|
|
quote: "Expert technicians who know what they're doing. Fair pricing and reliable.",
|
|
tag: "Installation",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg",
|
|
imageAlt: "plumbing team working together",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sarah L.",
|
|
date: "Aug 2023",
|
|
title: "Fast Response",
|
|
quote: "Came out on a Sunday and fixed my broken pipe. Absolute lifesavers.",
|
|
tag: "Emergency",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/photo-mixed-race-lady-male-have-inofficial-meeting_273609-44856.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721545.jpg",
|
|
imageAlt: "drain cleaning professional tool",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "John D.",
|
|
date: "Jul 2023",
|
|
title: "Professional Team",
|
|
quote: "They replaced my old heater quickly and efficiently. Very helpful staff.",
|
|
tag: "Maintenance",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468679.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-desk_23-2148866942.jpg",
|
|
imageAlt: "home owner happy customer",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Linda K.",
|
|
date: "Jun 2023",
|
|
title: "Excellent Quality",
|
|
quote: "They were extremely professional and took care of everything cleanly.",
|
|
tag: "Repair",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-desk_23-2148866942.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
|
|
imageAlt: "professional office client portrait",
|
|
},
|
|
]}
|
|
title="Trusted by Homeowners Like You"
|
|
description="We pride ourselves on our reputation and the quality of our service. See what our local customers have to say."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1",
|
|
title: "Do you offer emergency services?",
|
|
content: "Yes, we are available 24/7 for all plumbing emergencies, including nights and weekends.",
|
|
},
|
|
{
|
|
id: "faq-2",
|
|
title: "Are you licensed and insured?",
|
|
content: "Absolutely. All our technicians are fully licensed, insured, and background-checked for your peace of mind.",
|
|
},
|
|
{
|
|
id: "faq-3",
|
|
title: "How do I schedule an appointment?",
|
|
content: "You can call us directly or use our online booking form. We aim to confirm all appointments within the hour.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Have questions? We're here to help. Get the answers you need about our services, pricing, and availability."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get a Free Quote Today"
|
|
description="Don't let a plumbing problem stress you out. Reach out today for a consultation or to schedule a service call."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Email Address",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Describe your plumbing issue",
|
|
rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/mechanic-talking-vintage-phone_1368-4151.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Services",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="FlowMaster Plumbing"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|