Merge version_1 into main #1
331
src/app/page.tsx
331
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { CheckCircle, Clock, Star, Users } from "lucide-react";
|
||||
import { CheckCircle, Clock, Star, Users, Zap, Shield, Wrench, Droplets, ArrowDown, Flame, Truck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,144 +31,59 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Us", id: "why-us"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Al & Sons Plumbing"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:5550102",
|
||||
}}
|
||||
text: "Call Now", href: "tel:5550102"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Fast, Honest Plumbing from Your Neighborhood Pros"
|
||||
description="Al Sr. and Al Jr. are your local plumbing experts. Whether it's a leaky faucet or a water heater emergency, we show up fast and get the job done right—without the corporate price tag."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
|
||||
imageAlt: "Plumbing service team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg",
|
||||
imageAlt: "Water heater work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721580.jpg",
|
||||
imageAlt: "Leak detection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-opening-faucet-looking-jet-water_259150-59268.jpg",
|
||||
imageAlt: "Faucet installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-coffee-pot_23-2149395630.jpg",
|
||||
imageAlt: "Water conditioning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bleu-run-scarce-bathroom-washroom_1172-546.jpg",
|
||||
imageAlt: "Drain repair",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg", imageAlt: "Plumbing service team" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg", imageAlt: "Water heater work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721580.jpg", imageAlt: "Leak detection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-opening-faucet-looking-jet-water_259150-59268.jpg", imageAlt: "Faucet installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-coffee-pot_23-2149395630.jpg", imageAlt: "Water conditioning" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bleu-run-scarce-bathroom-washroom_1172-546.jpg", imageAlt: "Drain repair" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adjusting-heating-valves-residential-building_169016-52905.jpg",
|
||||
imageAlt: "Boiler replacement",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8634.jpg",
|
||||
imageAlt: "Mobile home services",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-washing-dishes_23-2148947309.jpg",
|
||||
imageAlt: "Professional plumbing service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg",
|
||||
imageAlt: "Fast response",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",
|
||||
imageAlt: "Fair pricing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arched-faucet-modern-sink-blue-fronts_169016-69255.jpg",
|
||||
imageAlt: "Family business",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/adjusting-heating-valves-residential-building_169016-52905.jpg", imageAlt: "Boiler replacement" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8634.jpg", imageAlt: "Mobile home services" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-washing-dishes_23-2148947309.jpg", imageAlt: "Professional plumbing service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "Fast response" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg", imageAlt: "Fair pricing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/arched-faucet-modern-sink-blue-fronts_169016-69255.jpg", imageAlt: "Family business" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call or Text 555-0102",
|
||||
href: "tel:5550102",
|
||||
},
|
||||
{ text: "Call or Text 555-0102", href: "tel:5550102" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733151.jpg",
|
||||
alt: "Happy local customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-with-miniature-his-future-home_1149-759.jpg",
|
||||
alt: "Happy local customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-holding-key-new-house-new-home_839833-24969.jpg",
|
||||
alt: "Happy local customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-inside_23-2149246353.jpg",
|
||||
alt: "Happy local customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
|
||||
alt: "Happy local customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733151.jpg", alt: "Happy local customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-man-with-miniature-his-future-home_1149-759.jpg", alt: "Happy local customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-holding-key-new-house-new-home_839833-24969.jpg", alt: "Happy local customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-inside_23-2149246353.jpg", alt: "Happy local customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg", alt: "Happy local customer" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local neighbors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15628.jpg",
|
||||
alt: "Service badge",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-kid-cleaning-bowl_23-2148947314.jpg",
|
||||
alt: "Emergency repair",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/portait-two-generation-carpenters_329181-15614.jpg",
|
||||
alt: "Family business",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-family-preparing-food-kitchen_1157-35484.jpg",
|
||||
alt: "Kitchen plumbing",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/grandson-giving-carrot-grandpa_23-2148305439.jpg",
|
||||
alt: "Local expertise",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15628.jpg", alt: "Service badge" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-kid-cleaning-bowl_23-2148947314.jpg", alt: "Emergency repair" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/portait-two-generation-carpenters_329181-15614.jpg", alt: "Family business" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-family-preparing-food-kitchen_1157-35484.jpg", alt: "Kitchen plumbing" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/grandson-giving-carrot-grandpa_23-2148305439.jpg", alt: "Local expertise" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -178,48 +93,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Water Heater Repair",
|
||||
description: "Expert repair and installation to keep your hot water running.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-repair-experienced-attentive-middleaged-man-examining-bottom-kitchen-sink_259150-58266.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Leak Detection & Repair",
|
||||
description: "We locate leaks fast and save you from structural damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Fixture Installation",
|
||||
description: "Professional install of all faucets, sinks, and shower fixtures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg",
|
||||
buttonIcon: "Wrench",
|
||||
},
|
||||
{
|
||||
title: "Water Conditioning",
|
||||
description: "Softening and filtration systems for clean, healthy household water.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/defective-manometers-zoom-shot_482257-96171.jpg",
|
||||
buttonIcon: "Droplets",
|
||||
},
|
||||
{
|
||||
title: "Shower & Drain Repair",
|
||||
description: "Clear clogs and restore your shower drainage efficiently.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-lying-sink_23-2147772221.jpg",
|
||||
buttonIcon: "ArrowDown",
|
||||
},
|
||||
{
|
||||
title: "Boiler Services",
|
||||
description: "Reliable boiler replacement and system maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg",
|
||||
buttonIcon: "Flame",
|
||||
},
|
||||
{
|
||||
title: "Mobile Home Plumbing",
|
||||
description: "Specialized plumbing services for mobile home water and pipe systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-bearded-man-snapback-holding-hand-handle-his-white-jeep-opening-door-while-getting-going-spend-weekend-safari-race_273609-1579.jpg",
|
||||
buttonIcon: "Truck",
|
||||
},
|
||||
{ title: "Water Heater Repair", description: "Expert repair and installation to keep your hot water running.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-repair-experienced-attentive-middleaged-man-examining-bottom-kitchen-sink_259150-58266.jpg", buttonIcon: Zap },
|
||||
{ title: "Leak Detection & Repair", description: "We locate leaks fast and save you from structural damage.", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53608.jpg", buttonIcon: Shield },
|
||||
{ title: "Fixture Installation", description: "Professional install of all faucets, sinks, and shower fixtures.", imageSrc: "http://img.b2bpic.net/free-photo/man-adjusting-water-tap-with-wrench_259150-58269.jpg", buttonIcon: Wrench },
|
||||
{ title: "Water Conditioning", description: "Softening and filtration systems for clean, healthy household water.", imageSrc: "http://img.b2bpic.net/free-photo/defective-manometers-zoom-shot_482257-96171.jpg", buttonIcon: Droplets },
|
||||
{ title: "Shower & Drain Repair", description: "Clear clogs and restore your shower drainage efficiently.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-lying-sink_23-2147772221.jpg", buttonIcon: ArrowDown },
|
||||
{ title: "Boiler Services", description: "Reliable boiler replacement and system maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg", buttonIcon: Flame },
|
||||
{ title: "Mobile Home Plumbing", description: "Specialized plumbing services for mobile home water and pipe systems.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-bearded-man-snapback-holding-hand-handle-his-white-jeep-opening-door-while-getting-going-spend-weekend-safari-race_273609-1579.jpg", buttonIcon: Truck },
|
||||
]}
|
||||
title="Plumbing Services We Provide"
|
||||
description="From emergency repairs to new installations, we handle it all with old-school craftsmanship."
|
||||
@@ -232,30 +112,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Clock,
|
||||
title: "Fast Response",
|
||||
value: "1-2 Hours",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: CheckCircle,
|
||||
title: "Honest Pricing",
|
||||
value: "Fair & Low",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Family Business",
|
||||
value: "Owner-Operated",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Star,
|
||||
title: "Going Above",
|
||||
value: "Always",
|
||||
},
|
||||
{ id: "m1", icon: Clock, title: "Fast Response", value: "1-2 Hours" },
|
||||
{ id: "m2", icon: CheckCircle, title: "Honest Pricing", value: "Fair & Low" },
|
||||
{ id: "m3", icon: Users, title: "Family Business", value: "Owner-Operated" },
|
||||
{ id: "m4", icon: Star, title: "Going Above", value: "Always" },
|
||||
]}
|
||||
title="Why Neighbors Trust Us"
|
||||
description="We're not a big chain—we're your neighbors who happen to know everything about plumbing."
|
||||
@@ -269,26 +129,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Google Review Customer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-house-star-icons_53876-71032.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-new-flat_1098-17257.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-house-star-icons_53876-71032.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-woman-new-flat_1098-17257.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -299,26 +144,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How fast can you arrive?",
|
||||
content: "We prioritize emergencies and often arrive within 1-2 hours of your call.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you charge extra for weekends?",
|
||||
content: "We believe in honest, fair pricing and don't believe in gouging customers on weekends.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it really Al and his son?",
|
||||
content: "Yes! Al Sr. and Al Jr. perform all work personally. You deal with the owners, not a technician.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you do mobile home plumbing?",
|
||||
content: "Absolutely. We have specialized expertise for mobile home systems.",
|
||||
},
|
||||
{ id: "q1", title: "How fast can you arrive?", content: "We prioritize emergencies and often arrive within 1-2 hours of your call." },
|
||||
{ id: "q2", title: "Do you charge extra for weekends?", content: "We believe in honest, fair pricing and don't believe in gouging customers on weekends." },
|
||||
{ id: "q3", title: "Is it really Al and his son?", content: "Yes! Al Sr. and Al Jr. perform all work personally. You deal with the owners, not a technician." },
|
||||
{ id: "q4", title: "Do you do mobile home plumbing?", content: "Absolutely. We have specialized expertise for mobile home systems." },
|
||||
]}
|
||||
sideTitle="Common Plumbing Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -331,25 +160,10 @@ export default function LandingPage() {
|
||||
title="Need a Plumber Right Now?"
|
||||
description="Give us a call or send a message. We're ready to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your plumbing issue...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your plumbing issue...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/father-s-day-background-with-tools-blank-space_23-2147625658.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -358,42 +172,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Al & Sons Plumbing",
|
||||
items: [
|
||||
{
|
||||
label: "Fast Response Plumbing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Call Today: 555-0102",
|
||||
href: "tel:5550102",
|
||||
},
|
||||
title: "Al & Sons Plumbing", items: [
|
||||
{ label: "Fast Response Plumbing", href: "#" },
|
||||
{ label: "Call Today: 555-0102", href: "tel:5550102" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Why Us",
|
||||
href: "#why-us",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Why Us", href: "#why-us" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user