Merge version_2 into main #2
290
src/app/page.tsx
290
src/app/page.tsx
@@ -32,26 +32,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
brandName="Le Belle Plumbing"
|
||||
/>
|
||||
</div>
|
||||
@@ -59,97 +49,51 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Mastery in Every Drop."
|
||||
description="For over 13 years, Le Belle Plumbing has defined excellence in residential care. Trust the experts who put quality first."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarahj",
|
||||
testimonial: "John is the absolute best. Clean, professional, and meticulous.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=1",
|
||||
imageAlt: "luxury plumbing service professional",
|
||||
},
|
||||
name: "Sarah Jenkins", handle: "@sarahj", testimonial: "John is the absolute best. Clean, professional, and meticulous.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=1", imageAlt: "luxury plumbing service professional"},
|
||||
{
|
||||
name: "Mark Evans",
|
||||
handle: "@marke",
|
||||
testimonial: "Finally, a plumber who treats your home like their own.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-wearing-protection-glasses-checking-scratches-wood_482257-84370.jpg?_wi=1",
|
||||
imageAlt: "luxury plumbing service professional",
|
||||
},
|
||||
name: "Mark Evans", handle: "@marke", testimonial: "Finally, a plumber who treats your home like their own.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-wearing-protection-glasses-checking-scratches-wood_482257-84370.jpg?_wi=1", imageAlt: "luxury plumbing service professional"},
|
||||
{
|
||||
name: "Emily Chen",
|
||||
handle: "@emchen",
|
||||
testimonial: "Exceptional service, worth every penny.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg?_wi=1",
|
||||
imageAlt: "luxury plumbing service professional",
|
||||
},
|
||||
name: "Emily Chen", handle: "@emchen", testimonial: "Exceptional service, worth every penny.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg?_wi=1", imageAlt: "luxury plumbing service professional"},
|
||||
{
|
||||
name: "David Ross",
|
||||
handle: "@rossd",
|
||||
testimonial: "The gold standard of plumbing. Truly impressed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg?_wi=1",
|
||||
imageAlt: "luxury plumbing service professional",
|
||||
},
|
||||
name: "David Ross", handle: "@rossd", testimonial: "The gold standard of plumbing. Truly impressed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg?_wi=1", imageAlt: "luxury plumbing service professional"},
|
||||
{
|
||||
name: "Lisa O'Brien",
|
||||
handle: "@lisao",
|
||||
testimonial: "Incredible attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg?_wi=1",
|
||||
imageAlt: "luxury plumbing service professional",
|
||||
},
|
||||
name: "Lisa O'Brien", handle: "@lisao", testimonial: "Incredible attention to detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg?_wi=1", imageAlt: "luxury plumbing service professional"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173710.jpg",
|
||||
alt: "Portrait of professional client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173710.jpg", alt: "Portrait of professional client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-executives-shaking-hands-near-lift_107420-65782.jpg",
|
||||
alt: "Portrait of professional client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-executives-shaking-hands-near-lift_107420-65782.jpg", alt: "Portrait of professional client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-people-working-as-real-estate-agents_23-2151064997.jpg",
|
||||
alt: "Portrait of professional client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-people-working-as-real-estate-agents_23-2151064997.jpg", alt: "Portrait of professional client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-excited-caucasian-guy-love-with-his-black-girlfriend_1262-20219.jpg",
|
||||
alt: "Portrait of professional client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-excited-caucasian-guy-love-with-his-black-girlfriend_1262-20219.jpg", alt: "Portrait of professional client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-family-looking-wrapped-painting-while-relocating-into-new-home_637285-12430.jpg",
|
||||
alt: "Portrait of professional client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-family-looking-wrapped-painting-while-relocating-into-new-home_637285-12430.jpg", alt: "Portrait of professional client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "13+ Years of Quality",
|
||||
},
|
||||
type: "text", text: "13+ Years of Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Elite Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Reliability",
|
||||
},
|
||||
type: "text", text: "Professional Reliability"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Customer Satisfaction",
|
||||
},
|
||||
type: "text", text: "Customer Satisfaction"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,29 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Expertise",
|
||||
title: "Precision Care",
|
||||
subtitle: "13+ Years Experience",
|
||||
description: "Expertly trained in all aspects of residential plumbing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721570.jpg",
|
||||
imageAlt: "Plumbing professional doing his job",
|
||||
},
|
||||
tag: "Expertise", title: "Precision Care", subtitle: "13+ Years Experience", description: "Expertly trained in all aspects of residential plumbing.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721570.jpg", imageAlt: "Plumbing professional doing his job"},
|
||||
{
|
||||
tag: "Trust",
|
||||
title: "Honest Pricing",
|
||||
subtitle: "Transparent quotes",
|
||||
description: "No hidden costs. Just fair pricing for elite work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=3",
|
||||
imageAlt: "Plumbing professional doing his job",
|
||||
},
|
||||
tag: "Trust", title: "Honest Pricing", subtitle: "Transparent quotes", description: "No hidden costs. Just fair pricing for elite work.", imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=3", imageAlt: "Plumbing professional doing his job"},
|
||||
{
|
||||
tag: "Quality",
|
||||
title: "Artisan Craft",
|
||||
subtitle: "Meticulous finish",
|
||||
description: "Every joint, every pipe, every installation is perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-wearing-protection-glasses-checking-scratches-wood_482257-84370.jpg?_wi=2",
|
||||
imageAlt: "Plumbing professional doing his job",
|
||||
},
|
||||
tag: "Quality", title: "Artisan Craft", subtitle: "Meticulous finish", description: "Every joint, every pipe, every installation is perfect.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-wearing-protection-glasses-checking-scratches-wood_482257-84370.jpg?_wi=2", imageAlt: "Plumbing professional doing his job"},
|
||||
]}
|
||||
title="The Le Belle Promise"
|
||||
description="We ensure your plumbing works perfectly, quietly, and reliably."
|
||||
@@ -197,17 +123,11 @@ export default function LandingPage() {
|
||||
description="John brings over a decade of plumbing excellence to your home, combining technical mastery with an artisan’s eye for detail. He believes in doing the job once, and doing it perfectly."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Certified Expert",
|
||||
description: "Fully licensed and insured.",
|
||||
},
|
||||
title: "Certified Expert", description: "Fully licensed and insured."},
|
||||
{
|
||||
title: "Local Hero",
|
||||
description: "Proudly serving our community.",
|
||||
},
|
||||
title: "Local Hero", description: "Proudly serving our community."},
|
||||
{
|
||||
title: "Reliable",
|
||||
description: "Always punctual and prepared.",
|
||||
},
|
||||
title: "Reliable", description: "Always punctual and prepared."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carpenter-wearing-protection-glasses-checking-scratches-wood_482257-84370.jpg?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -222,41 +142,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Luxury Bath Installation",
|
||||
price: "Contact for Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg?_wi=2",
|
||||
},
|
||||
id: "s1", name: "Luxury Bath Installation", price: "Contact for Quote", imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg?_wi=2"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Leak Detection",
|
||||
price: "Contact for Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg?_wi=2",
|
||||
},
|
||||
id: "s2", name: "Leak Detection", price: "Contact for Quote", imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg?_wi=2"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Water Heater Service",
|
||||
price: "Contact for Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg?_wi=2",
|
||||
},
|
||||
id: "s3", name: "Water Heater Service", price: "Contact for Quote", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg?_wi=2"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Kitchen Renovations",
|
||||
price: "Contact for Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg",
|
||||
},
|
||||
id: "s4", name: "Kitchen Renovations", price: "Contact for Quote", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Emergency Repair",
|
||||
price: "Contact for Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mother-standing-near-cradle_1170-360.jpg",
|
||||
},
|
||||
id: "s5", name: "Emergency Repair", price: "Contact for Quote", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mother-standing-near-cradle_1170-360.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Pipe Maintenance",
|
||||
price: "Contact for Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746316.jpg",
|
||||
},
|
||||
id: "s6", name: "Pipe Maintenance", price: "Contact for Quote", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746316.jpg"},
|
||||
]}
|
||||
title="Our Artisan Services"
|
||||
description="Premium plumbing services tailored to your luxury lifestyle."
|
||||
@@ -271,25 +167,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "13+",
|
||||
title: "Years Experience",
|
||||
description: "Deep industry expertise.",
|
||||
icon: Award,
|
||||
id: "m1", value: "13+", title: "Years Experience", description: "Deep industry expertise.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
title: "Star Rating",
|
||||
description: "Across verified platforms.",
|
||||
icon: Star,
|
||||
id: "m2", value: "5.0", title: "Star Rating", description: "Across verified platforms.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
description: "Satisfied households.",
|
||||
icon: CheckCircle,
|
||||
id: "m3", value: "500+", title: "Projects Completed", description: "Satisfied households.", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -304,53 +188,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarah",
|
||||
testimonial: "John is simply the best in the business.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", handle: "@sarah", testimonial: "John is simply the best in the business.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Evans",
|
||||
handle: "@mark",
|
||||
testimonial: "Everything was perfect. Thank you!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-with-dog-home_23-2149613975.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Evans", handle: "@mark", testimonial: "Everything was perfect. Thank you!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-with-dog-home_23-2149613975.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
handle: "@emily",
|
||||
testimonial: "Professional, clean, and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-key-calculator-with-dollar-bills_1150-18701.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", handle: "@emily", testimonial: "Professional, clean, and fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-key-calculator-with-dollar-bills_1150-18701.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Ross",
|
||||
handle: "@david",
|
||||
testimonial: "The standard of plumbing excellence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335467.jpg",
|
||||
},
|
||||
id: "4", name: "David Ross", handle: "@david", testimonial: "The standard of plumbing excellence.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335467.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa O'Brien",
|
||||
handle: "@lisa",
|
||||
testimonial: "Exquisite work every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-charming-curly-hispanic-girl-cooking-her-kitchen-grates-cheese-grater_613910-4901.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa O'Brien", handle: "@lisa", testimonial: "Exquisite work every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-charming-curly-hispanic-girl-cooking-her-kitchen-grates-cheese-grater_613910-4901.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tom Baker",
|
||||
handle: "@tom",
|
||||
testimonial: "Truly a plumbing artist.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg",
|
||||
},
|
||||
id: "6", name: "Tom Baker", handle: "@tom", testimonial: "Truly a plumbing artist.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -362,11 +216,11 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready for an Elite Experience?"
|
||||
description="Reach out today and let's discuss your project."
|
||||
title="Call Now: (555) 123-4567"
|
||||
description="Ready for an Elite Experience? Reach out today for urgent plumbing needs or to discuss your project."
|
||||
buttonText="Call Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -375,37 +229,23 @@ export default function LandingPage() {
|
||||
logoText="Le Belle Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Luxury Installs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Luxury Installs", href: "#services"},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Repairs", href: "#services"},
|
||||
{
|
||||
label: "Consulting",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Consulting", 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: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user