Merge version_1 into main #3

Merged
bender merged 4 commits from version_1 into main 2026-04-02 22:06:12 +00:00
4 changed files with 80 additions and 361 deletions

View File

@@ -2,116 +2,38 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { CheckCircle, Shield, Users, Wrench } from "lucide-react";
import { Wrench, Users, CheckCircle } from 'lucide-react';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="White Plumbing Company, LLC"
/>
</div>
<div id="about-body" data-section="about-body">
<AboutMetric
useInvertedBackground={false}
title="About Our Master Plumber"
metrics={[
{
icon: Wrench,
label: "Years Experience",
value: "10+",
},
{
icon: Users,
label: "Satisfied Families",
value: "500+",
},
{
icon: CheckCircle,
label: "Projects Completed",
value: "1200+",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Why Choose Us"
title="Decades of Reliability"
description="We pride ourselves on doing the job right the first time. Our family-run operation ensures accountability and quality in every connection."
subdescription="Our focus is purely on local service within Stafford, VA. We treat every customer home as if it were our own."
icon={Shield}
imageSrc="http://img.b2bpic.net/free-photo/man-woman-assembling-bed_23-2147782393.jpg?_wi=4"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l9g1wx&_wi=2"
columns={[
{
title: "Contact",
items: [
{
label: "703-672-8667",
href: "tel:7036728667",
},
{
label: "services@whiteplumbingco.com",
href: "mailto:services@whiteplumbingco.com",
},
],
},
{
title: "Company",
items: [
{
label: "Home",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
copyrightText="© 2016 WHITE PLUMBING COMPANY, LLC. If you want it right, call WHITE!"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="White Plumbing Company, LLC"
navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]}
/>
</div>
<div id="about-body" data-section="about-body">
<AboutMetric title="About Our Master Plumber" metrics={[{icon: Wrench, label: "Years Experience", value: "10+"}, {icon: Users, label: "Satisfied Families", value: "500+"}, {icon: CheckCircle, label: "Projects Completed", value: "1200+"}]} metricsAnimation="slide-up" useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<FooterMedia imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l9g1wx" columns={[{title: "Contact", items: [{label: "703-672-8667", href: "tel:7036728667"}, {label: "services@whiteplumbingco.com", href: "mailto:services@whiteplumbingco.com"}]}, {title: "Company", items: [{label: "Home", href: "/"}, {label: "About", href: "/about"}, {label: "Contact", href: "/contact"}]}]} copyrightText="© 2016 WHITE PLUMBING COMPANY, LLC. If you want it right, call WHITE!" />
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -2,125 +2,37 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="White Plumbing Company, LLC"
/>
</div>
<div id="contact-body" data-section="contact-body">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Get in Touch"
title="Need a Free Quote?"
description="Please call us for a free estimate or email us for inquiries."
buttons={[
{
text: "Call: 703-672-8667",
href: "tel:7036728667",
},
{
text: "Email Us",
href: "mailto:services@whiteplumbingco.com",
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Service Coverage"
description="Proudly serving the Stafford community with rapid response times."
metrics={[
{
id: "s1",
title: "Emergency Response",
subtitle: "24/7 Availability",
category: "Priority",
value: "Fast",
},
{
id: "s2",
title: "Service Area",
subtitle: "Stafford & Surrounding",
category: "Local",
value: "15mi",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l9g1wx&_wi=3"
columns={[
{
title: "Contact",
items: [
{
label: "703-672-8667",
href: "tel:7036728667",
},
{
label: "services@whiteplumbingco.com",
href: "mailto:services@whiteplumbingco.com",
},
],
},
{
title: "Company",
items: [
{
label: "Home",
href: "/",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
copyrightText="© 2016 WHITE PLUMBING COMPANY, LLC. If you want it right, call WHITE!"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="White Plumbing Company, LLC"
navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]}
/>
</div>
<div id="contact-body" data-section="contact-body">
<ContactCTA tag="Get in Touch" title="Need a Free Quote?" description="Please call us for a free estimate or email us for inquiries." buttons={[{text: "Call: 703-672-8667", href: "tel:7036728667"}, {text: "Email Us", href: "mailto:services@whiteplumbingco.com"}]} background={{variant: "plain"}} useInvertedBackground={true} />
</div>
<div id="footer" data-section="footer">
<FooterMedia imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l9g1wx" columns={[{title: "Contact", items: [{label: "703-672-8667", href: "tel:7036728667"}, {label: "services@whiteplumbingco.com", href: "mailto:services@whiteplumbingco.com"}]}, {title: "Company", items: [{label: "Home", href: "/"}, {label: "About", href: "/about"}, {label: "Contact", href: "/contact"}]}]} copyrightText="© 2016 WHITE PLUMBING COMPANY, LLC. If you want it right, call WHITE!" />
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -11,8 +11,8 @@ import { Nunito } from "next/font/google";
export const metadata: Metadata = {
title: 'White Plumbing Company, LLC | Stafford, VA',
description: 'Expert plumbing services for residential and small commercial clients in Stafford, VA. Family-owned, reliable, and professional. "If you want it right, call WHITE!"',
title: 'White Plumbing Company, LLC | Stafford, VA Plumber',
description: 'Family-owned plumbing services in Stafford, VA. Honest, professional, and reliable plumbing work for your home or business.',
openGraph: {
"title": "White Plumbing Company, LLC",
"description": "Family-owned plumbing services in Stafford, VA.",

View File

@@ -2,13 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function LandingPage() {
return (
@@ -16,154 +16,39 @@ export default function LandingPage() {
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "/"},
{
name: "About", id: "/about"},
{
name: "Contact", id: "/contact"},
]}
brandName="White Plumbing Company, LLC"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="WHITE PLUMBING COMPANY, LLC"
description="If you want it right, call WHITE! - Your family-owned plumber in Stafford, VA."
buttons={[
{
text: "Call Now: 703-672-8667", href: "tel:7036728667"},
{
text: "Learn More", href: "/about"},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-woman-assembling-bed_23-2147782393.jpg"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
id: "1", title: "Water Heater", description: "Professional installation and repair for all types of water heaters.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721538.jpg"},
{
id: "2", title: "Toilet Services", description: "Quick and reliable toilet installation and repair services.", imageSrc: "http://img.b2bpic.net/free-photo/interior-old-house-elegance-shower_1203-4967.jpg"},
{
id: "3", title: "Faucets", description: "Expert faucet installation and repair to stop leaks and improve function.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746305.jpg"},
{
id: "4", title: "Garbage Disposal", description: "Installation and repair of high-quality kitchen garbage disposals.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-making-time-out-gesture_1368-788.jpg"},
{
id: "5", title: "Drain Cleaning", description: "Minor drain cleaning services to keep your systems running smoothly.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg"},
]}
title="Our Services"
description="We are a family-owned plumbing company serving domestic and small commercial businesses with professional integrity."
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardOne
animationType="scale-rotate"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "w1", name: "Water Heater Upgrade", price: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/cheese-industry-interior-production-hard-cheese-background_645730-198.jpg"},
{
id: "w2", name: "Complete Faucet Install", price: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990700.jpg"},
{
id: "w3", name: "Commercial Plumbing", price: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51491.jpg"},
{
id: "w4", name: "Drain Unclogging", price: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/cheese-industry-interior-production-hard-cheese-background_645730-198.jpg"},
{
id: "w5", name: "Toilet Replacement", price: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990700.jpg"},
{
id: "w6", name: "Disposal Unit Fix", price: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51491.jpg"},
]}
title="Previous Work"
description="Check out some of our recent plumbing projects and success stories."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Transparent Pricing"
description="Simple, honest, and competitive pricing for all your residential plumbing needs."
plans={[
{
id: "p1", badge: "Essential", price: "$99", subtitle: "Minor Repairs", buttons: [
{
text: "Book Now", href: "/contact"},
],
features: [
"Leak inspection", "Drain clearing", "Basic faucet repair"],
},
{
id: "p2", badge: "Premium", price: "$249", subtitle: "System Maintenance", buttons: [
{
text: "Book Now", href: "/contact"},
],
features: [
"Water heater flush", "Pipe inspection", "Pressure testing"],
},
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={false}
title="Meet the Team"
tag="Our Experts"
membersAnimation="slide-up"
memberVariant="card"
members={[
{
id: "m1", name: "John White", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-assembling-bed_23-2147782393.jpg"},
{
id: "m2", name: "Sarah White", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-assembling-bed_23-2147782393.jpg"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l9g1wx"
columns={[
{
title: "Contact", items: [
{
label: "703-672-8667", href: "tel:7036728667"},
{
label: "services@whiteplumbingco.com", href: "mailto:services@whiteplumbingco.com"},
],
},
{
title: "Company", items: [
{
label: "Home", href: "/"},
{
label: "About", href: "/about"},
{
label: "Contact", href: "/contact"},
],
},
]}
copyrightText="© 2016 WHITE PLUMBING COMPANY, LLC. If you want it right, call WHITE!"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="White Plumbing Company, LLC"
navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo logoText="WHITE PLUMBING COMPANY, LLC" description="\"If you want it right, call WHITE!\" - Your family-owned plumber in Stafford, VA." buttons={[{text: "Call Now: 703-672-8667", href: "tel:7036728667"}, {text: "Learn More", href: "/about"}]} imageSrc="http://img.b2bpic.net/free-photo/man-woman-assembling-bed_23-2147782393.jpg" />
</div>
<div id="services" data-section="services">
<FeatureCardTwentySeven animationType="slide-up" textboxLayout="default" gridVariant="three-columns-all-equal-width" useInvertedBackground={false} features={[{id: "1", title: "Water Heater", description: "Professional installation and repair for all types of water heaters.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721538.jpg"}, {id: "2", title: "Toilet Services", description: "Quick and reliable toilet installation and repair services.", imageSrc: "http://img.b2bpic.net/free-photo/interior-old-house-elegance-shower_1203-4967.jpg"}, {id: "3", title: "Faucets", description: "Expert faucet installation and repair to stop leaks and improve function.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746305.jpg"}, {id: "4", title: "Garbage Disposal", description: "Installation and repair of high-quality kitchen garbage disposals.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-making-time-out-gesture_1368-788.jpg"}, {id: "5", title: "Drain Cleaning", description: "Minor drain cleaning services to keep your systems running smoothly.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg"}]} title="Our Services" description="We are a family-owned plumbing company serving domestic and small commercial businesses with professional integrity." />
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardOne animationType="scale-rotate" textboxLayout="split" gridVariant="three-columns-all-equal-width" useInvertedBackground={true} products={[{id: "w1", name: "Water Heater Upgrade", price: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/cheese-industry-interior-production-hard-cheese-background_645730-198.jpg"}, {id: "w2", name: "Complete Faucet Install", price: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990700.jpg"}, {id: "w3", name: "Commercial Plumbing", price: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51491.jpg"}, {id: "w4", name: "Drain Unclogging", price: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/cheese-industry-interior-production-hard-cheese-background_645730-198.jpg"}, {id: "w5", name: "Toilet Replacement", price: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990700.jpg"}, {id: "w6", name: "Disposal Unit Fix", price: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51491.jpg"}]} title="Previous Work" description="Check out some of our recent plumbing projects and success stories." />
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Transparent Pricing" description="Simple, honest, and competitive pricing for all your residential plumbing needs." plans={[{id: "p1", badge: "Essential", price: "$99", subtitle: "Minor Repairs", buttons: [{text: "Book Now", href: "/contact"}], features: ["Leak inspection", "Drain clearing", "Basic faucet repair"]}, {id: "p2", badge: "Premium", price: "$249", subtitle: "System Maintenance", buttons: [{text: "Book Now", href: "/contact"}], features: ["Water heater flush", "Pipe inspection", "Pressure testing"]}]} />
</div>
<div id="team" data-section="team">
<TeamCardTen useInvertedBackground={false} title="Meet the Team" tag="Our Experts" membersAnimation="slide-up" memberVariant="card" members={[{id: "m1", name: "John White", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-assembling-bed_23-2147782393.jpg"}, {id: "m2", name: "Sarah White", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-assembling-bed_23-2147782393.jpg"}]} />
</div>
<div id="footer" data-section="footer">
<FooterMedia imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l9g1wx" columns={[{title: "Contact", items: [{label: "703-672-8667", href: "tel:7036728667"}, {label: "services@whiteplumbingco.com", href: "mailto:services@whiteplumbingco.com"}]}, {title: "Company", items: [{label: "Home", href: "/"}, {label: "About", href: "/about"}, {label: "Contact", href: "/contact"}]}]} copyrightText="© 2016 WHITE PLUMBING COMPANY, LLC. If you want it right, call WHITE!" />
</div>
</ReactLenis>
</ThemeProvider>
);