bender/e079466a-9b62-4bbe-90c8-a11e24b14b8f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 6 commits from version_2 into main 2026-04-21 19:32:55 +00:00
Conversation 0 Commits 6 Files Changed 6 +216 -251
6 changed files with 216 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -0,0 +1,36 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function AboutPage() {
return (
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Avery's Plumbing"
/>
</div>
<div className="py-24">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[{ type: "text", content: "About Avery's Plumbing" }]}
/>
</div>
<FooterLogoEmphasis
columns={[]}
logoText="Avery's Plumbing"
/>
</ReactLenis>
</ThemeProvider>
);
}

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

@@ -0,0 +1,37 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function ContactPage() {
return (
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Avery's Plumbing"
/>
</div>
<div className="py-24">
<ContactCenter
tag="Get in touch"
title="Contact Our Team"
description="We are ready to help with any plumbing needs. Fill out the form or call us directly."
/>
</div>
<FooterLogoEmphasis
columns={[]}
logoText="Avery's Plumbing"
/>
</ReactLenis>
</ThemeProvider>
);
}

292
src/app/page.tsx
View File

@@ -31,22 +31,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "About", id: "about" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="Avery's Plumbing"
/>
@@ -54,52 +45,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static-grid",
}}
background={{ variant: "rotated-rays-static-grid" }}
title="Avery's Plumbing, Tankless, & Water Filtration"
description="Professional, reliable plumbing services for your home and business. Call now for same-day service."
buttons={[
{
text: "Call Now (555) 123-4567",
href: "tel:5551234567",
},
{
text: "Get Free Estimate",
href: "#contact",
},
{ text: "Call Now (555) 123-4567", href: "tel:5551234567" },
{ text: "Get Free Estimate", href: "#contact" },
]}
carouselItems={[
{
id: "h1",
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721545.jpg",
imageAlt: "Professional plumbing installation",
},
{
id: "h2",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",
imageAlt: "Expert tankless heater work",
},
{
id: "h3",
imageSrc: "http://img.b2bpic.net/free-photo/shock-wave-therapy-device-with-male-doctor-hands-rubber-gloves_169016-40119.jpg",
imageAlt: "Clean water filtration systems",
},
{
id: "h4",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg",
imageAlt: "Emergency pipe repair",
},
{
id: "h5",
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg",
imageAlt: "Drain cleaning service",
},
{
id: "h6",
imageSrc: "http://img.b2bpic.net/free-photo/water-filters-glass-water-front-view_23-2148728700.jpg",
imageAlt: "Local plumbing expertise",
},
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721545.jpg", imageAlt: "Professional plumbing installation" },
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg", imageAlt: "Expert tankless heater work" },
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/shock-wave-therapy-device-with-male-doctor-hands-rubber-gloves_169016-40119.jpg", imageAlt: "Clean water filtration systems" },
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg", imageAlt: "Emergency pipe repair" },
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg", imageAlt: "Drain cleaning service" },
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/water-filters-glass-water-front-view_23-2148728700.jpg", imageAlt: "Local plumbing expertise" },
]}
/>
</div>
@@ -110,36 +69,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Wrench,
title: "General Plumbing",
description: "Expert repairs and installations for all household fixtures.",
},
{
icon: Zap,
title: "Tankless Heaters",
description: "High-efficiency tankless water heater installation and maintenance.",
},
{
icon: Droplets,
title: "Water Filtration",
description: "Premium whole-home water filtration and softening systems.",
},
{
icon: AlertTriangle,
title: "Emergency Care",
description: "24/7 responsive emergency plumbing callout services.",
},
{
icon: Trash2,
title: "Drain Cleaning",
description: "Effective solutions for clogged pipes and drainage systems.",
},
{
icon: Droplets,
title: "Water Testing",
description: "Comprehensive testing for home water quality.",
},
{ icon: Wrench, title: "General Plumbing", description: "Expert repairs and installations for all household fixtures." },
{ icon: Zap, title: "Tankless Heaters", description: "High-efficiency tankless water heater installation and maintenance." },
{ icon: Droplets, title: "Water Filtration", description: "Premium whole-home water filtration and softening systems." },
{ icon: AlertTriangle, title: "Emergency Care", description: "24/7 responsive emergency plumbing callout services." },
{ icon: Trash2, title: "Drain Cleaning", description: "Effective solutions for clogged pipes and drainage systems." },
{ icon: Droplets, title: "Water Testing", description: "Comprehensive testing for home water quality." },
]}
title="Our Expert Services"
description="Comprehensive water and plumbing solutions designed for your needs."
@@ -150,22 +85,10 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Trust the Family-Owned Professionals",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176742.jpg",
alt: "Avery's Plumbing team",
},
]}
buttons={[
{
text: "Our Story",
href: "#about",
},
{ type: "text", content: "Trust the Family-Owned Professionals" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176742.jpg", alt: "Avery's Plumbing team" },
]}
buttons={[{ text: "Our Story", href: "#about" }]}
/>
</div>
@@ -175,57 +98,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "p1",
badge: "Popular",
price: "$99",
subtitle: "Service Call Fee",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Diagnostic visit",
"Repair assessment",
"Free estimate",
],
},
{
id: "p2",
badge: "Value",
price: "$199",
subtitle: "Drain Clearing",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Standard drain cleaning",
"Pipe health check",
"Free advice",
],
},
{
id: "p3",
badge: "Pro",
price: "Custom",
subtitle: "Tankless Install",
buttons: [
{
text: "Quote Now",
href: "#contact",
},
],
features: [
"Unit installation",
"System testing",
"Long-term warranty",
],
},
{ id: "p1", badge: "Popular", price: "$99", subtitle: "Service Call Fee", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Diagnostic visit", "Repair assessment", "Free estimate"] },
{ id: "p2", badge: "Value", price: "$199", subtitle: "Drain Clearing", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Standard drain cleaning", "Pipe health check", "Free advice"] },
{ id: "p3", badge: "Pro", price: "Custom", subtitle: "Tankless Install", buttons: [{ text: "Quote Now", href: "#contact" }], features: ["Unit installation", "System testing", "Long-term warranty"] },
]}
title="Service Options"
description="Straightforward pricing for reliable plumbing services."
@@ -236,31 +111,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "John D.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-hands-sofa-home_23-2147744902.jpg",
},
{
id: "t2",
name: "Sarah M.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-embracing-cooking_23-2147766933.jpg",
},
{
id: "t3",
name: "Robert B.",
imageSrc: "http://img.b2bpic.net/free-photo/household-problem-woman-pointing-broken-tap-with-jet-water-man-with-suitcase-tools_259150-58295.jpg",
},
{
id: "t4",
name: "Emily C.",
imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
},
{
id: "t5",
name: "Michael L.",
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-closed-eyes-relaxing-making-meditation-gesture-with-fingers_141793-28697.jpg",
},
{ id: "t1", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-hands-sofa-home_23-2147744902.jpg" },
{ id: "t2", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/couple-embracing-cooking_23-2147766933.jpg" },
{ id: "t3", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/household-problem-woman-pointing-broken-tap-with-jet-water-man-with-suitcase-tools_259150-58295.jpg" },
{ id: "t4", name: "Emily C.", imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg" },
{ id: "t5", name: "Michael L.", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-closed-eyes-relaxing-making-meditation-gesture-with-fingers_141793-28697.jpg" },
]}
cardTitle="Customer Reviews"
cardTag="Verified Feedback"
@@ -273,21 +128,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do you offer emergency services?",
content: "Yes, we are available 24/7 for plumbing emergencies.",
},
{
id: "q2",
title: "What areas do you serve?",
content: "We proudly serve the entire metro area and surrounding suburbs.",
},
{
id: "q3",
title: "Are your plumbers certified?",
content: "All our technicians are fully licensed, insured, and certified.",
},
{ id: "q1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for plumbing emergencies." },
{ id: "q2", title: "What areas do you serve?", content: "We proudly serve the entire metro area and surrounding suburbs." },
{ id: "q3", title: "Are your plumbers certified?", content: "All our technicians are fully licensed, insured, and certified." },
]}
title="Frequently Asked Questions"
description="Common answers to your water and plumbing questions."
@@ -298,74 +141,27 @@ export default function LandingPage() {
<div id="emergency" data-section="emergency">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Have a plumbing emergency? Our expert team is available 24/7. Call (555) 123-4567 for immediate assistance."
buttons={[
{
text: "Emergency Call Now",
href: "tel:5551234567",
},
]}
buttons={[{ text: "Emergency Call Now", href: "tel:5551234567" }]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Ready to get started? Request your free estimate today."
buttons={[
{
text: "Get Free Estimate",
href: "#",
},
]}
buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Services",
href: "#features",
},
],
},
{
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }] },
{ items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="Avery's Plumbing"
/>
@@ -373,4 +169,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

45
src/app/service-areas/page.tsx Normal file
View File

@@ -0,0 +1,45 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { MapPin } from "lucide-react";
export default function ServiceAreasPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Service Areas", id: "/service-areas" },
{ name: "About", id: "/#about" },
{ name: "Contact", id: "/#contact" },
]}
brandName="Avery's Plumbing"
/>
<div className="pt-32 pb-20 px-8 text-center">
<h1 className="text-4xl font-extrabold mb-6">Our Service Coverage</h1>
<p className="max-w-2xl mx-auto mb-12 text-lg opacity-80">We proudly serve the metro area and surrounding suburbs, ensuring local, fast assistance whenever you need it.</p>
<div className="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
{["Downtown Metro", "North Suburbs", "West County", "East Hills", "South Shores", "Lake View"].map((area) => (
<div key={area} className="p-8 border rounded-2xl flex flex-col items-center gap-4">
<MapPin className="w-12 h-12 text-primary-cta" />
<h3 className="text-xl font-bold">{area}</h3>
</div>
))}
</div>
</div>
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
{ items: [{ label: "Service Areas", href: "/service-areas" }, { label: "Contact", href: "/#contact" }] },
]}
logoText="Avery's Plumbing"
/>
</ReactLenis>
</ThemeProvider>
);
}

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

