Files
7f25be84-8d7e-403b-bc6f-e06…/src/app/page.tsx
2026-03-09 13:06:06 +00:00

222 lines
12 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Phone, Wrench, Zap } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="A G Plumbing"
navItems={[
{ name: "Services", id: "services" },
{ name: "Why Us", id: "why-us" },
{ name: "Reviews", id: "testimonials" },
{ name: "Service Area", id: "service-area" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
title="Bryan & College Station's Trusted Local Plumber"
description="Fast, reliable plumbing service with fair pricing and professional workmanship. Available 24/7 for emergencies."
tag="Local Service Leader"
tagIcon={Wrench}
tagAnimation="slide-up"
background={{ variant: "plain" }}
buttons={[
{ text: "Call Now (979) 778-8500", href: "tel:9797788500" },
{ text: "Request Service", href: "#contact" }
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721525.jpg", imageAlt: "Professional plumber fixing residential plumbing"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg", imageAlt: "Emergency plumbing service response"
}
]}
mediaAnimation="slide-up"
rating={5}
ratingText="4.8★ Rated by 60+ Happy Customers"
/>
</div>
<div id="services" data-section="services">
<FeatureCardOne
title="Comprehensive Plumbing Services"
description="Expert solutions for all your plumbing needs—from routine maintenance to emergency repairs."
tag="Services"
tagIcon={Zap}
textboxLayout="default"
features={[
{
title: "Water Heater Installation", description: "Professional installation of new water heaters with expert guidance on efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17480.jpg?_wi=1", imageAlt: "Water heater installation service", button: { text: "Learn More", href: "#contact" }
},
{
title: "Water Heater Repair", description: "Quick diagnosis and repair of failing water heaters to restore hot water fast.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17480.jpg?_wi=2", imageAlt: "Water heater repair service", button: { text: "Schedule Service", href: "#contact" }
},
{
title: "Pipe Repair", description: "Professional pipe repair and replacement for leaks, corrosion, and burst pipes.", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg", imageAlt: "Professional pipe repair work", button: { text: "Get Help Now", href: "#contact" }
},
{
title: "Leak Detection", description: "Advanced leak detection to find hidden leaks before they cause major damage.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459200.jpg", imageAlt: "Professional leak detection service", button: { text: "Request Detection", href: "#contact" }
},
{
title: "Drain Cleaning", description: "Professional drain cleaning and unclogging using advanced techniques and equipment.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721549.jpg", imageAlt: "Professional drain cleaning service", button: { text: "Clear Your Drain", href: "#contact" }
},
{
title: "Emergency Plumbing", description: "24/7 emergency plumbing response for urgent issues—we arrive quickly and fix it right.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-blue-t-shirt-cap-talking-mobile-phone-looking-hesitant_176474-16836.jpg", imageAlt: "Emergency plumbing service response", button: { text: "Emergency Call", href: "tel:9797788500" }
},
{
title: "Plumbing Repairs", description: "Complete repair services for all plumbing fixtures and systems in your home.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg?_wi=1", imageAlt: "Professional plumbing repairs", button: { text: "Schedule Repair", href: "#contact" }
},
{
title: "Plumbing Installations", description: "Professional installation of new plumbing fixtures and complete system upgrades.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg?_wi=2", imageAlt: "Professional plumbing installation", button: { text: "Get Installed", href: "#contact" }
}
]}
gridVariant="bento-grid"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="why-us" data-section="why-us">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Why Choose A G Plumbing?" }
]}
useInvertedBackground={false}
buttons={[
{ text: "Call (979) 778-8500", href: "tel:9797788500" },
{ text: "Request Service", href: "#contact" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
title="Trusted by Local Community"
description="Proven track record of excellence in Bryan and College Station"
tag="Results"
textboxLayout="default"
metrics={[
{ id: "1", value: "4.8★", description: "Customer Rating from 60+ Reviews" },
{ id: "2", value: "24/7", description: "Available for Emergency Service" },
{ id: "3", value: "Fair", description: "Honest Upfront Pricing" },
{ id: "4", value: "Fast", description: "Quick Response Times" }
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Excellent service with a very quick response time. They were professional, fair with pricing, and most importantly provided great customer service. Highly recommended!"
rating={5}
author="Sarah Johnson, Bryan TX"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/courier-sitting-near-boxes_23-2147787767.jpg", alt: "Customer testimonial avatar 1" },
{ src: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-with-his-african-american-coworker-auto-repair-shop_637285-11601.jpg", alt: "Customer testimonial avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/blonde-woman-is-pointing-up-looking-up-white-background_176474-114771.jpg", alt: "Customer testimonial avatar 3" },
{ src: "http://img.b2bpic.net/free-photo/showing-smile_1098-16413.jpg", alt: "Customer testimonial avatar 4" },
{ src: "http://img.b2bpic.net/free-photo/curly-mulatto-female-student-posing-with-smile-okay-sign-after-difficult-test-international-university-indoor-portrait-african-woman-work-as-manager-office-with-young-asian-man_197531-3789.jpg", alt: "Customer testimonial avatar 5" },
{ src: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384798.jpg", alt: "Customer testimonial avatar 6" }
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="service-area" data-section="service-area">
<SocialProofOne
title="Serving Bryan, College Station & Surrounding Areas"
description="Trusted local plumber serving the greater Bryan-College Station area with professional service."
tag="Service Area"
textboxLayout="default"
names={[
"Bryan, Texas", "College Station, Texas", "Kurten, Texas", "Benchley, Texas", "Wixon Valley, Texas", "Local Emergency Service"
]}
useInvertedBackground={true}
speed={40}
showCard={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Get In Touch"
title="Need a Plumber Today?"
description="Call now for fast service from a trusted local professional. Available 24/7 for emergencies."
tagIcon={Phone}
background={{ variant: "rotated-rays-animated" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Request Service"
termsText="We respect your privacy. We'll contact you only about your service request."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Services", items: [
{ label: "Water Heater Service", href: "#services" },
{ label: "Pipe Repair", href: "#services" },
{ label: "Drain Cleaning", href: "#services" },
{ label: "Emergency Plumbing", href: "#services" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#why-us" },
{ label: "Service Area", href: "#service-area" },
{ label: "Testimonials", href: "#testimonials" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Contact", items: [
{ label: "Call: (979) 778-8500", href: "tel:9797788500" },
{ label: "233 Marino Rd, Bryan, TX 77808", href: "#" },
{ label: "Available 24/7 for Emergencies", href: "#" },
{ label: "Privacy Policy", href: "#" }
]
}
]}
copyrightText="© 2025 A G Plumbing. All rights reserved. Local Plumber Serving Bryan & College Station, Texas."
/>
</div>
</ThemeProvider>
);
}