Update src/app/page.tsx
This commit is contained in:
264
src/app/page.tsx
264
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DB Plumbing"
|
||||
/>
|
||||
@@ -62,73 +52,39 @@ export default function LandingPage() {
|
||||
description="DB Plumbing & Heating Services delivers professional bathroom fitting, plumbing repairs, and heating work with punctual service, clear communication, and meticulous attention to detail."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@localclient",
|
||||
testimonial: "Exceptional service, arrived on time and fixed my heating leak quickly. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@localclient", testimonial: "Exceptional service, arrived on time and fixed my heating leak quickly. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg"},
|
||||
{
|
||||
name: "Mike D.",
|
||||
handle: "@landlord",
|
||||
testimonial: "Very professional and clean work on our bathroom renovation. A truly reliable team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",
|
||||
},
|
||||
name: "Mike D.", handle: "@landlord", testimonial: "Very professional and clean work on our bathroom renovation. A truly reliable team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg"},
|
||||
{
|
||||
name: "Anna P.",
|
||||
handle: "@homerenowner",
|
||||
testimonial: "Fantastic attention to detail on our kitchen plumbing. Very tidy tradespeople.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
||||
},
|
||||
name: "Anna P.", handle: "@homerenowner", testimonial: "Fantastic attention to detail on our kitchen plumbing. Very tidy tradespeople.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@longterm",
|
||||
testimonial: "Trustworthy and punctual. The heating service was top notch this winter.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
name: "David W.", handle: "@longterm", testimonial: "Trustworthy and punctual. The heating service was top notch this winter.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||
{
|
||||
name: "Chloe B.",
|
||||
handle: "@newbuild",
|
||||
testimonial: "Highly recommended for all bathroom installation needs, very professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-moments-handsome-guy-young-pretty-woman-with-long-blonde-hair-smiling-chilling-bed-home-modern-apartment-relationship-true-emotions-love_197531-1652.jpg",
|
||||
},
|
||||
name: "Chloe B.", handle: "@newbuild", testimonial: "Highly recommended for all bathroom installation needs, very professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-moments-handsome-guy-young-pretty-woman-with-long-blonde-hair-smiling-chilling-bed-home-modern-apartment-relationship-true-emotions-love_197531-1652.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+440000000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+440000000000"},
|
||||
{
|
||||
text: "Request a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26529.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-together-kitchen-drinking-coffee_1303-22226.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-together-kitchen-drinking-coffee_1303-22226.jpg", alt: "Customer profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-pretty-young-woman-with-long-blonde-hair-hugging-handsome-guy-from-back-couple-love-chilling-bed-home-modern-apartment-true-emotions-lovely_197531-1662.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-pretty-young-woman-with-long-blonde-hair-hugging-handsome-guy-from-back-couple-love-chilling-bed-home-modern-apartment-true-emotions-lovely_197531-1662.jpg", alt: "Customer profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-love-making-selfie-kitchen_23-2148113907.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-love-making-selfie-kitchen_23-2148113907.jpg", alt: "Customer profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg", alt: "Customer profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg", alt: "Customer profile 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
/>
|
||||
@@ -141,38 +97,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Bathroom Fitting",
|
||||
author: "Experts",
|
||||
description: "High-quality, meticulous bathroom installations and tiling.",
|
||||
tags: [
|
||||
"Renovation",
|
||||
"Fitting",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-tiling-floor-indoors_23-2149343993.jpg",
|
||||
},
|
||||
id: "s1", title: "Bathroom Fitting", author: "Experts", description: "High-quality, meticulous bathroom installations and tiling.", tags: [
|
||||
"Renovation", "Fitting"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-tiling-floor-indoors_23-2149343993.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Heating Repairs",
|
||||
author: "Technicians",
|
||||
description: "Rapid heating and boiler repair for emergencies and maintenance.",
|
||||
tags: [
|
||||
"Heating",
|
||||
"Repair",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg",
|
||||
},
|
||||
id: "s2", title: "Heating Repairs", author: "Technicians", description: "Rapid heating and boiler repair for emergencies and maintenance.", tags: [
|
||||
"Heating", "Repair"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "General Plumbing",
|
||||
author: "Engineers",
|
||||
description: "Professional repair and installation for your plumbing systems.",
|
||||
tags: [
|
||||
"Plumbing",
|
||||
"Maintenance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg",
|
||||
},
|
||||
id: "s3", title: "General Plumbing", author: "Engineers", description: "Professional repair and installation for your plumbing systems.", tags: [
|
||||
"Plumbing", "Maintenance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive solutions for all your plumbing and heating needs."
|
||||
@@ -193,30 +128,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-couple-lying-sofa-reading-book-living-room_23-2147890984.jpg",
|
||||
},
|
||||
id: "2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-couple-lying-sofa-reading-book-living-room_23-2147890984.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg",
|
||||
},
|
||||
id: "3", name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-home_329181-4271.jpg",
|
||||
},
|
||||
id: "4", name: "John R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-home_329181-4271.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-using-their-phone-kitchen_23-2149017744.jpg",
|
||||
},
|
||||
id: "5", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-using-their-phone-kitchen_23-2149017744.jpg"},
|
||||
]}
|
||||
cardTitle="Client Reviews"
|
||||
cardTag="Trusted Service"
|
||||
@@ -231,31 +151,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Serving local",
|
||||
"Proven quality",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Years Experience", items: [
|
||||
"Serving local", "Proven quality"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"Renovations",
|
||||
"Repairs",
|
||||
],
|
||||
id: "m2", value: "500+", title: "Happy Clients", items: [
|
||||
"Renovations", "Repairs"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Punctuality",
|
||||
items: [
|
||||
"On time",
|
||||
"Reliable",
|
||||
],
|
||||
id: "m3", value: "99%", title: "Punctuality", items: [
|
||||
"On time", "Reliable"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -269,20 +174,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency call outs?",
|
||||
content: "Yes, we prioritize emergency plumbing and heating issues.",
|
||||
},
|
||||
id: "f1", title: "Do you offer emergency call outs?", content: "Yes, we prioritize emergency plumbing and heating issues."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your bathroom fitting quotes free?",
|
||||
content: "Absolutely, we provide transparent and free quotes for all projects.",
|
||||
},
|
||||
id: "f2", title: "Are your bathroom fitting quotes free?", content: "Absolutely, we provide transparent and free quotes for all projects."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you fully insured?",
|
||||
content: "Yes, we are fully qualified and insured for peace of mind.",
|
||||
},
|
||||
id: "f3", title: "Are you fully insured?", content: "Yes, we are fully qualified and insured for peace of mind."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us", href: "#contact"
|
||||
}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common queries about our plumbing services."
|
||||
@@ -299,35 +200,11 @@ export default function LandingPage() {
|
||||
description="Useful tips and updates from our experts."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Plumbing",
|
||||
title: "Winter Plumbing Tips",
|
||||
excerpt: "Prepare your home for cold weather.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-person-posing-winter-holidays_140725-135400.jpg",
|
||||
authorName: "DB Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
|
||||
date: "Oct 2024",
|
||||
},
|
||||
id: "b1", category: "Plumbing", title: "Winter Plumbing Tips", excerpt: "Prepare your home for cold weather.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-person-posing-winter-holidays_140725-135400.jpg", authorName: "DB Team", authorAvatar: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg", date: "Oct 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Renovation",
|
||||
title: "Modern Bathrooms",
|
||||
excerpt: "Latest bathroom design ideas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-black-orange-bathroom_23-2151962360.jpg",
|
||||
authorName: "DB Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-couple-home_1157-18407.jpg",
|
||||
date: "Sep 2024",
|
||||
},
|
||||
id: "b2", category: "Renovation", title: "Modern Bathrooms", excerpt: "Latest bathroom design ideas.", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-black-orange-bathroom_23-2151962360.jpg", authorName: "DB Team", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-couple-home_1157-18407.jpg", date: "Sep 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Plumbing",
|
||||
title: "Emergency Check",
|
||||
excerpt: "When to call an expert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-pointing-his-index-fingers-camera-watching-you-gesture-suspicious-expression-isolated-pink-wall_141793-15226.jpg",
|
||||
authorName: "DB Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-913.jpg",
|
||||
date: "Aug 2024",
|
||||
},
|
||||
id: "b3", category: "Plumbing", title: "Emergency Check", excerpt: "When to call an expert.", imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-pointing-his-index-fingers-camera-watching-you-gesture-suspicious-expression-isolated-pink-wall_141793-15226.jpg", authorName: "DB Team", authorAvatar: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-913.jpg", date: "Aug 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -336,8 +213,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Contact Us"
|
||||
title="Ready for a Quote?"
|
||||
description="Get in touch for your professional plumbing or heating service today."
|
||||
@@ -349,37 +225,23 @@ export default function LandingPage() {
|
||||
logoText="DB Plumbing & Heating"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Plumbing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Plumbing", href: "#services"},
|
||||
{
|
||||
label: "Heating",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Heating", href: "#services"},
|
||||
{
|
||||
label: "Bathrooms",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Bathrooms", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -388,4 +250,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user