@@ -0,0 +1,51 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Wrench, Zap, Droplets, AlertTriangle, Trash2 } from "lucide-react";
export default function ServicesPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Service Areas", id: "/service-areas" },
{ name: "About", id: "/#about" },
{ name: "Contact", id: "/#contact" },
]}
brandName="Avery's Plumbing"
/>
<div className="pt-32">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Detailed Service Offerings"
description="Explore our comprehensive range of specialized plumbing and water treatment services."
features={[
{ icon: Wrench, title: "Residential Plumbing", description: "Full-service residential repairs, pipe work, and fixture installs." },
{ icon: Zap, title: "Tankless Water Heating", description: "High-efficiency systems designed to save space and energy." },
{ icon: Droplets, title: "Whole-Home Filtration", description: "Remove contaminants and improve water taste for your family." },
{ icon: AlertTriangle, title: "24/7 Emergency Repairs", description: "Rapid response for leaks, bursts, and urgent plumbing crises." },
{ icon: Trash2, title: "Drain & Sewer Cleaning", description: "High-pressure jetting and camera inspections for clear pipes." },
{ icon: Droplets, title: "Professional Water Testing", description: "In-depth analysis to ensure your water quality is safe and clean." },
]}
/>
</div>
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
{ items: [{ label: "Service Areas", href: "/service-areas" }, { label: "Contact", href: "/#contact" }] },
]}
logoText="Avery's Plumbing"
/>
</ReactLenis>
</ThemeProvider>
);
}

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

@@ -10,9 +10,9 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f0f7ff;
--foreground: #001e3c;
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #ffffff;