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

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

6 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
dd58732028 Update src/app/page.tsx 2026-04-02 01:14:46 +00:00
bender
79c4f8be30 Merge version_1 into main 
Merge version_1 into main
 2026-04-02 01:13:51 +00:00
bender
5347be6c1e Merge version_1 into main 
Merge version_1 into main
 2026-04-02 01:13:39 +00:00
bender
1a9b11f913 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 19:12:58 +00:00
bender
5a309cb8f6 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 19:11:58 +00:00
bender
34548fb6e1 Merge version_1 into main 
Merge version_1 into main
 2026-03-07 19:10:35 +00:00
1 changed files with 41 additions and 76 deletions
Expand all files Collapse all files

117
src/app/page.tsx
View File

@@ -5,6 +5,7 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
@@ -17,7 +18,6 @@ import {
Shield,
Clock,
Droplet,
Send,
} from "lucide-react";
export default function HomePage() {
@@ -31,7 +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" },
@@ -39,7 +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" },
@@ -47,7 +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" },
@@ -55,7 +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: "#" },
@@ -99,8 +99,7 @@ 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?_wi=1", searchPlaceholder: "Search services...", sidebarItems: [
{ icon: Zap, active: true },
{ icon: Shield },
{ icon: Clock },
@@ -110,27 +109,19 @@ export default function HomePage() {
{ text: "Schedule", href: "#contact" },
],
stats: [
{
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: "Years Experience", values: [15, 18, 20],
description: "In business"},
{ 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: "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: [
{
icon: Droplet,
title: "Water Heater Repair", status: "Completed"},
listTitle: "Recent Services", listItems: [
{ icon: Droplet, title: "Water Heater Repair", status: "Completed" },
{ icon: Droplet, title: "Leak Detection", status: "In Progress" },
{ icon: Zap, title: "Drain Cleaning", status: "Scheduled" },
],
@@ -138,6 +129,20 @@ export default function HomePage() {
/>
</div>
<div id="feature-cards" data-section="feature-cards">
<FeatureCardSix
title="Key Plumbing Features"
description="Our core plumbing strengths that ensure reliable, professional results for every customer."
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: 1, title: "24/7 Availability", description: "We are ready to help with your plumbing emergencies at any time of day or night.", imageSrc: "http://img.b2bpic.net/free-photo/emergency-plumbing-service.jpg?_wi=1" },
{ id: 2, title: "Expert Technicians", description: "Highly trained, licensed professionals committed to quality and safety.", imageSrc: "http://img.b2bpic.net/free-photo/professional-plumber.jpg?_wi=1" },
{ id: 3, title: "Honest Pricing", description: "Transparent quotes with no hidden fees, providing peace of mind from the start.", imageSrc: "http://img.b2bpic.net/free-photo/transparent-pricing.jpg?_wi=1" },
]}
/>
</div>
<div id="services" data-section="services">
<ProductCardOne
title="Our Services"
@@ -149,18 +154,9 @@ export default function HomePage() {
animationType="slide-up"
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: "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", 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", 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", 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", imageAlt: "pipe repair plumbing"},
{ 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: "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", imageAlt: "professional drain cleaning service" },
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
/>
@@ -174,14 +170,8 @@ export default function HomePage() {
useInvertedBackground={false}
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", 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: "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: "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: "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" },
]}
/>
</div>
@@ -194,18 +184,8 @@ export default function HomePage() {
useInvertedBackground={false}
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", 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", 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", 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", 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", 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", imageAlt: "professional portrait background"},
{ id: "1", name: "Sarah Mitchell", role: "Homeowner", testimonial: "Our technician diagnosed the problem quickly and fixed our water heater the same day.", 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.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg", imageAlt: "professional headshot portrait" },
]}
/>
</div>
@@ -218,15 +198,9 @@ export default function HomePage() {
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: "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: "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: "3", title: "Professional Solution", subtitle: "Quick, quality repair or installation", category: "Step 3", value: "Same Day", buttons: [{ text: "Call Now", href: "tel:5551234567" }] },
]}
/>
</div>
@@ -252,22 +226,13 @@ export default function HomePage() {
mediaAnimation="slide-up"
mediaPosition="right"
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{
name: "service", type: "text", placeholder: "Service Needed", required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "service", type: "text", placeholder: "Service Needed", required: true },
]}
textarea={{
name: "message", placeholder: "Describe your plumbing issue...", rows: 4,
required: false,
name: "message", placeholder: "Describe your plumbing issue...", rows: 4, required: false,
}}
buttonText="Request Service"
/>