235 lines
13 KiB
TypeScript
235 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Clock, FileText, MapPin, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Why Frank?", id: "why-frank"},
|
|
{
|
|
name: "Reviews", id: "reviews"},
|
|
{
|
|
name: "FAQ", id: "faq"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Frank J's Plumbing"
|
|
button={{
|
|
text: "Call Now: (614) 832-0500", href: "tel:+16148320500"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Frank J's Plumbing — Available 24/7"
|
|
description="Fast, honest, local service across Columbus, OH. We're your trusted local pros, ready 24/7 for any plumbing emergency."
|
|
buttons={[
|
|
{
|
|
text: "Call Now: (614) 832-0500", href: "tel:+16148320500"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-caucasian-builder-man-uniform-holds-wrench-isolated_141793-43900.jpg", imageAlt: "Professional plumber at work"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg", imageAlt: "Frank J's Plumbing service van"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg", imageAlt: "Organized plumbing tools"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg", imageAlt: "Angry young male builder wearing uniform and safety helmet holding out hammer"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-isolated-orange-wall_141793-16006.jpg", imageAlt: "Young builder man in construction uniform with confident smile on face and crossed arms over isolated orange wall"},
|
|
]}
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-frank" data-section="why-frank">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Why Choose Frank J's Plumbing?"
|
|
description="With years of dedicated service in the Columbus area, Frank J's Plumbing stands for reliability, honesty, and quick solutions. We treat your home like our own."
|
|
bulletPoints={[
|
|
{
|
|
title: "24/7 Emergency Service", description: "Plumbing problems don't wait, neither do we. Rapid response any time, day or night.", icon: Clock,
|
|
},
|
|
{
|
|
title: "Fast Response Times", description: "When you call, we prioritize getting to your location quickly to minimize damage and stress.", icon: Zap,
|
|
},
|
|
{
|
|
title: "Honest & Transparent Pricing", description: "No hidden fees, no surprises. You'll always know the cost upfront before we start any work.", icon: FileText,
|
|
},
|
|
{
|
|
title: "Local Columbus Area Pro", description: "As a local business, we understand the needs of our community and provide personalized service.", icon: MapPin,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384801.jpg"
|
|
imageAlt="Friendly plumber smiling"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Leak Repair", description: "Efficiently locate and fix leaks, preventing further water damage and conserving water.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/water-anime-style_23-2151080224.jpg", imageAlt: "Water leak repair illustration"},
|
|
items: [],
|
|
},
|
|
{
|
|
title: "Burst Pipes", description: "Immediate response to burst pipes, minimizing damage and restoring your water supply quickly.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/minimalist-turbo-plumbing-logo-template_742173-19115.jpg", imageAlt: "Burst pipe emergency illustration"},
|
|
items: [],
|
|
},
|
|
{
|
|
title: "Toilet Repair", description: "From clogs to constant running, we handle all types of toilet issues with expertise.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-boy-brushing-his-teeth-timing-hour-with-hourglass_169016-11495.jpg", imageAlt: "Toilet repair illustration"},
|
|
items: [],
|
|
},
|
|
{
|
|
title: "Shower & Faucet Repair", description: "Fix dripping faucets, low pressure, and shower problems for a comfortable bathroom experience.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1744.jpg", imageAlt: "Shower faucet repair illustration"},
|
|
items: [],
|
|
},
|
|
{
|
|
title: "Emergency Plumbing", description: "Available 24/7 for unexpected plumbing emergencies. Call us anytime!", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/executive-woman-manager-speaking-phone-while-checking-financial-notes-late-night_482257-5203.jpg", imageAlt: "24/7 emergency plumbing illustration"},
|
|
items: [],
|
|
},
|
|
{
|
|
title: "General Plumbing", description: "Routine maintenance, installations, and general plumbing services to keep your home running smoothly.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/collection-fatherland-defender-day-labels_23-2148797478.jpg", imageAlt: "General plumbing maintenance illustration"},
|
|
items: [],
|
|
},
|
|
]}
|
|
title="Our Expert Plumbing Services"
|
|
description="Frank J's Plumbing provides comprehensive solutions for all your needs, from urgent repairs to routine maintenance. We ensure quality work and lasting results."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"BBB Accredited", "Columbus Chamber", "HomeAdvisor Pro", "Angi Certified", "Local Business Support", "Quality Assurance", "Certified Tradesman"]}
|
|
title="Trusted by Your Neighbors & Partners"
|
|
description="Frank J's Plumbing is proud to be a trusted service provider, recognized by leading local organizations and industry certifications."
|
|
showCard={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Jacob M.", role: "Homeowner", testimonial: "I called Frank about a leaky toilet in the morning and he went out of his way to come to our house and fix the problem a few hours later. Top marks for service!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg", imageAlt: "Jacob M. photo", icon: Star,
|
|
},
|
|
{
|
|
id: "2", name: "K. Ruth", role: "Homeowner", testimonial: "Frank came out and fixed our leaking shower. He even showed me how to do it myself if it happens again. Great service, honest guy. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/tired-repairman-having-exhausted-look-after-long-stressful-day-work-holding-his-hand-neck-having-pain-there-wearing-gloves-belt-with-tools-gloves-holding-blueprint-isolated_273609-7922.jpg", imageAlt: "K. Ruth photo", icon: Star,
|
|
},
|
|
{
|
|
id: "3", name: "Emily S.", role: "Homeowner", testimonial: "Called about a busted pipe at 9pm, he was here within 15 mins and had it fixed really fast and at a good price.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307065.jpg", imageAlt: "Emily S. photo", icon: Star,
|
|
},
|
|
{
|
|
id: "4", name: "David L.", role: "Property Manager", testimonial: "Frank J's Plumbing is our go-to for all property maintenance. Always professional, always on time, and always gets the job done right.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-retired-woman-wearing-cozy-sweater-short-hairdo_343059-1198.jpg", imageAlt: "David L. photo", icon: Star,
|
|
},
|
|
{
|
|
id: "5", name: "Sarah P.", role: "Small Business Owner", testimonial: "Excellent service for our business's plumbing needs. Frank is reliable and fair with pricing. Highly recommend for any commercial plumbing work.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-young-woman-looking-camera_23-2148028886.jpg", imageAlt: "Sarah P. photo", icon: Star,
|
|
},
|
|
]}
|
|
title="What Our Valued Customers Say"
|
|
description="Proudly maintaining a 5.0 ★ average on Google. Read what your neighbors in Columbus have to say about Frank J's Plumbing's reliable service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What areas do you serve?", content: "We proudly serve the greater Columbus, Ohio area, including Dublin, Westerville, Hilliard, and surrounding communities within the 614 area code."},
|
|
{
|
|
id: "faq-2", title: "Do you offer emergency services?", content: "Yes! We understand plumbing emergencies can happen at any time, which is why Frank J's Plumbing offers 24/7 emergency service. Just give us a call."},
|
|
{
|
|
id: "faq-3", title: "How much do your services cost?", content: "Our pricing is honest and transparent. We provide upfront quotes before starting any work, so you'll know the cost involved without any surprises."},
|
|
{
|
|
id: "faq-4", title: "Are you licensed and insured?", content: "Absolutely. Frank J's Plumbing is fully licensed, bonded, and insured, providing you with peace of mind and professional service you can trust."},
|
|
]}
|
|
sideTitle="Common Plumbing Questions"
|
|
sideDescription="Find quick answers to common plumbing concerns and learn more about our services and policies. If you don't see your question here, feel free to contact us directly!"
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Your Local Plumber"
|
|
title="Got a plumbing problem? Call Frank."
|
|
description="Reach out to Frank J's Plumbing anytime for reliable, local service. We're here 24/7 for emergencies. Or, leave your email for a quick response!"
|
|
imageSrc="http://img.b2bpic.net/free-vector/services-infographic_1025-412.jpg"
|
|
imageAlt="Plumber customer service illustration"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email for a call back"
|
|
buttonText="Request a Call Back"
|
|
termsText="By requesting a call back, you agree to our privacy policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Frank J's Plumbing"
|
|
copyrightText="© 2024 Frank J's Plumbing. All rights reserved. Serving the Columbus, OH area."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|