Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8b348c50b2 | |||
| d2af6ef487 | |||
| 2c13e110ed | |||
| 48f4a2875b | |||
| 7bd5e26286 | |||
| da238b04e6 | |||
| e1b050db51 | |||
| 7fef577567 | |||
| 2ff31a1807 | |||
| 5949e9a598 | |||
| ae14511ff6 | |||
| 3c05b37304 | |||
| 74756a1ed1 | |||
| c94c458855 | |||
| 718bde2e60 |
1425
src/app/layout.tsx
1425
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
255
src/app/page.tsx
255
src/app/page.tsx
@@ -1,239 +1,212 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Award, Users, Check, Clock, Phone } from 'lucide-react';
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Mail, Phone, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="primary-glow"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="ProFlow Plumbing"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "About", id: "why-us" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="ProFlow"
|
||||
button={{ text: "Get Started", href: "contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="ProFlow"
|
||||
description="Professional plumbing solutions for residential and commercial properties. Expert repairs, installations, and maintenance delivered with integrity and care."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
description="Professional plumbing solutions for your home and business"
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Emergency Service", href: "tel:1-800-PROFLOW" }
|
||||
{ text: "Book Service", href: "contact" },
|
||||
{ text: "Learn More", href: "services" },
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg"
|
||||
imageAlt="Professional plumber at work"
|
||||
frameStyle="card"
|
||||
mediaAnimation="slide-up"
|
||||
buttonAnimation="opacity"
|
||||
mediaAnimation="none"
|
||||
imageSrc="/placeholders/placeholder1.webp?_wi=1"
|
||||
imageAlt="Professional plumbing services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
title="Our Plumbing Services"
|
||||
description="From routine maintenance to complex installations, we handle all your plumbing needs with professional expertise and quality workmanship."
|
||||
tag="Services"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Emergency Repairs", description: "24/7 emergency plumbing services to handle burst pipes, leaks, and other urgent issues. Fast response times and expert solutions.", imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-touching-sink-inspecting-pipes_259150-58251.jpg?_wi=1"
|
||||
title: "Emergency Repairs", description: "Available 24/7 for urgent plumbing issues", imageSrc: "/placeholders/placeholder2.webp?_wi=1", imageAlt: "Emergency repair service"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Drain Cleaning & Maintenance", description: "Professional drain cleaning, unclogging, and preventative maintenance to keep your plumbing system flowing smoothly year-round.", imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-touching-sink-inspecting-pipes_259150-58251.jpg?_wi=2"
|
||||
title: "Installation Services", description: "Professional installation of pipes and fixtures", imageSrc: "/placeholders/placeholder3.webp?_wi=1", imageAlt: "Installation service"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Water Heater Services", description: "Installation, repair, and maintenance of water heaters. We service all brands and types including tankless and traditional systems.", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg"
|
||||
title: "Maintenance Plans", description: "Regular maintenance to prevent future issues", imageSrc: "/placeholders/placeholder4.webp?_wi=1", imageAlt: "Maintenance service"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Pipe Installation & Repair", description: "Expert installation and repair of all types of pipes including copper, PVC, PEX, and more. Built to last and code compliant.", imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515893.jpg"
|
||||
}
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive plumbing solutions tailored to your needs"
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MediaAbout
|
||||
title="Why Choose ProFlow"
|
||||
description="With over 20 years of experience, certified technicians, and a commitment to customer satisfaction, we're your trusted plumbing partner."
|
||||
tag="About Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-manual-worker-presenting-new-business-strategy-company-managers-his-colleagues-factory_637285-4142.jpg"
|
||||
imageAlt="Our professional plumbing team"
|
||||
buttons={[
|
||||
{ text: "Schedule Appointment", href: "#contact" }
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose ProFlow?"
|
||||
description="With over 20 years of experience, we've earned the trust of thousands of satisfied customers across the region. Our team of certified plumbers is committed to delivering exceptional service."
|
||||
imageSrc="/placeholders/placeholder5.webp?_wi=1"
|
||||
imageAlt="Professional plumbing team"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardTwo
|
||||
title="Recent Projects"
|
||||
description="View our latest residential and commercial plumbing installations and repairs."
|
||||
tag="Portfolio"
|
||||
title="Featured Projects"
|
||||
description="Showcase of our recent plumbing installations and repairs"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "project-1", brand: "Residential", name: "Complete Bathroom Remodel", price: "$4,500", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/tidy-bathroom-with-shiny-tiles_1203-1501.jpg"
|
||||
id: "1", brand: "Residential", name: "Kitchen Renovation", price: "$2,500", rating: 5,
|
||||
reviewCount: "12", imageSrc: "/placeholders/placeholder1.webp?_wi=2", imageAlt: "Kitchen renovation project"
|
||||
},
|
||||
{
|
||||
id: "project-2", brand: "Commercial", name: "Office Building Pipe Replacement", price: "$12,000", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-plant_1359-136.jpg"
|
||||
id: "2", brand: "Commercial", name: "Office Building Plumbing", price: "$15,000", rating: 5,
|
||||
reviewCount: "8", imageSrc: "/placeholders/placeholder2.webp?_wi=2", imageAlt: "Commercial plumbing project"
|
||||
},
|
||||
{
|
||||
id: "project-3", brand: "Residential", name: "Water Heater Upgrade", price: "$2,800", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334227.jpg"
|
||||
}
|
||||
id: "3", brand: "Residential", name: "Bathroom Remodel", price: "$3,200", rating: 4,
|
||||
reviewCount: "15", imageSrc: "/placeholders/placeholder3.webp?_wi=2", imageAlt: "Bathroom remodel project"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Customers Say"
|
||||
description="Trusted by hundreds of satisfied homeowners and business owners throughout the region."
|
||||
tag="Testimonials"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Margaret Johnson", handle: "@margaret_j", testimonial: "ProFlow responded to our emergency in under an hour. Professional, courteous, and the work was done right. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-laptop_23-2150384888.jpg"
|
||||
id: "1", name: "John Smith", handle: "Homeowner", testimonial: "ProFlow fixed our burst pipe quickly and professionally. Highly recommend!", rating: 5,
|
||||
imageSrc: "/placeholders/placeholder4.webp?_wi=2", imageAlt: "John Smith"
|
||||
},
|
||||
{
|
||||
id: "2", name: "David Chen", handle: "@dchen2024", testimonial: "Best plumbers in the area. Fair pricing, quality work, and they cleaned up after themselves. Will definitely use them again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-cooperating-with-his-colleague-while-working-office_637285-8943.jpg"
|
||||
id: "2", name: "Sarah Johnson", handle: "Business Owner", testimonial: "Their maintenance plan has saved us thousands in potential repairs.", rating: 5,
|
||||
imageSrc: "/placeholders/placeholder5.webp?_wi=2", imageAlt: "Sarah Johnson"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Sandra Martinez", handle: "@smartinez_home", testimonial: "Had a complex pipe issue and they diagnosed it perfectly. Honest about costs and delivered exactly what they promised.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-cafe-owner-girl-barista-apron-making-cappuccino-latte-art-with-steamed-milk_1258-203389.jpg"
|
||||
id: "3", name: "Mike Chen", handle: "Property Manager", testimonial: "Reliable, professional, and always on time. Our go-to plumber.", rating: 5,
|
||||
imageSrc: "/placeholders/placeholder1.webp?_wi=3", imageAlt: "Mike Chen"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Robert Williams", handle: "@rwilliams78", testimonial: "Been using ProFlow for 5 years now. Consistent quality, reliable scheduling, and always professional. My go-to plumber.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Jessica Lopez", handle: "@jlopez_homes", testimonial: "Emergency call at midnight for a burst pipe. They answered, came quickly, and fixed it permanently. True professionals.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-enchanting-woman-with-blue-eyes-tanned-skin-pretty-european-girl-posing-with-charming-smile-wooden-wall_197531-9115.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Michael Torres", handle: "@mtorres_property", testimonial: "Commercial client here. ProFlow has been reliable, professional, and efficient. Highly recommend for business properties.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19803.jpg"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
description="Real feedback from satisfied clients"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
title="Our Track Record"
|
||||
description="Proven expertise and customer satisfaction in every project we undertake."
|
||||
tag="Metrics"
|
||||
metrics={[
|
||||
{ id: "1", icon: Award, title: "Years Experience", value: "20+" },
|
||||
{ id: "2", icon: Users, title: "Happy Customers", value: "3,500+" },
|
||||
{ id: "3", icon: Check, title: "Projects Completed", value: "8,000+" },
|
||||
{ id: "4", icon: Clock, title: "Avg Response Time", value: "45 mins" }
|
||||
{
|
||||
id: "1", icon: Zap,
|
||||
title: "Fast Response", value: "30 min"
|
||||
},
|
||||
{
|
||||
id: "2", icon: Phone,
|
||||
title: "Customer Support", value: "24/7"
|
||||
},
|
||||
{
|
||||
id: "3", icon: Mail,
|
||||
title: "Satisfied Clients", value: "1000+"
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our commitment to excellence"
|
||||
textboxLayout="default"
|
||||
animationType="scale-rotate"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common plumbing questions and service inquiries."
|
||||
tag="FAQ"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do you offer emergency plumbing services?", content: "Yes! We offer 24/7 emergency plumbing services for burst pipes, major leaks, and other urgent issues. Call us anytime for immediate assistance."
|
||||
id: "1", title: "What areas do you service?", content: "We serve the entire metropolitan area and surrounding regions within a 30-mile radius."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What areas do you service?", content: "We proudly serve the entire metropolitan area and surrounding communities within a 30-mile radius. Contact us to confirm service to your location."
|
||||
id: "2", title: "Do you offer emergency services?", content: "Yes, we offer 24/7 emergency plumbing services. Call our emergency hotline anytime."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Are your technicians licensed and insured?", content: "Absolutely. All our technicians are fully licensed, insured, and background-checked. We stand behind our work with comprehensive warranties."
|
||||
id: "3", title: "What payment methods do you accept?", content: "We accept cash, checks, credit cards, and digital payment methods. Financing options are available."
|
||||
},
|
||||
{
|
||||
id: "4", title: "How much do plumbing services cost?", content: "Pricing depends on the scope of work. We offer free in-home estimates so you know exactly what to expect before we start any work."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Do you offer maintenance plans?", content: "Yes! Our preventative maintenance plans help keep your plumbing system in top condition and can save you money on emergency repairs."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corporate-woman-making-phone-calls-answering-mobile-smiling-talking-client-having_1258-194748.jpg"
|
||||
imageAlt="Customer support representative"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our services"
|
||||
textboxLayout="default"
|
||||
animationType="smooth"
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="none"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="/placeholders/placeholder2.webp?_wi=3"
|
||||
imageAlt="FAQ section"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Ready to Get Started?"
|
||||
ctaDescription="Contact ProFlow today for a free estimate or to schedule your plumbing service."
|
||||
ctaButton={{ text: "Call Now: 1-800-PROFLOW", href: "tel:1-800-7736356" }}
|
||||
ctaIcon={Phone}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How can I schedule a service?", content: "Call us at 1-800-PROFLOW, fill out our online contact form, or text us for availability. We'll find a time that works for you."
|
||||
id: "1", title: "How do I schedule a service?", content: "Call us or use our online booking system. We'll confirm your appointment within 24 hours."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What payment methods do you accept?", content: "We accept all major credit cards, checks, and digital payment methods. We also offer financing options for larger projects."
|
||||
id: "2", title: "What's included in your maintenance plan?", content: "Our plans include regular inspections, preventive maintenance, and priority service scheduling."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Is there a service call fee?", content: "We charge a modest diagnostic fee that is waived if you proceed with our recommended services. Emergency calls have different rates."
|
||||
}
|
||||
]}
|
||||
ctaTitle="Ready to Get Started?"
|
||||
ctaDescription="Contact us today for a free estimate or emergency service"
|
||||
ctaButton={{ text: "Schedule Now", href: "#" }}
|
||||
ctaIcon={Phone}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -243,39 +216,17 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Emergency Service", href: "tel:1-800-7736356" },
|
||||
{ label: "Schedule Appointment", href: "#contact" },
|
||||
{ label: "Get Free Estimate", href: "#contact" }
|
||||
]
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Services", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Residential Services", href: "#services" },
|
||||
{ label: "Commercial Services", href: "#services" },
|
||||
{ label: "Maintenance Plans", href: "#services" }
|
||||
]
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "#why-us" },
|
||||
{ label: "Our Projects", href: "#projects" },
|
||||
{ label: "Testimonials", href: "#testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Licensed & Insured", href: "#" },
|
||||
{ label: "24/7 Available", href: "tel:1-800-7736356" },
|
||||
{ label: "Satisfaction Guaranteed", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user