Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e13fa2791c | |||
| 24eb6e0b5f | |||
| 83bb6cc854 | |||
| 6a171ec04f | |||
| 2c659c760b | |||
| 99f164a6c2 | |||
| bb9d331793 |
325
src/app/page.tsx
325
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
|||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||||
import { Award, CheckCircle, Star } from "lucide-react";
|
import { Award, CheckCircle, Star, Phone } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -31,126 +31,28 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Services", id: "services" },
|
||||||
},
|
{ name: "Reviews", id: "reviews" },
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Services",
|
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "reviews",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{ text: "Book Now", href: "#contact" }}
|
||||||
text: "Book Now",
|
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
brandName="Le Belle Plumbing"
|
brandName="Le Belle Plumbing"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitTestimonial
|
<HeroSplitTestimonial
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
title="Mastery in Every Drop."
|
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."
|
description="For over 13 years, Le Belle Plumbing has defined excellence in residential care. Trust the experts who put quality first."
|
||||||
testimonials={[
|
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",
|
{ 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" },
|
||||||
handle: "@sarahj",
|
{ 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" },
|
||||||
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: "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: "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"
|
imageSrc="http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=2"
|
||||||
mediaAnimation="slide-up"
|
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/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/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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "13+ Years of Quality",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Licensed & Insured",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Elite Craftsmanship",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Professional Reliability",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Customer Satisfaction",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -159,30 +61,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
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" },
|
||||||
tag: "Expertise",
|
{ 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" },
|
||||||
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: "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"
|
title="The Le Belle Promise"
|
||||||
description="We ensure your plumbing works perfectly, quietly, and reliably."
|
description="We ensure your plumbing works perfectly, quietly, and reliably."
|
||||||
@@ -194,20 +74,10 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Meet John, Your Specialist"
|
title="Meet John, Your Specialist"
|
||||||
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."
|
description="John brings over a decade of plumbing excellence to your home, combining technical mastery with an artisan’s eye for detail."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{ title: "Certified Expert", description: "Fully licensed and insured." },
|
||||||
title: "Certified Expert",
|
{ title: "Local Hero", description: "Proudly serving our community." },
|
||||||
description: "Fully licensed and insured.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Local Hero",
|
|
||||||
description: "Proudly serving our community.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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"
|
imageSrc="http://img.b2bpic.net/free-photo/carpenter-wearing-protection-glasses-checking-scratches-wood_482257-84370.jpg?_wi=3"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -221,42 +91,8 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
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",
|
{ 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" },
|
||||||
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: "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: "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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Artisan Services"
|
title="Our Artisan Services"
|
||||||
description="Premium plumbing services tailored to your luxury lifestyle."
|
description="Premium plumbing services tailored to your luxury lifestyle."
|
||||||
@@ -270,30 +106,11 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "13+", title: "Years Experience", description: "Deep industry expertise.", icon: Award },
|
||||||
id: "m1",
|
{ id: "m2", value: "5.0", title: "Star Rating", description: "Across verified platforms.", icon: Star },
|
||||||
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: "m3",
|
|
||||||
value: "500+",
|
|
||||||
title: "Projects Completed",
|
|
||||||
description: "Satisfied households.",
|
|
||||||
icon: CheckCircle,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="By The Numbers"
|
title="By The Numbers"
|
||||||
description="Excellence verified by years of experience and customer satisfaction."
|
description="Excellence verified by years of experience."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -303,70 +120,24 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Sarah Jenkins", handle: "@sarah", testimonial: "John is simply the best in the business.", rating: 5 },
|
||||||
id: "1",
|
{ id: "2", name: "Mark Evans", handle: "@mark", testimonial: "Everything was perfect. Thank you!", rating: 5 },
|
||||||
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: "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: "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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
showRating={true}
|
showRating={true}
|
||||||
title="What Our Clients Say"
|
title="What Our Clients Say"
|
||||||
description="Authentic experiences from homeowners who appreciate artisan quality."
|
description="Authentic experiences from homeowners."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
|
||||||
background={{
|
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Contact Us"
|
tag="Contact Us"
|
||||||
title="Ready for an Elite Experience?"
|
title="Need Urgent Help? Call Now."
|
||||||
description="Reach out today and let's discuss your project."
|
description="For immediate assistance or emergencies, call us directly."
|
||||||
|
buttonText="Call (555) 123-4567"
|
||||||
|
background={{ variant: "plain" }}
|
||||||
|
useInvertedBackground={true}
|
||||||
|
onSubmit={(email) => console.log("Consultation for: ", email)}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -374,44 +145,12 @@ export default function LandingPage() {
|
|||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Le Belle Plumbing"
|
logoText="Le Belle Plumbing"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Services", items: [{ label: "Luxury Installs", href: "#services" }, { label: "Repairs", href: "#services" }] },
|
||||||
title: "Services",
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Reviews", href: "#reviews" }] },
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Luxury Installs",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Repairs",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Consulting",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Company",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Reviews",
|
|
||||||
href: "#reviews",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user