bender/d9508b11-83a0-40de-849d-807d853b7209
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 8 commits from version_2 into main 2026-04-22 16:57:36 +00:00
Conversation 0 Commits 8 Files Changed 8 +269 -213
8 changed files with 269 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,26 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
const navItems = [
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about" },
{ name: "Gallery", id: "/gallery" },
{ name: "Reviews", id: "/reviews" },
{ name: "FAQ", id: "/faq" },
];
export default function AboutPage() {
return (
<ThemeProvider>
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Expert Plumbing" />
<TextSplitAbout
title="About Our Family"
description={["Three generations of trust and quality plumbing. We are your local, family-owned experts."]}
ariaLabel="About section"
/>
</ThemeProvider>
);
}

46
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,46 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function ContactPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Services", id: "/#features" },
{ name: "Contact", id: "/contact" }
]}
brandName="Expert Plumbing"
/>
<div className="pt-32 pb-20">
<ContactSplitForm
title="Request Your Free Quote"
description="Our team is ready to assist you. Fill out the form below and we will contact you shortly to schedule a consultation."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
]}
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg?_wi=1"
buttonText="Submit Request"
/>
</div>
<FooterBaseCard
logoText="Expert Plumbing"
columns={[
{ title: "Services", items: [{ label: "Leak Repair", href: "/#features" }, { label: "Water Heaters", href: "/#features" }] },
{ title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Contact", href: "/contact" }] }
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

31
src/app/gallery/page.tsx Normal file
View File

@@ -0,0 +1,31 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
const navItems = [
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about" },
{ name: "Gallery", id: "/gallery" },
{ name: "Reviews", id: "/reviews" },
{ name: "FAQ", id: "/faq" },
];
export default function GalleryPage() {
return (
<ThemeProvider>
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Expert Plumbing" />
<HeroBillboardGallery
title="Our Work Gallery"
description="See the results of our professional plumbing services."
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg?_wi=1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-tools-set-damaged-mosquito-wire-screen-which-need-be-fixed_1150-6573.jpg?_wi=1" }
]}
mediaAnimation="blur-reveal"
/>
</ThemeProvider>
);
}

231
src/app/page.tsx
View File

@@ -32,22 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "FAQ",
id: "faq",
},
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "/contact" }
]}
brandName="Expert Plumbing"
/>
@@ -56,41 +45,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
title="Reliable Plumbing Services for Your Home"
description="Family-owned and operated with three generations of experience. We provide professional, cooperative, and hard-working plumbing solutions right to your doorstep."
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
{ text: "Book an Appointment", href: "/contact" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=1",
imageAlt: "Professional Plumber",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg?_wi=1",
imageAlt: "Kitchen Pipe Repair",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hand-tools-set-damaged-mosquito-wire-screen-which-need-be-fixed_1150-6573.jpg?_wi=1",
imageAlt: "Water Heater Installation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-holds-wrench-groove-pliers_141793-33658.jpg",
imageAlt: "Customer Satisfaction",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg",
imageAlt: "Pipe Maintenance",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-technician-connects-equipment-with-tool_169016-3456.jpg",
imageAlt: "Three Generations Expert",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=1", imageAlt: "Professional Plumber" },
{ imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg?_wi=1", imageAlt: "Kitchen Pipe Repair" },
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-tools-set-damaged-mosquito-wire-screen-which-need-be-fixed_1150-6573.jpg?_wi=1", imageAlt: "Water Heater Installation" }
]}
mediaAnimation="blur-reveal"
/>
@@ -101,9 +65,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Three Generations of Quality"
description={[
"For years, our family-owned business has provided expert plumbing services. We take pride in our history and the hard work that defines our legacy.",
"Our clients know us for being close to home, professional, and thorough. From leaky pipes to old water heater disposal, we get the job done.",
]}
"For years, our family-owned business has provided expert plumbing services. We take pride in our history and the hard work that defines our legacy.", "Our clients know us for being close to home, professional, and thorough. From leaky pipes to old water heater disposal, we get the job done."]}
/>
</div>
@@ -113,21 +75,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Wrench,
title: "Leak Repair",
description: "Quickly identify and resolve pipe leaks, faucet issues, and toilet malfunctions.",
},
{
icon: Flame,
title: "Water Heaters",
description: "Complete service for water heaters, including replacement and old unit hauling.",
},
{
icon: Settings,
title: "Pipe Replacement",
description: "Expert replacement services for worn or damaged piping systems throughout your home.",
},
{ icon: Wrench, title: "Leak Repair", description: "Quickly identify and resolve pipe leaks, faucet issues, and toilet malfunctions." },
{ icon: Flame, title: "Water Heaters", description: "Complete service for water heaters, including replacement and old unit hauling." },
{ icon: Settings, title: "Pipe Replacement", description: "Expert replacement services for worn or damaged piping systems throughout your home." }
]}
title="Our Specialized Services"
description="We offer a wide range of plumbing services designed to keep your home running smoothly, backed by our promise of professional excellence."
@@ -140,24 +90,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Years of Excellence",
value: "20+",
},
{
id: "m2",
icon: Home,
title: "Homes Served",
value: "5000+",
},
{
id: "m3",
icon: ThumbsUp,
title: "Satisfied Customers",
value: "99%",
},
{ id: "m1", icon: Award, title: "Years of Excellence", value: "20+" },
{ id: "m2", icon: Home, title: "Homes Served", value: "5000+" },
{ id: "m3", icon: ThumbsUp, title: "Satisfied Customers", value: "99%" }
]}
title="Serving Our Community"
description="Proven experience you can trust for your household needs."
@@ -169,61 +104,7 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Jerold B.",
date: "April 2007",
title: "Homeowner",
quote: "Steve was absolutely wonderful. I had to arrange this long distance from California. Steve was cooperative, professional, and did exactly what he promised.",
tag: "Professional",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=2",
imageAlt: "happy customer home interior",
},
{
id: "t2",
name: "Ronald W.",
date: "January 2006",
title: "Homeowner",
quote: "I like this company because it is close to home. There is three generations to this company. My mother has used them for years. Very hard workers and they get the job done.",
tag: "Trusted",
avatarSrc: "http://img.b2bpic.net/free-photo/relaxed-girl-jeans-sitting-window-sill-magnificent-ginger-lady-headphones-holding-phone_197531-10401.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg?_wi=2",
imageAlt: "happy customer home interior",
},
{
id: "t3",
name: "Anonymous",
date: "January 2006",
title: "Homeowner",
quote: "Our toilet was leaking and one of the pipes needed to be replaced. We used this company in the past before and they did a great job so I decided to rehire them and they did a good job.",
tag: "Reliable",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-elder-woman-window_329181-14796.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/hand-tools-set-damaged-mosquito-wire-screen-which-need-be-fixed_1150-6573.jpg?_wi=2",
imageAlt: "happy customer home interior",
},
{
id: "t4",
name: "Client",
date: "April 2007",
title: "Homeowner",
quote: "Highly recommend this team. They were very cooperative and provided exactly the services we needed for our property.",
tag: "Service",
avatarSrc: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149287019.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-home_23-2149162257.jpg",
imageAlt: "happy customer home interior",
},
{
id: "t5",
name: "Homeowner",
date: "January 2006",
title: "Homeowner",
quote: "Always great service. Hard workers and very efficient, they get the job done right every single time.",
tag: "Efficiency",
avatarSrc: "http://img.b2bpic.net/free-photo/frame-mechanical-tools-floor_23-2148558016.jpg",
imageSrc: "http://img.b2bpic.net/free-vector/real-estate-open-house-label_23-2148479337.jpg",
imageAlt: "happy customer home interior",
},
{ id: "t1", name: "Jerold B.", date: "April 2007", title: "Homeowner", quote: "Steve was absolutely wonderful. I had to arrange this long distance from California. Steve was cooperative, professional, and did exactly what he promised.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg", imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg?_wi=2" }
]}
title="Client Success Stories"
description="Hear directly from homeowners who trust us with their plumbing."
@@ -235,13 +116,7 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
names={[
"Plumbing Guild",
"Safety Association",
"Home Maintenance Board",
"Residential Repair Certified",
"Local Business Alliance",
"Service Quality Seal",
"Water Utility Partners",
"Plumbing Guild", "Safety Association", "Home Maintenance Board", "Residential Repair Certified", "Local Business Alliance"
]}
title="Trusted by Experts"
description="We meet and exceed industry standards for plumbing and safety."
@@ -253,21 +128,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you handle emergency plumbing?",
content: "Yes, we are highly responsive and professional in addressing urgent plumbing needs for our local clients.",
},
{
id: "f2",
title: "How long have you been operating?",
content: "Our business spans three generations of professional plumbing expertise.",
},
{
id: "f3",
title: "Do you haul away old equipment?",
content: "Yes, we handle disposal of old water heaters and other replaced plumbing equipment.",
},
{ id: "f1", title: "Do you handle emergency plumbing?", content: "Yes, we are highly responsive and professional in addressing urgent plumbing needs for our local clients." },
{ id: "f2", title: "How long have you been operating?", content: "Our business spans three generations of professional plumbing expertise." },
{ id: "f3", title: "Do you haul away old equipment?", content: "Yes, we handle disposal of old water heaters and other replaced plumbing equipment." }
]}
imageSrc="http://img.b2bpic.net/free-photo/frame-mechanical-tools-floor_23-2148558016.jpg"
mediaAnimation="slide-up"
@@ -277,60 +140,16 @@ export default function LandingPage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contact Us"
title="Need Plumbing Assistance?"
description="We are ready to help. Reach out to book your service or get a consultation from our professional team today."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Expert Plumbing"
columns={[
{
title: "Services",
items: [
{
label: "Leak Repair",
href: "#features",
},
{
label: "Water Heaters",
href: "#features",
},
{
label: "Pipe Replacement",
href: "#features",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Testimonials",
href: "#testimonials",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ title: "Services", items: [{ label: "Leak Repair", href: "/#features" }, { label: "Water Heaters", href: "/#features" }, { label: "Pipe Replacement", href: "/#features" }] },
{ title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Testimonials", href: "/#testimonials" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

26
src/app/reviews/page.tsx Normal file
View File

@@ -0,0 +1,26 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
const navItems = [
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about" },
{ name: "Gallery", id: "/gallery" },
{ name: "Reviews", id: "/reviews" },
{ name: "FAQ", id: "/faq" },
];
export default function ReviewsPage() {
return (
<ThemeProvider>
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Expert Plumbing" />
<TestimonialCardFive
title="Client Reviews"
testimonials={[{ id: "1", name: "Jerold B.", date: "2024", title: "Satisfied Client", quote: "Professional, trustable, family-owned business.", tag: "Trusted", avatarSrc: "" }]}
textboxLayout="default"
/>
</ThemeProvider>
);
}

55
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,55 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Wrench, Droplet, Hammer, ShieldCheck } from "lucide-react";
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="soft-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Showroom", id: "/showroom" },
]}
brandName="Expert Plumbing"
/>
<div className="pt-32 pb-20">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="European-Inspired Remodeling"
description="We combine timeless European design aesthetics with modern high-performance plumbing technology to transform your kitchen and bath spaces."
features={[
{ icon: Wrench, title: "Kitchen Remodeling", description: "Complete culinary space transformations with premium finishes and efficient layout planning." },
{ icon: Droplet, title: "Bath Renovations", description: "Spa-inspired bathroom makeovers featuring high-quality fixtures and custom cabinetry." },
{ icon: Hammer, title: "In-House Products", description: "Curated selection of high-quality products sourced for longevity and timeless design." },
{ icon: ShieldCheck, title: "Transparent Process", description: "Clear project timelines and ownership throughout every stage of your renovation journey." }
]}
/>
</div>
<FooterBaseCard
logoText="Expert Plumbing"
columns={[]}
/>
</ReactLenis>
</ThemeProvider>
);
}

