Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cfcb759e34 | |||
| 8560268ca0 | |||
| d1d319880a | |||
| 479b68c986 | |||
| 658e64efe3 | |||
| 8f513ae819 | |||
| dd58732028 | |||
| 79c4f8be30 | |||
| 5347be6c1e | |||
| 1a9b11f913 | |||
| 5a309cb8f6 | |||
| 34548fb6e1 |
@@ -20,17 +20,14 @@ export default function AboutPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Water Heater Repair", href: "/services" },
|
||||
{ label: "Drain Cleaning", href: "/services" },
|
||||
{ label: "Garbage Disposal", href: "/services" },
|
||||
{ label: "Leak Detection", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
@@ -38,8 +35,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
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" },
|
||||
@@ -47,8 +43,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "License & Insurance", href: "#" },
|
||||
@@ -71,13 +66,7 @@ export default function AboutPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Why Us", id: "/why-us" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "About", id: "/about" },
|
||||
]}
|
||||
navItems={navItems}
|
||||
brandName="Top Notch Plumbing"
|
||||
bottomLeftText="Available 24/7"
|
||||
bottomRightText="(555) 123-4567"
|
||||
@@ -106,29 +95,11 @@ export default function AboutPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Experienced Technicians",
|
||||
description: "Our team brings decades of combined plumbing expertise to every job, ensuring quality workmanship and reliable solutions.",
|
||||
tag: "Expertise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-professional-team-posing-camera_74855-2852.jpg?_wi=3",
|
||||
imageAlt: "professional plumbing team",
|
||||
},
|
||||
id: "1", title: "Experienced Technicians", description: "Our team brings decades of combined plumbing expertise to every job, ensuring quality workmanship and reliable solutions.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-professional-team-posing-camera_74855-2852.jpg?_wi=3", imageAlt: "professional plumbing team"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional Service",
|
||||
description: "From start to finish, we maintain the highest standards of professionalism, cleanliness, and attention to detail in every project.",
|
||||
tag: "Quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg?_wi=5",
|
||||
imageAlt: "emergency plumbing service",
|
||||
},
|
||||
id: "2", title: "Professional Service", description: "From start to finish, we maintain the highest standards of professionalism, cleanliness, and attention to detail in every project.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg?_wi=5", imageAlt: "emergency plumbing service"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Honest Recommendations",
|
||||
description: "We provide transparent advice about your plumbing needs without unnecessary upsells or pressure to upgrade.",
|
||||
tag: "Integrity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg?_wi=4",
|
||||
imageAlt: "professional plumber fixing sink",
|
||||
},
|
||||
id: "3", title: "Honest Recommendations", description: "We provide transparent advice about your plumbing needs without unnecessary upsells or pressure to upgrade.", tag: "Integrity", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg?_wi=4", imageAlt: "professional plumber fixing sink"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,53 +113,17 @@ export default function AboutPage() {
|
||||
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=2",
|
||||
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?_wi=2", 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=2",
|
||||
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?_wi=2", 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=2",
|
||||
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?_wi=2", 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=2",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
id: "4", name: "Michael Thompson", role: "Homeowner", testimonial: "Professional from start to finish. They installed our fixtures perfectly. Great communication throughout the process.", imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-crossed-eyes_1187-3266.jpg?_wi=2", 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=2",
|
||||
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?_wi=2", 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=2",
|
||||
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?_wi=2", imageAlt: "professional portrait background"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -202,4 +137,4 @@ export default function AboutPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,17 +10,14 @@ import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
export default function ContactPage() {
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Water Heater Repair", href: "/services" },
|
||||
{ label: "Drain Cleaning", href: "/services" },
|
||||
{ label: "Garbage Disposal", href: "/services" },
|
||||
{ label: "Leak Detection", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
@@ -28,8 +25,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
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" },
|
||||
@@ -37,8 +33,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "License & Insurance", href: "#" },
|
||||
@@ -102,34 +97,20 @@ export default function ContactPage() {
|
||||
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"
|
||||
@@ -146,4 +127,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
127
src/app/page.tsx
127
src/app/page.tsx
@@ -5,20 +5,13 @@ 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";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import {
|
||||
Wrench,
|
||||
CheckCircle,
|
||||
Zap,
|
||||
Shield,
|
||||
Clock,
|
||||
Droplet,
|
||||
Send,
|
||||
} from "lucide-react";
|
||||
import { Wrench, CheckCircle, Zap, Shield, Clock, Droplet } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
@@ -34,7 +27,6 @@ export default function HomePage() {
|
||||
title: "Services", items: [
|
||||
{ label: "Water Heater Repair", href: "#services" },
|
||||
{ label: "Drain Cleaning", href: "#services" },
|
||||
{ label: "Garbage Disposal", href: "#services" },
|
||||
{ label: "Leak Detection", href: "#services" },
|
||||
],
|
||||
},
|
||||
@@ -100,37 +92,19 @@ export default function HomePage() {
|
||||
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: [
|
||||
{ icon: Zap, active: true },
|
||||
{ icon: Shield },
|
||||
{ icon: Clock },
|
||||
],
|
||||
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 }],
|
||||
buttons: [
|
||||
{ text: "Call Now", href: "tel:5551234567" },
|
||||
{ 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"},
|
||||
],
|
||||
chartTitle: "Service Calls This Month", chartData: [
|
||||
{ value: 85 },
|
||||
{ value: 92 },
|
||||
{ value: 88 },
|
||||
{ value: 95 },
|
||||
{ value: 89 },
|
||||
{ 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: [{ value: 85 }, { value: 92 }, { value: 88 }, { value: 95 }, { value: 89 }],
|
||||
listTitle: "Recent Services", listItems: [
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "Water Heater Repair", status: "Completed"},
|
||||
{ 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 +112,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 +137,8 @@ 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: "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 +152,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 +166,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 +180,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 +208,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"
|
||||
/>
|
||||
@@ -282,4 +229,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,17 +19,14 @@ export default function ServicesPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Water Heater Repair", href: "#services" },
|
||||
{ label: "Drain Cleaning", href: "#services" },
|
||||
{ label: "Garbage Disposal", href: "#services" },
|
||||
{ label: "Leak Detection", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Team", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
@@ -37,8 +34,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
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" },
|
||||
@@ -46,8 +42,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "License & Insurance", href: "#" },
|
||||
@@ -89,47 +84,15 @@ export default function ServicesPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Water Heater Repair & Installation",
|
||||
price: "From $150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-filter-is-kitchen_185193-165422.jpg?_wi=3",
|
||||
imageAlt: "water heater installation repair",
|
||||
},
|
||||
id: "1", name: "Water Heater Repair & Installation", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/water-filter-is-kitchen_185193-165422.jpg?_wi=3", 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=2",
|
||||
imageAlt: "garbage disposal installation",
|
||||
},
|
||||
id: "3", name: "Professional Drain Cleaning", price: "From $120", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg?_wi=2", imageAlt: "professional drain cleaning service"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Professional Drain Cleaning",
|
||||
price: "From $120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg?_wi=2",
|
||||
imageAlt: "professional drain cleaning service",
|
||||
},
|
||||
id: "4", name: "Toilet Repairs & Replacement", price: "From $100", imageSrc: "http://img.b2bpic.net/free-photo/traffic-inside-sign-aviation-panel_1232-3817.jpg?_wi=2", imageAlt: "toilet repair installation"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Toilet Repairs & Replacement",
|
||||
price: "From $100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-inside-sign-aviation-panel_1232-3817.jpg?_wi=2",
|
||||
imageAlt: "toilet repair installation",
|
||||
},
|
||||
id: "5", name: "Advanced Leak Detection", price: "From $180", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg?_wi=2", imageAlt: "leak detection plumbing service"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Advanced Leak Detection",
|
||||
price: "From $180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg?_wi=2",
|
||||
imageAlt: "leak detection plumbing service",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pipe Repairs & Replacement",
|
||||
price: "From $175",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg?_wi=2",
|
||||
imageAlt: "pipe repair plumbing",
|
||||
},
|
||||
id: "6", name: "Pipe Repairs & Replacement", price: "From $175", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg?_wi=2", imageAlt: "pipe repair plumbing"},
|
||||
]}
|
||||
buttons={[{ text: "Request Service", href: "#contact-services" }]}
|
||||
/>
|
||||
@@ -144,29 +107,11 @@ export default function ServicesPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Licensed & Insured",
|
||||
description: "All our technicians are fully licensed and our work is backed by comprehensive insurance coverage.",
|
||||
tag: "Protected",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-professional-team-posing-camera_74855-2852.jpg?_wi=2",
|
||||
imageAlt: "professional plumbing team",
|
||||
},
|
||||
id: "1", title: "Licensed & Insured", description: "All our technicians are fully licensed and our work is backed by comprehensive insurance coverage.", tag: "Protected", imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-professional-team-posing-camera_74855-2852.jpg?_wi=2", imageAlt: "professional plumbing team"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Quality Guarantee",
|
||||
description: "We stand behind every repair and installation with our satisfaction guarantee and follow-up support.",
|
||||
tag: "Warranty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg?_wi=3",
|
||||
imageAlt: "professional plumber fixing sink",
|
||||
},
|
||||
id: "2", title: "Quality Guarantee", description: "We stand behind every repair and installation with our satisfaction guarantee and follow-up support.", tag: "Warranty", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg?_wi=3", imageAlt: "professional plumber fixing sink"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees or surprise charges. We provide upfront estimates and detailed explanations of all work needed.",
|
||||
tag: "Honest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg?_wi=3",
|
||||
imageAlt: "emergency plumbing service",
|
||||
},
|
||||
id: "3", title: "Transparent Pricing", description: "No hidden fees or surprise charges. We provide upfront estimates and detailed explanations of all work needed.", tag: "Honest", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg?_wi=3", imageAlt: "emergency plumbing service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -182,34 +127,20 @@ export default function ServicesPage() {
|
||||
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 Type",
|
||||
required: true,
|
||||
name: "service", type: "text", placeholder: "Service Type", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "details",
|
||||
placeholder: "Describe your plumbing issue in detail...",
|
||||
rows: 4,
|
||||
name: "details", placeholder: "Describe your plumbing issue in detail...", rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
buttonText="Get Service Quote"
|
||||
@@ -225,4 +156,4 @@ export default function ServicesPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user