Merge version_1 into main #2
272
src/app/page.tsx
272
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Bill Griffiths Plumbing"
|
||||
/>
|
||||
@@ -59,105 +49,60 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Reliable Plumbing Services for Your Home"
|
||||
description="Bill Griffiths Plumbing offers expert repair, installation, and maintenance. Fast service, transparent pricing, and trusted results."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Bill fixed my burst pipe in record time. Excellent service!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-looking-away_23-2148629709.jpg?_wi=1",
|
||||
},
|
||||
name: "John D.", handle: "@johnd", testimonial: "Bill fixed my burst pipe in record time. Excellent service!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-looking-away_23-2148629709.jpg"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Professional, clean, and honest. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-looking-confused-scratching-head-standing-isolated-pink-wall_141793-15220.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahk", testimonial: "Professional, clean, and honest. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-looking-confused-scratching-head-standing-isolated-pink-wall_141793-15220.jpg"},
|
||||
{
|
||||
name: "Mike B.",
|
||||
handle: "@mikeb",
|
||||
testimonial: "Responsive and skilled, fixed our kitchen drain efficiently.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg?_wi=1",
|
||||
},
|
||||
name: "Mike B.", handle: "@mikeb", testimonial: "Responsive and skilled, fixed our kitchen drain efficiently.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Best plumbing experience I've had. Very fair pricing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-looking-confident-pointing-with-index-fingers-down-self-satisfied_141793-28592.jpg?_wi=1",
|
||||
},
|
||||
name: "Elena R.", handle: "@elenar", testimonial: "Best plumbing experience I've had. Very fair pricing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-looking-confident-pointing-with-index-fingers-down-self-satisfied_141793-28592.jpg"},
|
||||
{
|
||||
name: "Tom S.",
|
||||
handle: "@toms",
|
||||
testimonial: "Fast arrival and great communication throughout the repair.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-showing-digital-tablet-her-wife-cutting-carrot_23-2147947730.jpg?_wi=1",
|
||||
},
|
||||
name: "Tom S.", handle: "@toms", testimonial: "Fast arrival and great communication throughout the repair.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-showing-digital-tablet-her-wife-cutting-carrot_23-2147947730.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Call Now", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-couple-feeding-tomato-kitchen_23-2148076130.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-couple-feeding-tomato-kitchen_23-2148076130.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-apron-holding-mobile-phone-hand-looking-away_23-2148096491.jpg",
|
||||
alt: "Portrait of a young man wearing apron holding mobile phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-apron-holding-mobile-phone-hand-looking-away_23-2148096491.jpg", alt: "Portrait of a young man wearing apron holding mobile phone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515884.jpg",
|
||||
alt: "View of person creating digital content",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515884.jpg", alt: "View of person creating digital content"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg",
|
||||
alt: "Man engaged in household tasks",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg", alt: "Man engaged in household tasks"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-raw-person-home-happy_1303-397.jpg",
|
||||
alt: "Girl raw person home happy",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-raw-person-home-happy_1303-397.jpg", alt: "Girl raw person home happy"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-talking-mobile-phone-while-standing-kitchen-with-glass-juice_231208-661.jpg",
|
||||
alt: "Smiling young woman talking on mobile phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-talking-mobile-phone-while-standing-kitchen-with-glass-juice_231208-661.jpg", alt: "Smiling young woman talking on mobile phone"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Service",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Service", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Transparent Pricing",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Transparent Pricing", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Technicians",
|
||||
icon: Wrench,
|
||||
type: "text-icon", text: "Expert Technicians", icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Response",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Fast Response", icon: Zap,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -170,40 +115,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Leak Detection",
|
||||
description: "Quickly identify and resolve hidden leaks to prevent property damage.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-working_23-2148480380.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/some-tools_23-2147773426.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-couple-feeding-tomato-kitchen_23-2148076130.jpg?_wi=2",
|
||||
imageAlt: "plumbing repair services modern",
|
||||
title: "Leak Detection", description: "Quickly identify and resolve hidden leaks to prevent property damage.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-working_23-2148480380.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/some-tools_23-2147773426.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Drain Services",
|
||||
description: "Clearing stubborn blockages with precision equipment for free-flowing pipes.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990703.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg",
|
||||
imageAlt: "plumbing repair services modern",
|
||||
title: "Drain Services", description: "Clearing stubborn blockages with precision equipment for free-flowing pipes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990703.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Emergency Repair",
|
||||
description: "Rapid response for urgent plumbing issues that cannot wait.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-looking-away_23-2148629709.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-courier-with-cardboard-pizza-clipboard_114579-62569.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-looking-confused-scratching-head-standing-isolated-pink-wall_141793-15220.jpg?_wi=2",
|
||||
imageAlt: "plumbing repair services modern",
|
||||
title: "Emergency Repair", description: "Rapid response for urgent plumbing issues that cannot wait.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-looking-away_23-2148629709.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-female-courier-with-cardboard-pizza-clipboard_114579-62569.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -218,19 +139,13 @@ export default function LandingPage() {
|
||||
title="Why Choose Bill Griffiths Plumbing"
|
||||
metrics={[
|
||||
{
|
||||
label: "Years Experience",
|
||||
value: "20+",
|
||||
icon: Award,
|
||||
label: "Years Experience", value: "20+", icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Happy Clients",
|
||||
value: "5000+",
|
||||
icon: CheckCircle,
|
||||
label: "Happy Clients", value: "5000+", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
label: "Emergency Response",
|
||||
value: "24/7",
|
||||
icon: Clock,
|
||||
label: "Emergency Response", value: "24/7", icon: Clock,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -245,20 +160,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Customer Satisfaction Rate",
|
||||
},
|
||||
id: "m1", value: "100%", description: "Customer Satisfaction Rate"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Urgent Support Availability",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Urgent Support Availability"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1-Hour",
|
||||
description: "Average Emergency Arrival",
|
||||
},
|
||||
id: "m3", value: "1-Hour", description: "Average Emergency Arrival"},
|
||||
]}
|
||||
title="Service Excellence"
|
||||
description="Our numbers speak for the quality we bring to every job site."
|
||||
@@ -272,45 +178,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna P.",
|
||||
handle: "@annap",
|
||||
testimonial: "Excellent service and very reliable. Definitely my go-to plumber.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-looking-away_23-2148629709.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "Anna P.", handle: "@annap", testimonial: "Excellent service and very reliable. Definitely my go-to plumber.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-looking-away_23-2148629709.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
handle: "@markr",
|
||||
testimonial: "Knowledgeable and fast. Fixed the leak in no time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-looking-confused-scratching-head-standing-isolated-pink-wall_141793-15220.jpg?_wi=3",
|
||||
},
|
||||
id: "2", name: "Mark R.", handle: "@markr", testimonial: "Knowledgeable and fast. Fixed the leak in no time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-looking-confused-scratching-head-standing-isolated-pink-wall_141793-15220.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lisa M.",
|
||||
handle: "@lisam",
|
||||
testimonial: "Very professional and left the kitchen spotless after repair.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Lisa M.", handle: "@lisam", testimonial: "Very professional and left the kitchen spotless after repair.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Transparent pricing and great communication. Will call again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-looking-confident-pointing-with-index-fingers-down-self-satisfied_141793-28592.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David W.", handle: "@davidw", testimonial: "Transparent pricing and great communication. Will call again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-looking-confident-pointing-with-index-fingers-down-self-satisfied_141793-28592.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane H.",
|
||||
handle: "@janeh",
|
||||
testimonial: "Honest work, fixed my water heater quickly. Very impressed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-showing-digital-tablet-her-wife-cutting-carrot_23-2147947730.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Jane H.", handle: "@janeh", testimonial: "Honest work, fixed my water heater quickly. Very impressed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-showing-digital-tablet-her-wife-cutting-carrot_23-2147947730.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Local Homeowners"
|
||||
@@ -324,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide free estimates?",
|
||||
content: "Yes, we provide transparent and free estimates after an initial assessment.",
|
||||
},
|
||||
id: "f1", title: "Do you provide free estimates?", content: "Yes, we provide transparent and free estimates after an initial assessment."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. Bill Griffiths Plumbing is fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
id: "f2", title: "Are you licensed and insured?", content: "Absolutely. Bill Griffiths Plumbing is fully licensed and insured for your peace of mind."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we are available 24/7 for all urgent plumbing issues.",
|
||||
},
|
||||
id: "f3", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for all urgent plumbing issues."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common plumbing concerns to help you plan your service needs."
|
||||
@@ -352,22 +224,14 @@ export default function LandingPage() {
|
||||
description="Send us a message and we will get back to you immediately."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your plumbing issue",
|
||||
required: true,
|
||||
name: "message", placeholder: "Describe your plumbing issue", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg"
|
||||
/>
|
||||
@@ -378,29 +242,19 @@ export default function LandingPage() {
|
||||
logoText="Bill Griffiths Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
title: "Help", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user