Update src/app/page.tsx
This commit is contained in:
320
src/app/page.tsx
320
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { AlertTriangle, Droplets, Phone, Settings, ShieldCheck, Wrench } from "lucide-react";
|
||||
import { AlertTriangle, Droplets, Phone, Settings, ShieldCheck, Wrench, ShowerHead, Thermometer, Pipette } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,53 +30,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Boot's Plumbing"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:910-000-0000",
|
||||
}}
|
||||
text: "Call Now", href: "tel:910-000-0000"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Boot's Plumbing: Your Trusted Local Plumber"
|
||||
description="Professional, reliable plumbing services for homeowners and businesses in Jacksonville, NC. From emergency repairs to new installations, we've got you covered."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:910-000-0000",
|
||||
},
|
||||
{ text: "Request Service", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:910-000-0000" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-businessman-bike-shop_23-2149039016.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-businessman-bike-shop_23-2149039016.jpg"
|
||||
imageAlt="professional plumber smiling tools"
|
||||
/>
|
||||
</div>
|
||||
@@ -86,82 +61,40 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "General Repairs",
|
||||
description: "Professional leak repair, faucet fixing, and drain cleaning to keep your home running smoothly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg?_wi=1",
|
||||
imageAlt: "plumbing pipe repair service",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Drain Cleaning",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Leak Detection",
|
||||
},
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Faucet Repairs",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman-bike-shop_23-2149039016.jpg?_wi=2",
|
||||
imageAlt: "plumbing pipe repair service",
|
||||
},
|
||||
{
|
||||
title: "Installations",
|
||||
description: "Expert installation services for sinks, toilets, showers, and water heaters with a focus on durability.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg?_wi=1",
|
||||
imageAlt: "toilet installation service",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: ShowerHead,
|
||||
text: "Fixture Setup",
|
||||
},
|
||||
{
|
||||
icon: Thermometer,
|
||||
text: "Water Heaters",
|
||||
},
|
||||
{
|
||||
icon: Pipette,
|
||||
text: "Piping Upgrade",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/having-discussion_1098-14647.jpg?_wi=1",
|
||||
imageAlt: "plumbing pipe repair service",
|
||||
},
|
||||
{
|
||||
title: "Emergency Services",
|
||||
description: "When disaster strikes, we are here to help. Fast-response emergency plumbing whenever you need us.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-worker-uniform-with-tool-case-red-surface_140725-154715.jpg?_wi=1",
|
||||
imageAlt: "emergency plumbing service sign",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Phone,
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
text: "Emergency Response",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Reliable Care",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg",
|
||||
imageAlt: "plumbing pipe repair service",
|
||||
},
|
||||
]}
|
||||
title="Our Plumbing Services"
|
||||
description="Comprehensive plumbing solutions delivered by experts."
|
||||
features={[
|
||||
{
|
||||
title: "General Repairs", description: "Professional leak repair, faucet fixing, and drain cleaning to keep your home running smoothly.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg", imageAlt: "plumbing pipe repair service"},
|
||||
items: [
|
||||
{ icon: Wrench, text: "Drain Cleaning" },
|
||||
{ icon: Droplets, text: "Leak Detection" },
|
||||
{ icon: Settings, text: "Faucet Repairs" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Installations", description: "Expert installation services for sinks, toilets, showers, and water heaters with a focus on durability.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg", imageAlt: "toilet installation service"},
|
||||
items: [
|
||||
{ icon: ShowerHead, text: "Fixture Setup" },
|
||||
{ icon: Thermometer, text: "Water Heaters" },
|
||||
{ icon: Pipette, text: "Piping Upgrade" },
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Emergency Services", description: "When disaster strikes, we are here to help. Fast-response emergency plumbing whenever you need us.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-worker-uniform-with-tool-case-red-surface_140725-154715.jpg", imageAlt: "emergency plumbing service sign"},
|
||||
items: [
|
||||
{ icon: Phone, text: "24/7 Support" },
|
||||
{ icon: AlertTriangle, text: "Emergency Response" },
|
||||
{ icon: ShieldCheck, text: "Reliable Care" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -170,13 +103,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Serving Jacksonville, NC with Care"
|
||||
description="Boot's Plumbing has been dedicated to serving Jacksonville for years. We believe in high-quality workmanship and community involvement. Our mission is to build lasting relationships with every customer we serve."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/having-discussion_1098-14647.jpg?_wi=2"
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/having-discussion_1098-14647.jpg"
|
||||
imageAlt="plumbing team professional uniforms"
|
||||
/>
|
||||
</div>
|
||||
@@ -185,65 +113,20 @@ export default function LandingPage() {
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2024",
|
||||
title: "Excellent Service",
|
||||
quote: "They fixed my leaky faucet in no time! Very professional.",
|
||||
tag: "Homeowner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman-bike-shop_23-2149039016.jpg?_wi=3",
|
||||
imageAlt: "happy home owner portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
date: "Feb 2024",
|
||||
title: "Great Team",
|
||||
quote: "Professional, on-time, and fair pricing. Recommended.",
|
||||
tag: "Property Manager",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064874.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/having-discussion_1098-14647.jpg?_wi=3",
|
||||
imageAlt: "happy home owner portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily White",
|
||||
date: "Mar 2024",
|
||||
title: "Lifesavers!",
|
||||
quote: "Called them in an emergency, they arrived fast and handled it perfectly.",
|
||||
tag: "Homeowner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/indoor-image-optimistic-energetic-mature-businesswoman-with-short-blonde-hair-posing-stylish-office-interior-with-arms-folded-her-chest-looking-camera-with-confident-happy-smile_343059-2245.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg?_wi=2",
|
||||
imageAlt: "happy home owner portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Brown",
|
||||
date: "Apr 2024",
|
||||
title: "Fast and Reliable",
|
||||
quote: "Always my go-to for any plumbing issues in my rental units.",
|
||||
tag: "Business Owner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-cup_23-2149720833.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg?_wi=2",
|
||||
imageAlt: "happy home owner portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Davis",
|
||||
date: "May 2024",
|
||||
title: "Super Helpful",
|
||||
quote: "Friendly staff, quality work. Would call again without hesitation!",
|
||||
tag: "Homeowner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-worker-uniform-with-tool-case-red-surface_140725-154715.jpg?_wi=2",
|
||||
imageAlt: "happy home owner portrait",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Trust the word of your neighbors in Jacksonville."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Miller", date: "Jan 2024", title: "Excellent Service", quote: "They fixed my leaky faucet in no time! Very professional.", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman-bike-shop_23-2149039016.jpg", imageAlt: "happy home owner portrait"},
|
||||
{
|
||||
id: "2", name: "John Doe", date: "Feb 2024", title: "Great Team", quote: "Professional, on-time, and fair pricing. Recommended.", tag: "Property Manager", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064874.jpg", imageSrc: "http://img.b2bpic.net/free-photo/having-discussion_1098-14647.jpg", imageAlt: "happy home owner portrait"},
|
||||
{
|
||||
id: "3", name: "Emily White", date: "Mar 2024", title: "Lifesavers!", quote: "Called them in an emergency, they arrived fast and handled it perfectly.", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/indoor-image-optimistic-energetic-mature-businesswoman-with-short-blonde-hair-posing-stylish-office-interior-with-arms-folded-her-chest-looking-camera-with-confident-happy-smile_343059-2245.jpg", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg", imageAlt: "happy home owner portrait"},
|
||||
{
|
||||
id: "4", name: "Michael Brown", date: "Apr 2024", title: "Fast and Reliable", quote: "Always my go-to for any plumbing issues in my rental units.", tag: "Business Owner", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-cup_23-2149720833.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg", imageAlt: "happy home owner portrait"},
|
||||
{
|
||||
id: "5", name: "Linda Davis", date: "May 2024", title: "Super Helpful", quote: "Friendly staff, quality work. Would call again without hesitation!", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-worker-uniform-with-tool-case-red-surface_140725-154715.jpg", imageAlt: "happy home owner portrait"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -253,20 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide 24/7 emergency service?",
|
||||
content: "Yes, we are available for emergency plumbing needs in Jacksonville, NC.",
|
||||
},
|
||||
id: "f1", title: "Do you provide 24/7 emergency service?", content: "Yes, we are available for emergency plumbing needs in Jacksonville, NC."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your plumbers licensed?",
|
||||
content: "Absolutely. All our technicians are fully licensed and insured.",
|
||||
},
|
||||
id: "f2", title: "Are your plumbers licensed?", content: "Absolutely. All our technicians are fully licensed and insured."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I request a quote?",
|
||||
content: "You can fill out our contact form or call us directly at 910-000-0000.",
|
||||
},
|
||||
id: "f3", title: "How do I request a quote?", content: "You can fill out our contact form or call us directly at 910-000-0000."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our plumbing services."
|
||||
@@ -280,29 +154,12 @@ export default function LandingPage() {
|
||||
title="Contact Boot's Plumbing"
|
||||
description="Submit a service request or ask a question. We look forward to helping you!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your plumbing issue here...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Describe your plumbing issue here...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-pvc_23-2149062947.jpg"
|
||||
@@ -316,50 +173,23 @@ export default function LandingPage() {
|
||||
logoText="Boot's Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Installations",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Repairs", href: "#services" },
|
||||
{ label: "Installations", href: "#services" },
|
||||
{ label: "Emergency", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our History",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "About", items: [
|
||||
{ label: "Our History", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user