Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 24eb6e0b5f | |||
| 6a171ec04f | |||
| 2c659c760b |
163
src/app/page.tsx
163
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,70 +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", id: "hero"},
|
{ name: "About", id: "about" },
|
||||||
{
|
{ name: "Services", id: "services" },
|
||||||
name: "About", id: "about"},
|
{ name: "Reviews", id: "reviews" },
|
||||||
{
|
|
||||||
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", handle: "@sarahj", testimonial: "John is the absolute best. Clean, professional, and meticulous.", rating: 5,
|
{ 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" },
|
||||||
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: "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: "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>
|
||||||
|
|
||||||
@@ -103,12 +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", 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" },
|
||||||
{
|
|
||||||
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."
|
||||||
@@ -120,14 +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", 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."},
|
|
||||||
]}
|
]}
|
||||||
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"
|
||||||
@@ -141,18 +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", 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: "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."
|
||||||
@@ -166,18 +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", 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,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
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>
|
||||||
|
|
||||||
@@ -187,40 +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", name: "Sarah Jenkins", handle: "@sarah", testimonial: "John is simply the best in the business.", rating: 5,
|
{ id: "2", name: "Mark Evans", handle: "@mark", testimonial: "Everything was perfect. Thank you!", 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="Call Now: (555) 123-4567"
|
title="Need Urgent Help? Call Now."
|
||||||
description="Ready for an Elite Experience? Reach out today for urgent plumbing needs or to discuss your project."
|
description="For immediate assistance or emergencies, call us directly."
|
||||||
buttonText="Call Now"
|
buttonText="Call (555) 123-4567"
|
||||||
|
background={{ variant: "plain" }}
|
||||||
|
useInvertedBackground={true}
|
||||||
|
onSubmit={(email) => console.log("Consultation for: ", email)}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -228,26 +145,8 @@ 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", items: [
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Reviews", href: "#reviews" }] },
|
||||||
{
|
|
||||||
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>
|
||||||
|
|||||||
Reference in New Issue
Block a user