Merge version_1 into main #2
189
src/app/page.tsx
189
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TJ Plumbing & Heating"
|
||||
/>
|
||||
@@ -49,41 +43,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Reliable Plumbing & Heating Experts"
|
||||
description="Providing top-tier plumbing and heating solutions for your home. Skilled, efficient, and professional—we’re the experts you can trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gc583cafd493b514621918b7a0ba64526754ec876b6b62baa947c0d4bbf24367ad6a7d9d64b4d71bf71d5d90858de1792936d24f564a21065f24870a47433a091_1280.jpg?_wi=1",
|
||||
imageAlt: "Plumbing Expert",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/gc583cafd493b514621918b7a0ba64526754ec876b6b62baa947c0d4bbf24367ad6a7d9d64b4d71bf71d5d90858de1792936d24f564a21065f24870a47433a091_1280.jpg", imageAlt: "Plumbing Expert"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g4f228d9fbe460ff0ade1bf1eab0235cf3fa06f3a5b0a2bf57897623af8d56ef386fb4138cbea2dd406559f60ddb3a895277ae45e50cd1edebb1a35cb73a052d8_1280.jpg?_wi=1",
|
||||
imageAlt: "Heating Maintenance",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g4f228d9fbe460ff0ade1bf1eab0235cf3fa06f3a5b0a2bf57897623af8d56ef386fb4138cbea2dd406559f60ddb3a895277ae45e50cd1edebb1a35cb73a052d8_1280.jpg", imageAlt: "Heating Maintenance"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g62792735e2c62dec0b330c46aa694fcd0f39627da48b7f3839b786b15cd33e84bd9b2aabe5db70822c3ca86b7a8d5175e927bb3878d679dd639ca0a88e356024_1280.jpg?_wi=1",
|
||||
imageAlt: "Plumbing Repair",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g62792735e2c62dec0b330c46aa694fcd0f39627da48b7f3839b786b15cd33e84bd9b2aabe5db70822c3ca86b7a8d5175e927bb3878d679dd639ca0a88e356024_1280.jpg", imageAlt: "Plumbing Repair"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g5e384afec686b6f27652c2382ace758501f0ac4f3b0c110f39ee063a2e4949aa3f30a833b911b6483cc4700376e046158f0494fc4a2d3d9ce13cc41fa4f2bef6_1280.jpg",
|
||||
imageAlt: "Emergency Support",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g5e384afec686b6f27652c2382ace758501f0ac4f3b0c110f39ee063a2e4949aa3f30a833b911b6483cc4700376e046158f0494fc4a2d3d9ce13cc41fa4f2bef6_1280.jpg", imageAlt: "Emergency Support"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g466283db026404311d7775cb6469936ee9c2223729e1ae95ee0dcfae6fc3a5da16885a4039004ec3ff6ac61ef7f57880dad365747d9516d8a6c6601ed5b7e0ba_1280.jpg",
|
||||
imageAlt: "System Inspection",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g466283db026404311d7775cb6469936ee9c2223729e1ae95ee0dcfae6fc3a5da16885a4039004ec3ff6ac61ef7f57880dad365747d9516d8a6c6601ed5b7e0ba_1280.jpg", imageAlt: "System Inspection"},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g6f5d6a21f96d9a7b058f44be39b259c928051deea554f592356d81dfb3ddede65b44e17f9befcc3d4a6ef9ec6bc1604cd0a03617a18276be1117691f4d46883f_1280.jpg",
|
||||
imageAlt: "Completed Work",
|
||||
},
|
||||
imageSrc: "https://pixabay.com/get/g6f5d6a21f96d9a7b058f44be39b259c928051deea554f592356d81dfb3ddede65b44e17f9befcc3d4a6ef9ec6bc1604cd0a03617a18276be1117691f4d46883f_1280.jpg", imageAlt: "Completed Work"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,26 +74,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
title: "Customer Reviews",
|
||||
description: "Consistently highly rated local service.",
|
||||
imageSrc: "https://pixabay.com/get/ga4498691d0e50c60cc94bc2c4258539f18f8f23845c1f899c88f41eaf0b036120701be0f27b15b7ba79e2c222ad119734f0f834794aad6e1140684587749384a_1280.jpg?_wi=1",
|
||||
},
|
||||
id: "m1", value: "50+", title: "Customer Reviews", description: "Consistently highly rated local service.", imageSrc: "https://pixabay.com/get/ga4498691d0e50c60cc94bc2c4258539f18f8f23845c1f899c88f41eaf0b036120701be0f27b15b7ba79e2c222ad119734f0f834794aad6e1140684587749384a_1280.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
title: "Average Rating",
|
||||
description: "Quality and professionalism you can count on.",
|
||||
imageSrc: "https://pixabay.com/get/gf92beacbd3a749fd2b8e70ec197e37717bdf0bd09ad6895e47b674b7cd14b9db6002339af5eec7bae67d1e0ef2acfd8c4518fab3b2ba7f79f0a2d193a73a9744_1280.jpg?_wi=1",
|
||||
},
|
||||
id: "m2", value: "5.0", title: "Average Rating", description: "Quality and professionalism you can count on.", imageSrc: "https://pixabay.com/get/gf92beacbd3a749fd2b8e70ec197e37717bdf0bd09ad6895e47b674b7cd14b9db6002339af5eec7bae67d1e0ef2acfd8c4518fab3b2ba7f79f0a2d193a73a9744_1280.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Committed to delivering exceptional results.",
|
||||
imageSrc: "https://pixabay.com/get/gf54bc6a3537cab8ec05a94c81fe2ee8fb50415f8c4d5efba34732911ae93dbee9b8d710eda663bfceec3d9169c2b5d53458419b12e6b2e143dc52245cb2f6e27_1280.png?_wi=1",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Satisfaction", description: "Committed to delivering exceptional results.", imageSrc: "https://pixabay.com/get/gf54bc6a3537cab8ec05a94c81fe2ee8fb50415f8c4d5efba34732911ae93dbee9b8d710eda663bfceec3d9169c2b5d53458419b12e6b2e143dc52245cb2f6e27_1280.png"},
|
||||
]}
|
||||
title="Why Choose TJ Plumbing?"
|
||||
description="Driven by excellence and customer feedback."
|
||||
@@ -128,70 +92,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Punctual Arrival",
|
||||
description: "We value your time and arrive on schedule for every appointment.",
|
||||
media: {
|
||||
imageSrc: "https://pixabay.com/get/ga4498691d0e50c60cc94bc2c4258539f18f8f23845c1f899c88f41eaf0b036120701be0f27b15b7ba79e2c222ad119734f0f834794aad6e1140684587749384a_1280.jpg?_wi=2",
|
||||
imageAlt: "Timely arrival",
|
||||
},
|
||||
id: "f1", title: "Punctual Arrival", description: "We value your time and arrive on schedule for every appointment.", media: {
|
||||
imageSrc: "https://pixabay.com/get/gc583cafd493b514621918b7a0ba64526754ec876b6b62baa947c0d4bbf24367ad6a7d9d64b4d71bf71d5d90858de1792936d24f564a21065f24870a47433a091_1280.jpg", imageAlt: "professional plumber smiling tools"},
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Prompt scheduling",
|
||||
},
|
||||
text: "Prompt scheduling"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Reliable timing",
|
||||
},
|
||||
text: "Reliable timing"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://pixabay.com/get/gc583cafd493b514621918b7a0ba64526754ec876b6b62baa947c0d4bbf24367ad6a7d9d64b4d71bf71d5d90858de1792936d24f564a21065f24870a47433a091_1280.jpg?_wi=2",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Clean Execution",
|
||||
description: "We respect your home and ensure we leave your workspace immaculate.",
|
||||
media: {
|
||||
imageSrc: "https://pixabay.com/get/gf92beacbd3a749fd2b8e70ec197e37717bdf0bd09ad6895e47b674b7cd14b9db6002339af5eec7bae67d1e0ef2acfd8c4518fab3b2ba7f79f0a2d193a73a9744_1280.jpg?_wi=2",
|
||||
imageAlt: "Clean workmanship",
|
||||
},
|
||||
id: "f2", title: "Clean Execution", description: "We respect your home and ensure we leave your workspace immaculate.", media: {
|
||||
imageSrc: "https://pixabay.com/get/g4f228d9fbe460ff0ade1bf1eab0235cf3fa06f3a5b0a2bf57897623af8d56ef386fb4138cbea2dd406559f60ddb3a895277ae45e50cd1edebb1a35cb73a052d8_1280.jpg", imageAlt: "heating system maintenance modern home"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Mess-free promise",
|
||||
},
|
||||
text: "Mess-free promise"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Careful handling",
|
||||
},
|
||||
text: "Careful handling"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://pixabay.com/get/g4f228d9fbe460ff0ade1bf1eab0235cf3fa06f3a5b0a2bf57897623af8d56ef386fb4138cbea2dd406559f60ddb3a895277ae45e50cd1edebb1a35cb73a052d8_1280.jpg?_wi=2",
|
||||
imageAlt: "heating system maintenance modern home",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Skilled Experts",
|
||||
description: "Our team possesses the knowledge and tools to resolve any issue promptly.",
|
||||
media: {
|
||||
imageSrc: "https://pixabay.com/get/gf54bc6a3537cab8ec05a94c81fe2ee8fb50415f8c4d5efba34732911ae93dbee9b8d710eda663bfceec3d9169c2b5d53458419b12e6b2e143dc52245cb2f6e27_1280.png?_wi=2",
|
||||
imageAlt: "Qualified experts",
|
||||
},
|
||||
id: "f3", title: "Skilled Experts", description: "Our team possesses the knowledge and tools to resolve any issue promptly.", media: {
|
||||
imageSrc: "https://pixabay.com/get/g62792735e2c62dec0b330c46aa694fcd0f39627da48b7f3839b786b15cd33e84bd9b2aabe5db70822c3ca86b7a8d5175e927bb3878d679dd639ca0a88e356024_1280.jpg", imageAlt: "plumbing repair kitchen sink"},
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Expert troubleshooting",
|
||||
},
|
||||
text: "Expert troubleshooting"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Quality craftsmanship",
|
||||
},
|
||||
text: "Quality craftsmanship"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://pixabay.com/get/g62792735e2c62dec0b330c46aa694fcd0f39627da48b7f3839b786b15cd33e84bd9b2aabe5db70822c3ca86b7a8d5175e927bb3878d679dd639ca0a88e356024_1280.jpg?_wi=2",
|
||||
imageAlt: "plumbing repair kitchen sink",
|
||||
},
|
||||
]}
|
||||
title="Expert Service, Every Time"
|
||||
@@ -206,45 +143,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Reva Zoting",
|
||||
handle: "@reva",
|
||||
testimonial: "Staff arrived quickly and on schedule. Extremely clean work and didn't leave any mess behind!",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g6adb21325902fd84c110dc057e9e525259ddc5b31f91de9a4d2fd43bae4f216454253088fdede49f566d519eb206f353a4c7b8d4bf04d0fa8fa38aadff3a27e3_1280.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Reva Zoting", handle: "@reva", testimonial: "Staff arrived quickly and on schedule. Extremely clean work and didn't leave any mess behind!", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g6adb21325902fd84c110dc057e9e525259ddc5b31f91de9a4d2fd43bae4f216454253088fdede49f566d519eb206f353a4c7b8d4bf04d0fa8fa38aadff3a27e3_1280.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Takendra Hawkins",
|
||||
handle: "@takendra",
|
||||
testimonial: "Efficient, qualified, and affable. They were skilled and immediately resolved the issue.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g7fdb89ec10ea4d975120d9ce6a32e80ea2732d3090fa6593be4a466730f34e846a4fd331db85a7d98c09ff4496d7ad5cf47044b030fa53d5077eaeb350afb46d_1280.jpg",
|
||||
},
|
||||
id: "t2", name: "Takendra Hawkins", handle: "@takendra", testimonial: "Efficient, qualified, and affable. They were skilled and immediately resolved the issue.", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g7fdb89ec10ea4d975120d9ce6a32e80ea2732d3090fa6593be4a466730f34e846a4fd331db85a7d98c09ff4496d7ad5cf47044b030fa53d5077eaeb350afb46d_1280.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ashley Yancy",
|
||||
handle: "@ashley",
|
||||
testimonial: "I can't say enough about the excellent service I received. The crew's knowledge and speed were top-notch.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g8c68f3ebe238ed7aa89ad88d4027a8bca6dfe7e8b33574ad56f4bda2f18fe135b28b72dd7fcf88d0990a130a02e79b565f5257cea3691d61321f35a55477618b_1280.jpg",
|
||||
},
|
||||
id: "t3", name: "Ashley Yancy", handle: "@ashley", testimonial: "I can't say enough about the excellent service I received. The crew's knowledge and speed were top-notch.", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g8c68f3ebe238ed7aa89ad88d4027a8bca6dfe7e8b33574ad56f4bda2f18fe135b28b72dd7fcf88d0990a130a02e79b565f5257cea3691d61321f35a55477618b_1280.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kristen Vanhooser",
|
||||
handle: "@kristen",
|
||||
testimonial: "The level of work displayed was fantastic, deserving of more than the maximum stars I could assign.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g596e666da90f82394ba02da0e93344f09850be8193098d4028d74a4c7eb3ba29571a7dff5ccff6a3c551acceb608b90c808e35e93526bbd9fa7c6bfd6a9250e0_1280.jpg",
|
||||
},
|
||||
id: "t4", name: "Kristen Vanhooser", handle: "@kristen", testimonial: "The level of work displayed was fantastic, deserving of more than the maximum stars I could assign.", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g596e666da90f82394ba02da0e93344f09850be8193098d4028d74a4c7eb3ba29571a7dff5ccff6a3c551acceb608b90c808e35e93526bbd9fa7c6bfd6a9250e0_1280.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Michael Davis",
|
||||
handle: "@mike_d",
|
||||
testimonial: "Professional and courteous service. They fixed my boiler in no time during a cold winter night.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g6adb21325902fd84c110dc057e9e525259ddc5b31f91de9a4d2fd43bae4f216454253088fdede49f566d519eb206f353a4c7b8d4bf04d0fa8fa38aadff3a27e3_1280.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Michael Davis", handle: "@mike_d", testimonial: "Professional and courteous service. They fixed my boiler in no time during a cold winter night.", rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g6adb21325902fd84c110dc057e9e525259ddc5b31f91de9a4d2fd43bae4f216454253088fdede49f566d519eb206f353a4c7b8d4bf04d0fa8fa38aadff3a27e3_1280.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -256,16 +168,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Get Started"
|
||||
title="Need Help? Reach Out Today!"
|
||||
description="Whether it’s a minor leak or a heating emergency, we are ready to assist. Contact our team to book your service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+15550000000",
|
||||
},
|
||||
text: "Call Us", href: "tel:+15550000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -275,29 +184,19 @@ export default function LandingPage() {
|
||||
imageSrc="https://pixabay.com/get/g1840b2738faa682191636c2e5c88233c0f049d67554eb7f9830808e4aea7b7b736b9c973a7aa4b62bd448f169e41381be477906eaae0a6866f60de09bafdccd4_1280.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user