Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
217
src/app/page.tsx
217
src/app/page.tsx
@@ -31,27 +31,17 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="J&L Plumbing Solutions"
|
brandName="J&L Plumbing Solutions"
|
||||||
button={{
|
button={{
|
||||||
text: "Get a Quote",
|
text: "Get a Quote", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
animateOnLoad={true}
|
animateOnLoad={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -59,19 +49,14 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
logoText="J&L Plumbing Solutions"
|
logoText="J&L Plumbing Solutions"
|
||||||
description="Your Trusted Partner for Expert Plumbing Services. Reliable Solutions, Exceptional Care."
|
description="Solving Your Plumbing Problems with Expertise and Care, Ensuring Your Home Runs Smoothly."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get a Free Estimate",
|
text: "Get a Free Estimate", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Our Services",
|
text: "Our Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/ratchets-metallic-nozzles_23-2148180577.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/ratchets-metallic-nozzles_23-2148180577.jpg"
|
||||||
imageAlt="Professional plumbing tools and pipes"
|
imageAlt="Professional plumbing tools and pipes"
|
||||||
@@ -86,9 +71,7 @@ export default function LandingPage() {
|
|||||||
title="Dedicated to Quality & Trustworthy Plumbing"
|
title="Dedicated to Quality & Trustworthy Plumbing"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Learn More",
|
text: "Learn More", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -101,33 +84,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "emergency-repairs",
|
id: "emergency-repairs", title: "Emergency Repairs", description: "24/7 rapid response for burst pipes, major leaks, and urgent plumbing crises. We're here when you need us most.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg", imageAlt: "Plumber fixing a leaky pipe"},
|
||||||
title: "Emergency Repairs",
|
|
||||||
description: "24/7 rapid response for burst pipes, major leaks, and urgent plumbing crises. We're here when you need us most.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg",
|
|
||||||
imageAlt: "Plumber fixing a leaky pipe",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "drain-cleaning",
|
id: "drain-cleaning", title: "Expert Drain Cleaning", description: "Say goodbye to stubborn clogs! Our advanced techniques ensure your drains flow freely and efficiently.", imageSrc: "http://img.b2bpic.net/free-photo/shot-oilfield-worker-checking-quality-gas-pipes-construction-site_342744-363.jpg", imageAlt: "Drain being cleaned with specialized tools"},
|
||||||
title: "Expert Drain Cleaning",
|
|
||||||
description: "Say goodbye to stubborn clogs! Our advanced techniques ensure your drains flow freely and efficiently.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-oilfield-worker-checking-quality-gas-pipes-construction-site_342744-363.jpg",
|
|
||||||
imageAlt: "Drain being cleaned with specialized tools",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "water-heater",
|
id: "water-heater", title: "Water Heater Services", description: "Installation, repair, and maintenance for all types of water heaters, ensuring you always have hot water.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg", imageAlt: "Modern water heater installation"},
|
||||||
title: "Water Heater Services",
|
|
||||||
description: "Installation, repair, and maintenance for all types of water heaters, ensuring you always have hot water.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg",
|
|
||||||
imageAlt: "Modern water heater installation",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "bathroom-remodel",
|
id: "bathroom-remodel", title: "Bathroom Remodeling", description: "Transform your bathroom with our comprehensive plumbing solutions, from fixture upgrades to full overhauls.", imageSrc: "http://img.b2bpic.net/free-photo/washing-hands-with-open-faucet-soap-bar_53876-95002.jpg", imageAlt: "Luxurious renovated bathroom"},
|
||||||
title: "Bathroom Remodeling",
|
|
||||||
description: "Transform your bathroom with our comprehensive plumbing solutions, from fixture upgrades to full overhauls.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/washing-hands-with-open-faucet-soap-bar_53876-95002.jpg",
|
|
||||||
imageAlt: "Luxurious renovated bathroom",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Comprehensive Plumbing Services"
|
title="Comprehensive Plumbing Services"
|
||||||
description="From leaky faucets to major installations, J&L Plumbing Solutions covers all your needs with expertise and efficiency."
|
description="From leaky faucets to major installations, J&L Plumbing Solutions covers all your needs with expertise and efficiency."
|
||||||
@@ -141,76 +104,31 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||||
name: "Sarah Johnson",
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-wise-woman-posing-studio_23-2149883526.jpg", videoAriaLabel: "Testimonial video from Sarah Johnson"},
|
||||||
role: "Homeowner",
|
|
||||||
company: "Local Resident",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-wise-woman-posing-studio_23-2149883526.jpg",
|
|
||||||
videoAriaLabel: "Testimonial video from Sarah Johnson",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Michael Chen", role: "Property Manager", company: "Urban Living Mgmt", rating: 5,
|
||||||
name: "Michael Chen",
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-office-couch-putting-long-hours-work-businessperson-professional-environment_482257-33246.jpg", videoAriaLabel: "Testimonial video from Michael Chen"},
|
||||||
role: "Property Manager",
|
|
||||||
company: "Urban Living Mgmt",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-working-office-couch-putting-long-hours-work-businessperson-professional-environment_482257-33246.jpg",
|
|
||||||
videoAriaLabel: "Testimonial video from Michael Chen",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Yvonne Parker", role: "Daughter", company: "Proud Customer", rating: 5,
|
||||||
name: "Yvonne Parker",
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cheerful-caucasian-female-pensioner-with-short-pixie-hairstyle-smiling-broadly-dressed-stylish-knitted-burgundy-pullover-people-age-style-knitwear-fashion-concept_343059-2680.jpg", videoAriaLabel: "Testimonial video from Yvonne Parker"},
|
||||||
role: "Daughter",
|
|
||||||
company: "Proud Customer",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cheerful-caucasian-female-pensioner-with-short-pixie-hairstyle-smiling-broadly-dressed-stylish-knitted-burgundy-pullover-people-age-style-knitwear-fashion-concept_343059-2680.jpg",
|
|
||||||
videoAriaLabel: "Testimonial video from Yvonne Parker",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Justin (from original testimonial)", role: "Customer Service", company: "J&L Plumbing Solutions", rating: 5,
|
||||||
name: "Justin (from original testimonial)",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-smiling_1170-1139.jpg", videoAriaLabel: "Testimonial video from Justin"},
|
||||||
role: "Customer Service",
|
|
||||||
company: "J&L Plumbing Solutions",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-smiling_1170-1139.jpg",
|
|
||||||
videoAriaLabel: "Testimonial video from Justin",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Emily Rodriguez", role: "Local Business Owner", company: "Cafe Aroma", rating: 5,
|
||||||
name: "Emily Rodriguez",
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-with-tablet-side-view_23-2149442245.jpg", videoAriaLabel: "Testimonial video from Emily Rodriguez"},
|
||||||
role: "Local Business Owner",
|
|
||||||
company: "Cafe Aroma",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-with-tablet-side-view_23-2149442245.jpg",
|
|
||||||
videoAriaLabel: "Testimonial video from Emily Rodriguez",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "David Kim", role: "Homeowner", company: "Community Member", rating: 5,
|
||||||
name: "David Kim",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-grey-t-shirt-smiling-while-bowing-head-front-view_176474-16095.jpg", videoAriaLabel: "Testimonial video from David Kim"},
|
||||||
role: "Homeowner",
|
|
||||||
company: "Community Member",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-grey-t-shirt-smiling-while-bowing-head-front-view_176474-16095.jpg",
|
|
||||||
videoAriaLabel: "Testimonial video from David Kim",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
id: "kpi-1",
|
id: "kpi-1", value: "20+", description: "Years of Experience"},
|
||||||
value: "20+",
|
|
||||||
description: "Years of Experience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "kpi-2",
|
id: "kpi-2", value: "500+", description: "Projects Completed"},
|
||||||
value: "500+",
|
|
||||||
description: "Projects Completed",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "kpi-3",
|
id: "kpi-3", value: "98%", description: "Customer Satisfaction"},
|
||||||
value: "98%",
|
|
||||||
description: "Customer Satisfaction",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Hear From Our Happy Customers"
|
title="Hear From Our Happy Customers"
|
||||||
description="Real stories from clients who trust J&L Plumbing Solutions for their homes and businesses."
|
description="Real stories from clients who trust J&L Plumbing Solutions for their homes and businesses."
|
||||||
@@ -222,14 +140,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
logos={[
|
logos={[
|
||||||
"http://img.b2bpic.net/free-vector/labour-day-badge-collection-flat-design_23-2148473577.jpg",
|
"http://img.b2bpic.net/free-vector/labour-day-badge-collection-flat-design_23-2148473577.jpg", "http://img.b2bpic.net/free-vector/professional-company-page-linkedin-profile-picture_742173-3941.jpg", "http://img.b2bpic.net/free-vector/labor-day-badge-collection_23-2147649631.jpg", "http://img.b2bpic.net/free-vector/flat-design-labour-day-usa-badge-collection_23-2148270580.jpg", "http://img.b2bpic.net/free-vector/excavator-construction-logo-concept_23-2148661679.jpg", "http://img.b2bpic.net/free-vector/modern-business-card-template-with-elegant-style_23-2147958143.jpg", "http://img.b2bpic.net/free-vector/gradient-patented-label-collection_23-2149733588.jpg"]}
|
||||||
"http://img.b2bpic.net/free-vector/professional-company-page-linkedin-profile-picture_742173-3941.jpg",
|
|
||||||
"http://img.b2bpic.net/free-vector/labor-day-badge-collection_23-2147649631.jpg",
|
|
||||||
"http://img.b2bpic.net/free-vector/flat-design-labour-day-usa-badge-collection_23-2148270580.jpg",
|
|
||||||
"http://img.b2bpic.net/free-vector/excavator-construction-logo-concept_23-2148661679.jpg",
|
|
||||||
"http://img.b2bpic.net/free-vector/modern-business-card-template-with-elegant-style_23-2147958143.jpg",
|
|
||||||
"http://img.b2bpic.net/free-vector/gradient-patented-label-collection_23-2149733588.jpg",
|
|
||||||
]}
|
|
||||||
title="Our Trusted Partners & Brands"
|
title="Our Trusted Partners & Brands"
|
||||||
description="We partner with leading brands and local organizations to provide the best solutions for our clients."
|
description="We partner with leading brands and local organizations to provide the best solutions for our clients."
|
||||||
/>
|
/>
|
||||||
@@ -241,27 +152,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "faq-1",
|
id: "faq-1", title: "What areas do you serve?", content: "J&L Plumbing Solutions proudly serves [Your City/Region] and the surrounding areas. Please contact us to confirm service availability in your specific location."},
|
||||||
title: "What areas do you serve?",
|
|
||||||
content: "J&L Plumbing Solutions proudly serves [Your City/Region] and the surrounding areas. Please contact us to confirm service availability in your specific location.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq-2",
|
id: "faq-2", title: "Do you offer emergency services?", content: "Yes, we understand plumbing emergencies can happen at any time. We offer 24/7 emergency services for urgent issues like burst pipes or major leaks. Call us immediately for rapid assistance."},
|
||||||
title: "Do you offer emergency services?",
|
|
||||||
content: "Yes, we understand plumbing emergencies can happen at any time. We offer 24/7 emergency services for urgent issues like burst pipes or major leaks. Call us immediately for rapid assistance.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq-3",
|
id: "faq-3", title: "How quickly can you respond to a service call?", content: "For emergency calls, we aim for the fastest possible response time. For non-emergency services, we strive to schedule appointments within 24-48 hours, depending on our current workload."},
|
||||||
title: "How quickly can you respond to a service call?",
|
|
||||||
content: "For emergency calls, we aim for the fastest possible response time. For non-emergency services, we strive to schedule appointments within 24-48 hours, depending on our current workload.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ctaTitle="Need Plumbing Help? Get in Touch!"
|
ctaTitle="Need Plumbing Help? Get in Touch!"
|
||||||
ctaDescription="Our experienced team is ready to assist you with any plumbing issue, big or small. Contact us today for reliable, professional service."
|
ctaDescription="Our experienced team is ready to assist you with any plumbing issue, big or small. Contact us today for reliable, professional service."
|
||||||
ctaButton={{
|
ctaButton={{
|
||||||
text: "Call J&L Today",
|
text: "Call J&L Today", href: "tel:+1-555-123-4567"}}
|
||||||
href: "tel:+1-555-123-4567",
|
|
||||||
}}
|
|
||||||
ctaIcon={Phone}
|
ctaIcon={Phone}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -270,58 +170,35 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Emergency Repairs",
|
label: "Emergency Repairs", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Drain Cleaning",
|
label: "Drain Cleaning", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Water Heaters",
|
label: "Water Heaters", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Remodeling",
|
label: "Remodeling", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Testimonials",
|
label: "Testimonials", href: "#testimonials"},
|
||||||
href: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Connect", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Contact Us",
|
label: "Contact Us", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Call Now",
|
label: "Call Now", href: "tel:+1-555-123-4567"},
|
||||||
href: "tel:+1-555-123-4567",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Email",
|
label: "Email", href: "mailto:info@jlplumbing.com"},
|
||||||
href: "mailto:info@jlplumbing.com",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user