222 lines
12 KiB
TypeScript
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>
|
|
);
|
|
}
|