Merge version_1 into main #1
271
src/app/page.tsx
271
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, ShieldCheck, Star, Tool, Users, Wallet, Zap } from "lucide-react";
|
||||
import { Award, ShieldCheck, Star, Users, Wallet, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,54 +33,35 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Choose Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Choose Us", id: "why-us"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "About Us", id: "about"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQs", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Precision Plumbers"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+15551234567"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
logoText="Precision Plumbers"
|
||||
description="24/7 emergency plumbing, leak repairs, drain cleaning, water heater installations, and complete residential & commercial plumbing services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Now", href: "tel:+15551234567"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/isolated-man-shoes_1304-3784.jpg"
|
||||
imageAlt="Professional plumber working in a luxury home"
|
||||
@@ -96,61 +77,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "emergency",
|
||||
name: "Emergency Plumbing",
|
||||
price: "24/7 Rapid Response",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-red-metal-ground_181624-21818.jpg",
|
||||
imageAlt: "emergency plumbing icon red alert",
|
||||
},
|
||||
id: "emergency", name: "Emergency Plumbing", price: "24/7 Rapid Response", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-red-metal-ground_181624-21818.jpg", imageAlt: "emergency plumbing icon red alert"},
|
||||
{
|
||||
id: "leak-detection",
|
||||
name: "Leak Detection & Repair",
|
||||
price: "Advanced Diagnostics",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/plumbing-icons-set_1284-9889.jpg",
|
||||
imageAlt: "leak detection icon water drop",
|
||||
},
|
||||
id: "leak-detection", name: "Leak Detection & Repair", price: "Advanced Diagnostics", imageSrc: "http://img.b2bpic.net/free-vector/plumbing-icons-set_1284-9889.jpg", imageAlt: "leak detection icon water drop"},
|
||||
{
|
||||
id: "drain-cleaning",
|
||||
name: "Drain Cleaning",
|
||||
price: "Clear & Efficient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-holding-basin-cleaning-brush-looking-confused-displeased-standing-green-wall_141793-60672.jpg",
|
||||
imageAlt: "drain cleaning icon clogged pipe",
|
||||
},
|
||||
id: "drain-cleaning", name: "Drain Cleaning", price: "Clear & Efficient", imageSrc: "http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-holding-basin-cleaning-brush-looking-confused-displeased-standing-green-wall_141793-60672.jpg", imageAlt: "drain cleaning icon clogged pipe"},
|
||||
{
|
||||
id: "water-heater",
|
||||
name: "Water Heater Installation",
|
||||
price: "Expert Setup",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg",
|
||||
imageAlt: "water heater installation icon flame",
|
||||
},
|
||||
id: "water-heater", name: "Water Heater Installation", price: "Expert Setup", imageSrc: "http://img.b2bpic.net/free-photo/digital-modern-thermostat-home_53876-146254.jpg", imageAlt: "water heater installation icon flame"},
|
||||
{
|
||||
id: "pipe-repair",
|
||||
name: "Pipe Repair & Replacement",
|
||||
price: "Durable Solutions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg",
|
||||
imageAlt: "pipe repair icon wrench fix",
|
||||
},
|
||||
id: "pipe-repair", name: "Pipe Repair & Replacement", price: "Durable Solutions", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg", imageAlt: "pipe repair icon wrench fix"},
|
||||
{
|
||||
id: "bathroom-kitchen",
|
||||
name: "Bathroom & Kitchen Plumbing",
|
||||
price: "Fixture Experts",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg",
|
||||
imageAlt: "bathroom kitchen plumbing icon faucet",
|
||||
},
|
||||
id: "bathroom-kitchen", name: "Bathroom & Kitchen Plumbing", price: "Fixture Experts", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg", imageAlt: "bathroom kitchen plumbing icon faucet"},
|
||||
{
|
||||
id: "commercial-plumbing",
|
||||
name: "Commercial Plumbing",
|
||||
price: "Business Solutions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333324.jpg",
|
||||
imageAlt: "commercial plumbing building icon",
|
||||
},
|
||||
id: "commercial-plumbing", name: "Commercial Plumbing", price: "Business Solutions", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333324.jpg", imageAlt: "commercial plumbing building icon"},
|
||||
{
|
||||
id: "sewer-line",
|
||||
name: "Sewer Line Services",
|
||||
price: "Comprehensive Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-broken-pipe_23-2148292829.jpg",
|
||||
imageAlt: "sewer line services pipe diagram",
|
||||
},
|
||||
id: "sewer-line", name: "Sewer Line Services", price: "Comprehensive Care", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-broken-pipe_23-2148292829.jpg", imageAlt: "sewer line services pipe diagram"},
|
||||
]}
|
||||
title="Comprehensive Plumbing Solutions"
|
||||
description="From routine maintenance to urgent repairs, our certified experts deliver unmatched quality and peace of mind."
|
||||
@@ -165,34 +106,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Award,
|
||||
title: "Certified Professionals",
|
||||
description: "Our team comprises highly skilled, licensed, and insured plumbers dedicated to the highest standards of workmanship.",
|
||||
},
|
||||
title: "Certified Professionals", description: "Our team comprises highly skilled, licensed, and insured plumbers dedicated to the highest standards of workmanship."},
|
||||
{
|
||||
icon: Wallet,
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees. We provide clear, upfront estimates so you know exactly what to expect before any work begins.",
|
||||
},
|
||||
title: "Transparent Pricing", description: "No hidden fees. We provide clear, upfront estimates so you know exactly what to expect before any work begins."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Fast Response Times",
|
||||
description: "Plumbing emergencies can't wait. We offer rapid response to address your urgent needs quickly and efficiently.",
|
||||
},
|
||||
title: "Fast Response Times", description: "Plumbing emergencies can't wait. We offer rapid response to address your urgent needs quickly and efficiently."},
|
||||
{
|
||||
icon: Tool,
|
||||
title: "Advanced Equipment",
|
||||
description: "Leveraging state-of-the-art tools and technology for accurate diagnostics and efficient, long-lasting repairs.",
|
||||
},
|
||||
icon: Wrench,
|
||||
title: "Advanced Equipment", description: "Leveraging state-of-the-art tools and technology for accurate diagnostics and efficient, long-lasting repairs."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Guaranteed Workmanship",
|
||||
description: "We stand behind our work with a solid guarantee, ensuring your complete satisfaction and lasting results.",
|
||||
},
|
||||
title: "Guaranteed Workmanship", description: "We stand behind our work with a solid guarantee, ensuring your complete satisfaction and lasting results."},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Hundreds of Satisfied Customers",
|
||||
description: "Join our growing family of happy clients who trust us for reliable, premium plumbing services.",
|
||||
},
|
||||
title: "Hundreds of Satisfied Customers", description: "Join our growing family of happy clients who trust us for reliable, premium plumbing services."},
|
||||
]}
|
||||
title="Why Choose Precision Plumbers?"
|
||||
description="Experience the difference of dedicated craftsmanship and customer-first service that prioritizes your home's comfort and safety."
|
||||
@@ -220,37 +149,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "projects",
|
||||
value: "5,000+",
|
||||
title: "Projects Completed",
|
||||
description: "Successfully tackling diverse plumbing challenges with expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-site_53876-23129.jpg",
|
||||
imageAlt: "5000 projects completed icon success",
|
||||
},
|
||||
id: "projects", value: "5,000+", title: "Projects Completed", description: "Successfully tackling diverse plumbing challenges with expertise.", imageSrc: "http://img.b2bpic.net/free-photo/construction-site_53876-23129.jpg", imageAlt: "5000 projects completed icon success"},
|
||||
{
|
||||
id: "customers",
|
||||
value: "2,500+",
|
||||
title: "Happy Customers",
|
||||
description: "Building lasting relationships through exceptional service and trust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-office-worker-white-shirt-black-skirt-holding-yellow-sign-light-green-wall_140725-58850.jpg",
|
||||
imageAlt: "2500 happy customers icon smile",
|
||||
},
|
||||
id: "customers", value: "2,500+", title: "Happy Customers", description: "Building lasting relationships through exceptional service and trust.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-office-worker-white-shirt-black-skirt-holding-yellow-sign-light-green-wall_140725-58850.jpg", imageAlt: "2500 happy customers icon smile"},
|
||||
{
|
||||
id: "experience",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "A seasoned team bringing unparalleled knowledge to every job.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163679.jpg",
|
||||
imageAlt: "15 years experience icon calendar",
|
||||
},
|
||||
id: "experience", value: "15+", title: "Years Experience", description: "A seasoned team bringing unparalleled knowledge to every job.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163679.jpg", imageAlt: "15 years experience icon calendar"},
|
||||
{
|
||||
id: "satisfaction",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Our commitment to quality reflected in consistently high client feedback.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367130.jpg",
|
||||
imageAlt: "98 percent satisfaction icon star",
|
||||
},
|
||||
id: "satisfaction", value: "98%", title: "Customer Satisfaction", description: "Our commitment to quality reflected in consistently high client feedback.", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367130.jpg", imageAlt: "98 percent satisfaction icon star"},
|
||||
]}
|
||||
title="Our Commitment in Numbers"
|
||||
description="Proudly serving our community with excellence, dedication, and proven results."
|
||||
@@ -265,25 +170,15 @@ export default function LandingPage() {
|
||||
author="Sarah L., Luxury Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
alt: "professional woman portrait smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "professional woman portrait smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",
|
||||
alt: "professional man portrait smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg", alt: "professional man portrait smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg",
|
||||
alt: "diverse woman portrait smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg", alt: "diverse woman portrait smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-posing-together_23-2149005465.jpg",
|
||||
alt: "diverse man portrait smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-posing-together_23-2149005465.jpg", alt: "diverse man portrait smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-happy-middle-aged-woman-with-short-dyed-hair-looking-camera-with-cheerful-broad-smile-laughing-funny-joke_343059-1983.jpg",
|
||||
alt: "mature woman portrait smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-happy-middle-aged-woman-with-short-dyed-hair-looking-camera-with-cheerful-broad-smile-laughing-funny-joke_343059-1983.jpg", alt: "mature woman portrait smiling"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -296,30 +191,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What are your emergency plumbing hours?",
|
||||
content: "We offer 24/7 emergency plumbing services, ensuring that we're always available to assist you, day or night, weekends and holidays.",
|
||||
},
|
||||
id: "faq-1", title: "What are your emergency plumbing hours?", content: "We offer 24/7 emergency plumbing services, ensuring that we're always available to assist you, day or night, weekends and holidays."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How do you handle pricing for services?",
|
||||
content: "We believe in transparent pricing. We provide clear, upfront estimates before any work begins, so there are no surprises. For complex issues, a diagnostic fee may apply, which is always communicated in advance.",
|
||||
},
|
||||
id: "faq-2", title: "How do you handle pricing for services?", content: "We believe in transparent pricing. We provide clear, upfront estimates before any work begins, so there are no surprises. For complex issues, a diagnostic fee may apply, which is always communicated in advance."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "What types of water heaters do you install?",
|
||||
content: "We install and service all major types of water heaters, including tankless, conventional, and hybrid models. Our experts can help you choose the best option for your home and budget.",
|
||||
},
|
||||
id: "faq-3", title: "What types of water heaters do you install?", content: "We install and service all major types of water heaters, including tankless, conventional, and hybrid models. Our experts can help you choose the best option for your home and budget."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "What is involved in leak detection?",
|
||||
content: "Our leak detection process uses advanced non-invasive technology, such as acoustic listening devices and thermal imaging, to accurately pinpoint the source of leaks without damaging your property.",
|
||||
},
|
||||
id: "faq-4", title: "What is involved in leak detection?", content: "Our leak detection process uses advanced non-invasive technology, such as acoustic listening devices and thermal imaging, to accurately pinpoint the source of leaks without damaging your property."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Do you offer a service guarantee?",
|
||||
content: "Yes, we stand behind our workmanship with a comprehensive service guarantee. Your satisfaction is our priority, and we ensure all repairs and installations are performed to the highest standards.",
|
||||
},
|
||||
id: "faq-5", title: "Do you offer a service guarantee?", content: "Yes, we stand behind our workmanship with a comprehensive service guarantee. Your satisfaction is our priority, and we ensure all repairs and installations are performed to the highest standards."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common inquiries about our services, pricing, emergency support, and commitment to quality."
|
||||
@@ -331,14 +211,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Plumbing Emergency? We're Available 24/7. Immediate assistance for any urgent plumbing issue."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now For Emergency Service",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Now For Emergency Service", href: "tel:+15551234567"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -347,18 +224,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready for Reliable Plumbing Service? Contact Us Today for a Free Estimate!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#"},
|
||||
{
|
||||
text: "Call Us: (555) 123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Us: (555) 123-4567", href: "tel:+15551234567"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -368,62 +240,37 @@ export default function LandingPage() {
|
||||
logoText="Precision Plumbers"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Why Choose Us",
|
||||
href: "#why-us",
|
||||
},
|
||||
label: "Why Choose Us", href: "#why-us"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Services",
|
||||
items: [
|
||||
title: "Our Services", items: [
|
||||
{
|
||||
label: "Emergency Plumbing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Emergency Plumbing", href: "#services"},
|
||||
{
|
||||
label: "Leak Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Leak Repair", href: "#services"},
|
||||
{
|
||||
label: "Drain Cleaning",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Drain Cleaning", href: "#services"},
|
||||
{
|
||||
label: "Water Heaters",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Water Heaters", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Details",
|
||||
items: [
|
||||
title: "Contact Details", items: [
|
||||
{
|
||||
label: "Call: (555) 123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
label: "Call: (555) 123-4567", href: "tel:+15551234567"},
|
||||
{
|
||||
label: "Email: info@precisionplumbers.com",
|
||||
href: "mailto:info@precisionplumbers.com",
|
||||
},
|
||||
label: "Email: info@precisionplumbers.com", href: "mailto:info@precisionplumbers.com"},
|
||||
{
|
||||
label: "Address: 123 Luxury Lane, Metropolis, CA 90210",
|
||||
href: "#",
|
||||
},
|
||||
label: "Address: 123 Luxury Lane, Metropolis, CA 90210", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user