53
src/app/showroom/page.tsx Normal file
View File

@@ -0,0 +1,53 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
export default function ShowroomPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="soft-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Showroom", id: "/showroom" },
]}
brandName="Expert Plumbing"
/>
<div className="pt-32 pb-20">
<ProductCardOne
title="Our Premium Collection"
description="Explore our curated in-house products designed for durability and elegance."
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="split"
products={[
{ id: "1", name: "European Faucet", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/luxury-faucet.jpg" },
{ id: "2", name: "Modern Vanity", price: "$1299", imageSrc: "http://img.b2bpic.net/free-photo/modern-vanity.jpg" },
{ id: "3", name: "Stone Basin", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/stone-basin.jpg" }
]}
/>
</div>
<FooterBaseCard
logoText="Expert Plumbing"
columns={[]}
/>
</ReactLenis>
</ThemeProvider>
);
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fcf6ec;
--card: #f3ede2;
--foreground: #2e2521;
--primary-cta: #2e2521;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #1a1a1a;
--primary-cta: #d4af37;
--primary-cta-text: #fcf6ec;
--secondary-cta: #ffffff;
--secondary-cta: #f1f1f1;
--secondary-cta-text: #2e2521;
--accent: #b2a28b;
--background-accent: #b2a28b;
--accent: #d4af37;
--background-accent: #f9f9f9;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);