bender/1ea13cd3-211a-4ca8-ba57-eff6343ce401
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-07 19:11:58 +00:00
Conversation 0 Commits 1 Files Changed 1 +43 -182
1 changed files with 43 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

225
src/app/page.tsx
View File

@@ -17,7 +17,6 @@ import {
Shield,
Clock,
Droplet,
Pipe,
Send,
} from "lucide-react";
@@ -32,8 +31,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Water Heater Repair", href: "#services" },
{ label: "Drain Cleaning", href: "#services" },
{ label: "Garbage Disposal", href: "#services" },
@@ -41,8 +39,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Team", href: "#about" },
{ label: "Contact", href: "#contact" },
@@ -50,8 +47,7 @@ export default function HomePage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Call: (555) 123-4567", href: "tel:5551234567" },
{ label: "Email: info@topnotchplumbing.com", href: "mailto:info@topnotchplumbing.com" },
{ label: "24/7 Emergency Service", href: "#contact" },
@@ -59,8 +55,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "License & Insurance", href: "#" },
@@ -104,11 +99,8 @@ export default function HomePage() {
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
dashboard={{
title: "Why Choose Top Notch",
logoIcon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg?_wi=1",
searchPlaceholder: "Search services...",
sidebarItems: [
title: "Why Choose Top Notch", logoIcon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg", searchPlaceholder: "Search services...", sidebarItems: [
{ icon: Zap, active: true },
{ icon: Shield },
{ icon: Clock },
@@ -119,39 +111,27 @@ export default function HomePage() {
],
stats: [
{
title: "Response Time",
values: [30, 45, 60],
valueSuffix: "min",
description: "Average arrival time",
},
title: "Response Time", values: [30, 45, 60],
valueSuffix: "min", description: "Average arrival time"},
{
title: "Customer Satisfaction",
values: [97, 98, 99],
valueSuffix: "%",
description: "Satisfaction guarantee",
},
title: "Customer Satisfaction", values: [97, 98, 99],
valueSuffix: "%", description: "Satisfaction guarantee"},
{
title: "Years Experience",
values: [15, 18, 20],
description: "In business",
},
title: "Years Experience", values: [15, 18, 20],
description: "In business"},
],
chartTitle: "Service Calls This Month",
chartData: [
chartTitle: "Service Calls This Month", chartData: [
{ value: 85 },
{ value: 92 },
{ value: 88 },
{ value: 95 },
{ value: 89 },
],
listTitle: "Recent Services",
listItems: [
listTitle: "Recent Services", listItems: [
{
icon: Droplet,
title: "Water Heater Repair",
status: "Completed",
},
{ icon: Pipe, title: "Leak Detection", status: "In Progress" },
title: "Water Heater Repair", status: "Completed"},
{ icon: Droplet, title: "Leak Detection", status: "In Progress" },
{ icon: Zap, title: "Drain Cleaning", status: "Scheduled" },
],
}}
@@ -170,47 +150,17 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1",
name: "Water Heater Repair",
price: "From $150",
imageSrc: "http://img.b2bpic.net/free-photo/water-filter-is-kitchen_185193-165422.jpg?_wi=1",
imageAlt: "water heater installation repair",
},
id: "1", name: "Water Heater Repair", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/water-filter-is-kitchen_185193-165422.jpg", imageAlt: "water heater installation repair"},
{
id: "2",
name: "Garbage Disposal Installation",
price: "From $200",
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg?_wi=1",
imageAlt: "garbage disposal installation",
},
id: "2", name: "Garbage Disposal Installation", price: "From $200", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-planting-sprouts-garden_23-2147714879.jpg", imageAlt: "garbage disposal installation"},
{
id: "3",
name: "Drain Cleaning",
price: "From $120",
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg?_wi=1",
imageAlt: "professional drain cleaning service",
},
id: "3", name: "Drain Cleaning", price: "From $120", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg", imageAlt: "professional drain cleaning service"},
{
id: "4",
name: "Toilet Repairs",
price: "From $100",
imageSrc: "http://img.b2bpic.net/free-photo/traffic-inside-sign-aviation-panel_1232-3817.jpg?_wi=1",
imageAlt: "toilet repair installation",
},
id: "4", name: "Toilet Repairs", price: "From $100", imageSrc: "http://img.b2bpic.net/free-photo/traffic-inside-sign-aviation-panel_1232-3817.jpg", imageAlt: "toilet repair installation"},
{
id: "5",
name: "Leak Detection",
price: "From $180",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg?_wi=1",
imageAlt: "leak detection plumbing service",
},
id: "5", name: "Leak Detection", price: "From $180", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg", imageAlt: "leak detection plumbing service"},
{
id: "6",
name: "Pipe Repairs",
price: "From $175",
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg?_wi=1",
imageAlt: "pipe repair plumbing",
},
id: "6", name: "Pipe Repairs", price: "From $175", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg", imageAlt: "pipe repair plumbing"},
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
/>
@@ -225,37 +175,13 @@ export default function HomePage() {
animationType="slide-up"
features={[
{
id: "1",
title: "Experienced Technicians",
description: "Our team brings decades of combined plumbing expertise to every job, ensuring quality workmanship.",
tag: "Expertise",
imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-professional-team-posing-camera_74855-2852.jpg?_wi=1",
imageAlt: "professional plumbing team",
},
id: "1", title: "Experienced Technicians", description: "Our team brings decades of combined plumbing expertise to every job, ensuring quality workmanship.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-professional-team-posing-camera_74855-2852.jpg", imageAlt: "professional plumbing team"},
{
id: "2",
title: "Fast Problem Diagnosis",
description: "We quickly identify the root cause of your plumbing issues and provide effective solutions.",
tag: "Speed",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg?_wi=2",
imageAlt: "professional plumber fixing sink",
},
id: "2", title: "Fast Problem Diagnosis", description: "We quickly identify the root cause of your plumbing issues and provide effective solutions.", tag: "Speed", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg", imageAlt: "professional plumber fixing sink"},
{
id: "3",
title: "Professional Service",
description: "From start to finish, we maintain the highest standards of professionalism and cleanliness.",
tag: "Quality",
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg?_wi=1",
imageAlt: "emergency plumbing service",
},
id: "3", title: "Professional Service", description: "From start to finish, we maintain the highest standards of professionalism and cleanliness.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg", imageAlt: "emergency plumbing service"},
{
id: "4",
title: "Honest Recommendations",
description: "We provide transparent advice about your plumbing needs without unnecessary upsells.",
tag: "Integrity",
imageSrc: "http://img.b2bpic.net/free-photo/water-filter-is-kitchen_185193-165422.jpg?_wi=2",
imageAlt: "water heater installation repair",
},
id: "4", title: "Honest Recommendations", description: "We provide transparent advice about your plumbing needs without unnecessary upsells.", tag: "Integrity", imageSrc: "http://img.b2bpic.net/free-photo/water-filter-is-kitchen_185193-165422.jpg", imageAlt: "water heater installation repair"},
]}
/>
</div>
@@ -269,53 +195,17 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Sarah Mitchell",
role: "Homeowner",
testimonial: "Our technician diagnosed the problem quickly and fixed our water heater the same day. Very professional service and they cleaned everything up after the repair.",
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167446.jpg?_wi=1",
imageAlt: "professional headshot person",
},
id: "1", name: "Sarah Mitchell", role: "Homeowner", testimonial: "Our technician diagnosed the problem quickly and fixed our water heater the same day. Very professional service and they cleaned everything up after the repair.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167446.jpg", imageAlt: "professional headshot person"},
{
id: "2",
name: "John Rodriguez",
role: "Property Manager",
testimonial: "Top Notch Plumbing solved our drain issues quickly and explained everything clearly. We've used them for multiple properties and they're always reliable.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=1",
imageAlt: "professional headshot portrait",
},
id: "2", name: "John Rodriguez", role: "Property Manager", testimonial: "Top Notch Plumbing solved our drain issues quickly and explained everything clearly. We've used them for multiple properties and they're always reliable.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg", imageAlt: "professional headshot portrait"},
{
id: "3",
name: "Emily Chen",
role: "Homeowner",
testimonial: "Fast response, skilled technicians, and honest work. They detected a hidden leak that could have caused major damage. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg?_wi=1",
imageAlt: "professional portrait headshot",
},
id: "3", name: "Emily Chen", role: "Homeowner", testimonial: "Fast response, skilled technicians, and honest work. They detected a hidden leak that could have caused major damage. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg", imageAlt: "professional portrait headshot"},
{
id: "4",
name: "Michael Thompson",
role: "Homeowner",
testimonial: "Professional from start to finish. They installed our garbage disposal and new fixtures perfectly. Great communication throughout the process.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-crossed-eyes_1187-3266.jpg?_wi=1",
imageAlt: "professional business portrait",
},
id: "4", name: "Michael Thompson", role: "Homeowner", testimonial: "Professional from start to finish. They installed our garbage disposal and new fixtures perfectly. Great communication throughout the process.", imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-crossed-eyes_1187-3266.jpg", imageAlt: "professional business portrait"},
{
id: "5",
name: "Jessica Parker",
role: "Real Estate Agent",
testimonial: "I recommend Top Notch to all my clients. They're dependable, fair-priced, and do excellent work. Never had a complaint.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-posing-dark-sweater-standing-near-lamps_114579-81908.jpg?_wi=1",
imageAlt: "professional headshot smiling",
},
id: "5", name: "Jessica Parker", role: "Real Estate Agent", testimonial: "I recommend Top Notch to all my clients. They're dependable, fair-priced, and do excellent work. Never had a complaint.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-posing-dark-sweater-standing-near-lamps_114579-81908.jpg", imageAlt: "professional headshot smiling"},
{
id: "6",
name: "David Martinez",
role: "Homeowner",
testimonial: "Called them for an emergency at midnight. They arrived quickly, fixed the burst pipe, and saved us from serious water damage. True professionals.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg?_wi=1",
imageAlt: "professional portrait background",
},
id: "6", name: "David Martinez", role: "Homeowner", testimonial: "Called them for an emergency at midnight. They arrived quickly, fixed the burst pipe, and saved us from serious water damage. True professionals.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", imageAlt: "professional portrait background"},
]}
/>
</div>
@@ -324,33 +214,18 @@ export default function HomePage() {
<MetricCardTen
title="Our Service Process"
description="Simple, straightforward steps to solving your plumbing problems."
textboxLayout="centered"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{
id: "1",
title: "Call or Request Service",
subtitle: "Contact us via phone or online form",
category: "Step 1",
value: "Anytime",
buttons: [{ text: "Schedule Now", href: "#contact" }],
id: "1", title: "Call or Request Service", subtitle: "Contact us via phone or online form", category: "Step 1", value: "Anytime", buttons: [{ text: "Schedule Now", href: "#contact" }],
},
{
id: "2",
title: "Technician Arrives & Diagnoses",
subtitle: "Expert evaluation of your plumbing issue",
category: "Step 2",
value: "30-60 min",
buttons: [{ text: "Learn More", href: "#services" }],
id: "2", title: "Technician Arrives & Diagnoses", subtitle: "Expert evaluation of your plumbing issue", category: "Step 2", value: "30-60 min", buttons: [{ text: "Learn More", href: "#services" }],
},
{
id: "3",
title: "Professional Solution",
subtitle: "Quick, quality repair or installation",
category: "Step 3",
value: "Same Day",
buttons: [{ text: "Call Now", href: "tel:5551234567" }],
id: "3", title: "Professional Solution", subtitle: "Quick, quality repair or installation", category: "Step 3", value: "Same Day", buttons: [{ text: "Call Now", href: "tel:5551234567" }],
},
]}
/>
@@ -367,45 +242,31 @@ export default function HomePage() {
/>
</div>
<div id="contact" data-section="contact">
<div id="final-cta" data-section="final-cta">
<ContactSplitForm
title="Need Plumbing Help Today?"
description="Contact Top Notch Plumbing for fast, professional service. Fill out the form below or call us directly."
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg"
imageAlt="emergency plumbing service"
mediaAnimation="slide-up"
mediaPosition="right"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{
name: "service",
type: "text",
placeholder: "Service Needed",
required: true,
name: "service", type: "text", placeholder: "Service Needed", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Describe your plumbing issue...",
rows: 4,
name: "message", placeholder: "Describe your plumbing issue...", rows: 4,
required: false,
}}
buttonText="Request Service"