Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cbcb41ac16 | |||
| b01f6fb3dd | |||
| 50fa4495a1 |
230
src/app/page.tsx
230
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -20,8 +20,8 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
contentWidth="smallMedium"
|
||||
sizing="medium"
|
||||
background="noise"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="flat"
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="B Dependable Plumbing"
|
||||
/>
|
||||
@@ -59,13 +51,9 @@ export default function LandingPage() {
|
||||
description="Professional and dependable plumbing services in Cleveland, TX. Open 24/7 to solve your plumbing emergencies with expertise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now (281) 592-8117",
|
||||
href: "tel:2815928117",
|
||||
},
|
||||
text: "Call Now (281) 592-8117", href: "tel:2815928117"},
|
||||
{
|
||||
text: "Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Directions", href: "https://maps.google.com"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721529.jpg"
|
||||
/>
|
||||
@@ -76,8 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Local Plumber"
|
||||
description={[
|
||||
"B Dependable Plumbing serves Cleveland, Texas with top-tier professional services. We are open 24 hours to ensure your home is always in working order. From pipe repairs to routine maintenance, our team is dedicated to excellence.",
|
||||
]}
|
||||
"B Dependable Plumbing serves Cleveland, Texas with top-tier professional services. We are open 24 hours to ensure your home is always in working order. From pipe repairs to routine maintenance, our team is dedicated to excellence."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -88,26 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Leak Detection",
|
||||
description: "Quickly identify and resolve hidden leaks to prevent property damage.",
|
||||
tag: "Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131936.jpg",
|
||||
},
|
||||
id: "s1", title: "Leak Detection", description: "Quickly identify and resolve hidden leaks to prevent property damage.", tag: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131936.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Emergency Repairs",
|
||||
description: "24/7 rapid response for your urgent plumbing emergencies.",
|
||||
tag: "Emergency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-working-fix-problems_23-2150990693.jpg",
|
||||
},
|
||||
id: "s2", title: "Emergency Repairs", description: "24/7 rapid response for your urgent plumbing emergencies.", tag: "Emergency", imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-working-fix-problems_23-2150990693.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Routine Maintenance",
|
||||
description: "Keep your plumbing infrastructure running smoothly with regular checks.",
|
||||
tag: "Reliable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-overalls-with-tools_23-2148428310.jpg",
|
||||
},
|
||||
id: "s3", title: "Routine Maintenance", description: "Keep your plumbing infrastructure running smoothly with regular checks.", tag: "Reliable", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-overalls-with-tools_23-2148428310.jpg"},
|
||||
]}
|
||||
title="Comprehensive Plumbing Services"
|
||||
description="Quality solutions for every plumbing challenge."
|
||||
@@ -122,59 +94,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Standard",
|
||||
name: "High-Flow Faucet",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg",
|
||||
},
|
||||
id: "p1", brand: "Standard", name: "High-Flow Faucet", price: "$120", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Pro",
|
||||
name: "Heavy Duty Disposal",
|
||||
price: "$240",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg",
|
||||
},
|
||||
id: "p2", brand: "Pro", name: "Heavy Duty Disposal", price: "$240", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Standard",
|
||||
name: "Eco-Friendly Toilet",
|
||||
price: "$350",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hammer-hand-with-glove_23-2148180559.jpg",
|
||||
},
|
||||
id: "p3", brand: "Standard", name: "Eco-Friendly Toilet", price: "$350", rating: 4,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/hammer-hand-with-glove_23-2148180559.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Standard",
|
||||
name: "Pipe Fitting Kit",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326534.jpg",
|
||||
},
|
||||
id: "p4", brand: "Standard", name: "Pipe Fitting Kit", price: "$45", rating: 5,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326534.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Pro",
|
||||
name: "Water Filter System",
|
||||
price: "$499",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23486.jpg",
|
||||
},
|
||||
id: "p5", brand: "Pro", name: "Water Filter System", price: "$499", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23486.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Pro",
|
||||
name: "Tankless Water Heater",
|
||||
price: "$999",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strict-young-male-builder-wearing-uniform-safety-helmet-raising-gas-wrench-white_141793-74714.jpg",
|
||||
},
|
||||
id: "p6", brand: "Pro", name: "Tankless Water Heater", price: "$999", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/strict-young-male-builder-wearing-uniform-safety-helmet-raising-gas-wrench-white_141793-74714.jpg"},
|
||||
]}
|
||||
title="Quality Parts & Installations"
|
||||
description="We use the highest quality equipment and parts for every installation and repair service."
|
||||
@@ -188,23 +124,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Happy Customers",
|
||||
value: "1000+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Happy Customers", value: "1000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
id: "m2", icon: Clock,
|
||||
title: "Years Experience", value: "15+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle,
|
||||
title: "Projects Completed",
|
||||
value: "2500+",
|
||||
},
|
||||
id: "m3", icon: CheckCircle,
|
||||
title: "Projects Completed", value: "2500+"},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Proven results for your home maintenance needs."
|
||||
@@ -218,40 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "B Dependable Plumbing fixed my leaking pipes in under an hour. Amazing service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-woman-looking-away-sit-stairs_197531-33817.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "B Dependable Plumbing fixed my leaking pipes in under an hour. Amazing service!", imageSrc: "http://img.b2bpic.net/free-photo/image-woman-looking-away-sit-stairs_197531-33817.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Very professional and clearly communicated pricing before starting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-confident-young-businesswoman-against-gray-background_23-2148029500.jpg",
|
||||
},
|
||||
id: "2", name: "Mike R.", handle: "@miker", testimonial: "Very professional and clearly communicated pricing before starting.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-confident-young-businesswoman-against-gray-background_23-2148029500.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda M.",
|
||||
handle: "@lindam",
|
||||
testimonial: "24/7 service saved our basement during a holiday weekend emergency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
|
||||
},
|
||||
id: "3", name: "Linda M.", handle: "@lindam", testimonial: "24/7 service saved our basement during a holiday weekend emergency.", imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom B.",
|
||||
handle: "@tomb",
|
||||
testimonial: "Best plumbing service in the Cleveland area, reliable and honest.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-great-way-young-creative-people_329181-11591.jpg",
|
||||
},
|
||||
id: "4", name: "Tom B.", handle: "@tomb", testimonial: "Best plumbing service in the Cleveland area, reliable and honest.", imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-great-way-young-creative-people_329181-11591.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jenny L.",
|
||||
handle: "@jennyl",
|
||||
testimonial: "Fast response time and high-quality repair work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
},
|
||||
id: "5", name: "Jenny L.", handle: "@jennyl", testimonial: "Fast response time and high-quality repair work.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Trusted by the Cleveland, TX community."
|
||||
@@ -264,20 +166,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you really open 24/7?",
|
||||
content: "Yes, we handle emergency plumbing calls at any hour of the day or night.",
|
||||
},
|
||||
id: "f1", title: "Are you really open 24/7?", content: "Yes, we handle emergency plumbing calls at any hour of the day or night."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you serve surrounding areas?",
|
||||
content: "We primarily serve Cleveland, Texas and immediate neighboring areas.",
|
||||
},
|
||||
id: "f2", title: "Do you serve surrounding areas?", content: "We primarily serve Cleveland, Texas and immediate neighboring areas."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I book an appointment?",
|
||||
content: "You can reach us directly at (281) 592-8117 to schedule your service.",
|
||||
},
|
||||
id: "f3", title: "How can I book an appointment?", content: "You can reach us directly at (281) 592-8117 to schedule your service."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990680.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -288,37 +181,36 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<ContactCenter
|
||||
tag="Ready to get help?"
|
||||
title="Need a Reliable Plumber?"
|
||||
description="Our team at B Dependable Plumbing is ready to assist you. Give us a call or visit us for any plumbing concerns."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (281) 592-8117",
|
||||
href: "tel:2815928117",
|
||||
},
|
||||
]}
|
||||
description="Our team at B Dependable Plumbing is ready to assist you. Provide your details and we will get back to you."
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterBaseReveal
|
||||
logoText="B Dependable Plumbing"
|
||||
leftLink={{
|
||||
text: "Home",
|
||||
href: "#home",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "#home" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user