Merge version_2 into main #6
117
src/app/page.tsx
117
src/app/page.tsx
@@ -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"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user