Update src/app/page.tsx
This commit is contained in:
@@ -9,7 +9,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|||||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||||
import { Clock, Wrench, Award, Shield, Star, Phone, Zap, Search, Brain, Sparkles, CheckCircle, TrendingUp } from 'lucide-react';
|
import { Clock, Wrench, Award, Shield, Star, Phone, Zap, Search, Brain, Sparkles, CheckCircle, TrendingUp, Droplet, Waves } from 'lucide-react';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -19,7 +19,7 @@ export default function LandingPage() {
|
|||||||
borderRadius="soft"
|
borderRadius="soft"
|
||||||
contentWidth="mediumSmall"
|
contentWidth="mediumSmall"
|
||||||
sizing="largeSizeMediumTitles"
|
sizing="largeSizeMediumTitles"
|
||||||
background="aurora"
|
background="circleGradient"
|
||||||
cardStyle="gradient-radial"
|
cardStyle="gradient-radial"
|
||||||
primaryButtonStyle="shadow"
|
primaryButtonStyle="shadow"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="glass"
|
||||||
@@ -46,7 +46,7 @@ export default function LandingPage() {
|
|||||||
tag="24/7 Emergency Service"
|
tag="24/7 Emergency Service"
|
||||||
tagIcon={Clock}
|
tagIcon={Clock}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
background={{ variant: "aurora" }}
|
background={{ variant: "plain" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Call Now – 24/7 Service", href: "tel:+1-800-PLUMBING" },
|
{ text: "Call Now – 24/7 Service", href: "tel:+1-800-PLUMBING" },
|
||||||
{ text: "Request Service", href: "#contact" }
|
{ text: "Request Service", href: "#contact" }
|
||||||
@@ -65,15 +65,15 @@ export default function LandingPage() {
|
|||||||
],
|
],
|
||||||
stats: [
|
stats: [
|
||||||
{
|
{
|
||||||
title: "Response Time", values: ["15 mins", "20 mins", "18 mins"],
|
title: "Response Time", values: [15, 20, 18],
|
||||||
description: "Average arrival"
|
description: "Average arrival"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Satisfaction", values: ["98%", "99%", "98.5%"],
|
title: "Satisfaction", values: [98, 99, 98.5],
|
||||||
valueSuffix: "%", description: "Customer rated"
|
valueSuffix: "%", description: "Customer rated"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Fixed Right", values: ["First-time", "No callbacks", "Guaranteed"],
|
title: "Fixed Right", values: [95, 97, 100],
|
||||||
description: "Precision repairs"
|
description: "Precision repairs"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
@@ -85,9 +85,9 @@ export default function LandingPage() {
|
|||||||
{ value: 96 }
|
{ value: 96 }
|
||||||
],
|
],
|
||||||
listTitle: "Recent Services", listItems: [
|
listTitle: "Recent Services", listItems: [
|
||||||
{ icon: "Droplet", title: "Emergency Leak Repair", status: "Completed" },
|
{ icon: Droplet, title: "Emergency Leak Repair", status: "Completed" },
|
||||||
{ icon: "Waves", title: "Drain Cleaning", status: "Completed" },
|
{ icon: Waves, title: "Drain Cleaning", status: "Completed" },
|
||||||
{ icon: "Wrench", title: "Fixture Installation", status: "Completed" }
|
{ icon: Wrench, title: "Fixture Installation", status: "Completed" }
|
||||||
]
|
]
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
@@ -108,6 +108,7 @@ export default function LandingPage() {
|
|||||||
imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg"
|
||||||
imageAlt="Professional plumber inspecting pipes"
|
imageAlt="Professional plumber inspecting pipes"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -122,23 +123,23 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: "Drain & Clog Removal", description: "Slow drains? Recurring clogs? We clear blockages safely and inspect for underlying issues to prevent future problems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg?_wi=1", imageAlt: "Drain cleaning service" },
|
title: "Drain & Clog Removal", description: "Slow drains? Recurring clogs? We clear blockages safely and inspect for underlying issues to prevent future problems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg", imageAlt: "Drain cleaning service" },
|
||||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg?_wi=2", imageAlt: "Professional drain cleaning" }
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg", imageAlt: "Professional drain cleaning" }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: "Leak Detection & Pipe Repair", description: "From minor drips to recurring leaks, we identify the real cause and repair it with precision, tested thoroughly under running water.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=1", imageAlt: "Leak detection service" },
|
title: "Leak Detection & Pipe Repair", description: "From minor drips to recurring leaks, we identify the real cause and repair it with precision, tested thoroughly under running water.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg", imageAlt: "Leak detection service" },
|
||||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=2", imageAlt: "Professional pipe repair" }
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg", imageAlt: "Professional pipe repair" }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: "Garbage Disposal Repair", description: "Grinding noises? Jams? We safely remove blockages and ensure smooth operation with professional inspection and service.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes-kitchen_23-2150990677.jpg?_wi=1", imageAlt: "Garbage disposal service" },
|
title: "Garbage Disposal Repair", description: "Grinding noises? Jams? We safely remove blockages and ensure smooth operation with professional inspection and service.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes-kitchen_23-2150990677.jpg", imageAlt: "Garbage disposal service" },
|
||||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes-kitchen_23-2150990677.jpg?_wi=2", imageAlt: "Kitchen plumbing repair" }
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes-kitchen_23-2150990677.jpg", imageAlt: "Kitchen plumbing repair" }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 4,
|
id: 4,
|
||||||
title: "Under-Sink Repairs", description: "Faulty fittings, pipe misalignment, loose connections — fixed correctly and tested thoroughly before we leave.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/point-view-young-handyman-using-power-drill-fix-door-kitchen-cabinet_662251-2704.jpg?_wi=1", imageAlt: "Under sink repair" },
|
title: "Under-Sink Repairs", description: "Faulty fittings, pipe misalignment, loose connections — fixed correctly and tested thoroughly before we leave.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/point-view-young-handyman-using-power-drill-fix-door-kitchen-cabinet_662251-2704.jpg", imageAlt: "Under sink repair" },
|
||||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/point-view-young-handyman-using-power-drill-fix-door-kitchen-cabinet_662251-2704.jpg?_wi=2", imageAlt: "Cabinet plumbing repair" }
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/point-view-young-handyman-using-power-drill-fix-door-kitchen-cabinet_662251-2704.jpg", imageAlt: "Cabinet plumbing repair" }
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
|
|||||||
Reference in New Issue
Block a user