236 lines
11 KiB
TypeScript
236 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Award, CheckCircle, Clock } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Why Us", id: "about"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Caleb's Plumbing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Caleb's Plumbing"
|
|
description="Brownsville's Most Trusted Plumbers — Available When You Need Us. Emergency service, upfront pricing, and local expertise."
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:+19565550123"},
|
|
{
|
|
text: "Book Appointment", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/plumber-man-working-pipes_155003-9111.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Family-Owned, Locally Focused"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-leaning-car_23-2148327555.jpg", alt: "Plumbing service truck brownsville"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "s1", name: "Water Heater Repair", price: "Emergency Service", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg"},
|
|
{
|
|
id: "s2", name: "Drain & Sewer Cleaning", price: "Same Day Availability", imageSrc: "http://img.b2bpic.net/free-photo/barista-prepares-coffee-coffee-holder-gloved-hands_1157-47296.jpg"},
|
|
{
|
|
id: "s3", name: "Leak Detection & Repair", price: "Advanced Tech", imageSrc: "http://img.b2bpic.net/free-photo/closeup-manometer-tool_53876-30452.jpg"},
|
|
{
|
|
id: "s4", name: "Gas Line Installation", price: "Licensed & Insured", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg"},
|
|
{
|
|
id: "s5", name: "Well System Service", price: "Full Assessment", imageSrc: "http://img.b2bpic.net/free-photo/inside-view-pipe-tube-pipeline-construction_342744-362.jpg"},
|
|
{
|
|
id: "s6", name: "Whole-Home Repiping", price: "Transparent Quotes", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg"},
|
|
]}
|
|
title="Our Plumbing Services"
|
|
description="From midnight emergencies to routine maintenance, we have the tools and experience to handle any plumbing challenge in Brownsville."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: CheckCircle,
|
|
title: "Customer Rating", value: "4.7 Stars"},
|
|
{
|
|
id: "m2", icon: Award,
|
|
title: "Happy Reviews", value: "134+"},
|
|
{
|
|
id: "m3", icon: Clock,
|
|
title: "Response Time", value: "Immediate"},
|
|
]}
|
|
title="Why Brownsville Chooses Us"
|
|
description="Trusted by hundreds, we provide the highest quality service across the Rio Grande Valley."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
team={[
|
|
{
|
|
id: "t1", name: "Leo", role: "Master Plumber", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
|
{
|
|
id: "t2", name: "Everett", role: "Service Technician", imageSrc: "http://img.b2bpic.net/free-photo/workwoman-office-cleaning-service_1398-3766.jpg"},
|
|
{
|
|
id: "t3", name: "Sarah", role: "Dispatch Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/with-closed-eyes-young-male-builder-wearing-uniform-safety-helmet-showing-okey-gesture-purple_141793-74537.jpg"},
|
|
]}
|
|
title="Meet Your Plumbers"
|
|
description="When you call Caleb's, you get the pros. No middlemen, no call centers — just Leo, Everett, and the team ready to help."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Maria Gonzalez", handle: "Brownsville Resident", testimonial: "Came at midnight for a pipe burst! Fast, professional, and price was totally fair.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-riding-scooter-together_23-2148733494.jpg"},
|
|
{
|
|
id: "2", name: "John Smith", handle: "Local Business Owner", testimonial: "Reliable and honest. Didn't try to upsell me on things I didn't need.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg"},
|
|
{
|
|
id: "3", name: "Elena Rodriguez", handle: "Homeowner", testimonial: "Excellent service. Explained every step and gave me an upfront quote.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/deliveryman-taking-food-supplies-order_482257-76531.jpg"},
|
|
{
|
|
id: "4", name: "David Wilson", handle: "Resident", testimonial: "Everett fixed my well system when others couldn't. Very knowledgeable.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pleased-caucasian-adult-builder-man-uniform-holds-hands-together-looks-up-orange_141793-69273.jpg"},
|
|
{
|
|
id: "5", name: "Patty Hernandez", handle: "Brownsville Resident", testimonial: "Highly recommended for all plumbing repairs. Always local, always friendly.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/nomad-family-traveling-living-van_23-2149651534.jpg"},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Neighbors Say"
|
|
description="Don't just take our word for it—read what your fellow Brownsville neighbors think of our service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do you offer emergency service?", content: "Yes, we prioritize emergency plumbing issues and aim for same-day response."},
|
|
{
|
|
id: "f2", title: "Are your quotes transparent?", content: "Absolutely. We pride ourselves on upfront pricing with no surprise fees."},
|
|
{
|
|
id: "f3", title: "Do you serve businesses?", content: "Yes, we handle residential and small business plumbing needs in Brownsville."},
|
|
]}
|
|
title="Common Plumbing Questions"
|
|
description="Have questions about our service or how we can help you? Here are some frequently asked questions."
|
|
imageSrc="http://img.b2bpic.net/free-photo/plumber-man-fixing-kitchen-sink_53876-27.jpg"
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Need a Plumber Now?"
|
|
description="For plumbing emergencies, please call us immediately at (956) 555-0123—it's the fastest way to get help. Alternatively, fill out this form for a non-urgent inquiry."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Your Phone", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "issue", placeholder: "Briefly describe your plumbing issue", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Services", href: "#services"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Service Area", items: [
|
|
{
|
|
label: "Brownsville, TX", href: "#"},
|
|
{
|
|
label: "Surrounding Areas", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Caleb's Plumbing"
|
|
bottomRightText="Licensed & Insured"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |