252 lines
14 KiB
TypeScript
252 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Zap, CheckCircle, Wrench, Lightbulb, Phone, Shield, Mail, MapPin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Frank B Paige"
|
|
bottomLeftText="Commercial Plumbing Specialists"
|
|
bottomRightText="service@frankbpaige.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Precision Plumbing for Commercial Properties"
|
|
description="Reliable commercial plumbing solutions delivered with professionalism, speed, and expertise. When systems fail, operations stop. We make sure they don't."
|
|
tag="Commercial Excellence"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
kpis={[
|
|
{ value: "99.8%", label: "Service Reliability" },
|
|
{ value: "24/7", label: "Emergency Response" },
|
|
{ value: "15+", label: "Years Trusted" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg"
|
|
imageAlt="Professional commercial plumbing installation"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Request a Commercial Quote", href: "#contact" },
|
|
{ text: "Emergency Service", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Local Businesses"
|
|
description="⭐⭐⭐⭐⭐ Very reliable plumbing company specializing in commercial plumbing."
|
|
tag="Verified Results"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Office Buildings", "Retail Centers", "Restaurants", "Medical Facilities", "Warehouses", "Property Management", "Hotels & Hospitality", "Data Centers"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Expertise"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
title="Built on Reliability. Focused on Commercial Excellence."
|
|
description="Frank B Paige Plumbing"
|
|
subdescription="Commercial Plumbing Specialists"
|
|
icon={Shield}
|
|
imageSrc="http://img.b2bpic.net/free-photo/experienced-pensive-person-is-making-custom-made-shoes-his-personal-workshop_613910-17401.jpg"
|
|
imageAlt="Expert commercial plumber with copper lines"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
title="Commercial Plumbing Services"
|
|
description="Comprehensive plumbing solutions tailored for commercial properties and business operations."
|
|
tag="Full Service Coverage"
|
|
tagIcon={Wrench}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/cheese-industry-interior-production-hard-cheese-background_645730-198.jpg"
|
|
imageAlt="Commercial plumbing installation"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Commercial Installations", content: "New construction plumbing systems, tenant build-outs, commercial fixture installations, and complete water and waste line installations for properties of all sizes."
|
|
},
|
|
{
|
|
id: "2", title: "Repairs & Maintenance", content: "Expert leak detection and repair, comprehensive pipe replacements, professional drain cleaning, and preventative maintenance programs to keep systems running smoothly."
|
|
},
|
|
{
|
|
id: "3", title: "Emergency Commercial Plumbing", content: "Rapid response 24/7, minimal downtime solutions, and after-hours service to get your operations back on track when failures occur."
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Schedule Service", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<MetricCardSeven
|
|
title="Why Businesses Trust Frank B Paige Plumbing"
|
|
description="We understand the urgency and precision required in commercial environments. Our team operates efficiently, respects your property, and delivers long-term solutions—not temporary fixes."
|
|
tag="Proven Advantages"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "5★", title: "Consistent Reviews", items: ["Professional workmanship", "Reliable scheduling"]
|
|
},
|
|
{
|
|
id: "2", value: "100%", title: "Commercial Specialists", items: ["Licensed professionals", "Industry expertise"]
|
|
},
|
|
{
|
|
id: "3", value: "24/7", title: "Available Support", items: ["Emergency response", "Follow-through service"]
|
|
},
|
|
{
|
|
id: "4", value: "∞", title: "Long-Term Solutions", items: ["Quality craftsmanship", "Preventative care"]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Proven Reliability"
|
|
description="Hear directly from the commercial property managers and business owners who trust us."
|
|
tag="Client Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Jennifer Martinez", handle: "Office Complex Manager", testimonial: "Very reliable plumbing company specializing in commercial plumbing. Professional, responsive, and dependable every time.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Jennifer Martinez"
|
|
},
|
|
{
|
|
id: "2", name: "David Chen", handle: "Restaurant Owner", testimonial: "Consistently delivers quality commercial plumbing work. They fixed our kitchen system quickly with minimal disruption.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "David Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Sarah Thompson", handle: "Property Manager", testimonial: "Trusted partner for all our commercial properties. Fast response times and expert solutions every single time.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1", imageAlt: "Sarah Thompson"
|
|
},
|
|
{
|
|
id: "4", name: "Michael Rodriguez", handle: "Retail Manager", testimonial: "Best commercial plumbing service in the area. Professional team that shows up on time and gets the job done right.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2", imageAlt: "Michael Rodriguez"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Anderson", handle: "Medical Facility Director", testimonial: "Reliable and professional. They understand the critical nature of our operations and respond accordingly.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=3", imageAlt: "Lisa Anderson"
|
|
},
|
|
{
|
|
id: "6", name: "James Wilson", handle: "Warehouse Supervisor", testimonial: "Exceptional service from start to finish. Their preventative maintenance program has saved us countless problems.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "James Wilson"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureCardTwentyOne
|
|
title="Our Process"
|
|
description="Three simple steps to reliable commercial plumbing solutions."
|
|
tag="How We Work"
|
|
tagIcon={Lightbulb}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-meeting-office_1268-21517.jpg?_wi=1"
|
|
imageAlt="Professional consultation"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Consultation", content: "We assess your needs and provide a clear scope of work. Understanding your business priorities helps us deliver solutions that minimize disruption."
|
|
},
|
|
{
|
|
id: "2", title: "Precision Execution", content: "Our licensed professionals complete the job efficiently and correctly. We maintain your property, respect your operations, and deliver quality work."
|
|
},
|
|
{
|
|
id: "3", title: "Ongoing Support", content: "We remain available for maintenance and future needs. Regular check-ins and preventative care keep your systems running smoothly for years to come."
|
|
}
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="final-cta" data-section="final-cta">
|
|
<ContactSplit
|
|
tag="Ready to Partner"
|
|
title="Partner With a Plumbing Company That Shows Up and Delivers"
|
|
description="Get a commercial quote today or reach out for immediate emergency service. Frank B Paige Plumbing is your trusted partner for reliable commercial plumbing solutions."
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-meeting-office_1268-21517.jpg?_wi=2"
|
|
imageAlt="Commercial plumbing partnership"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@company.com"
|
|
buttonText="Request Quote"
|
|
termsText="We'll respond within 24 hours. Your information is secure and confidential."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Frank B Paige"
|
|
copyrightText="© 2025 Frank B Paige Plumbing. All Rights Reserved."
|
|
socialLinks={[
|
|
{ icon: Phone, href: "tel:+15551234567", ariaLabel: "Call us" },
|
|
{ icon: Mail, href: "mailto:service@frankbpaige.com", ariaLabel: "Email us" },
|
|
{ icon: MapPin, href: "#", ariaLabel: "Service area" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |