Merge version_2 into main #4
252
src/app/page.tsx
252
src/app/page.tsx
@@ -2,161 +2,137 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Droplets, Flame, Shield, Wrench } from "lucide-react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Droplets, Flame, Shield, Wrench, ChevronRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Epic Plumbing LLC"
|
||||
button={{ text: "Call Now", href: "tel:3058166083" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Epic Plumbing"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Professional Plumbing When You Need It Most"
|
||||
description="Epic Plumbing LLC provides top-rated residential plumbing services. Available 24/7, we bring craftsmanship and reliability to every home."
|
||||
testimonials={[
|
||||
{ name: "Becky Johnson", handle: "@becky", testimonial: "Fantastic job replacing our hot water heater! Professional and efficient.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-long-hair-winking-while-having-good-mood-smiling-showing-her-white-perfect-teeth_273609-7717.jpg?_wi=1" },
|
||||
{ name: "Bruce Barnes", handle: "@bruce", testimonial: "Remarkable job and clean craftsmanship. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg?_wi=1" },
|
||||
{ name: "Valeria Sanchez", handle: "@valeria", testimonial: "Showed up right away for a flooding emergency. Huge relief!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-ambitious-confident-adult-30s-woman-cross-arms-smiling-happy-front-looking-forward-standing-against-white-wall_176420-40694.jpg?_wi=1" },
|
||||
{ name: "Marcus D.", handle: "@marcus", testimonial: "Fast, friendly, and fixed my leak in record time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-happy-girl-smiling-laughing_176420-9603.jpg?_wi=1" },
|
||||
{ name: "Sarah P.", handle: "@sarah", testimonial: "Trustworthy service. Will definitely call again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg?_wi=1" },
|
||||
]}
|
||||
buttons={[{ text: "Call Now: (305) 816-6083", href: "tel:3058166083" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269664.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-long-hair-winking-while-having-good-mood-smiling-showing-her-white-perfect-teeth_273609-7717.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-ambitious-confident-adult-30s-woman-cross-arms-smiling-happy-front-looking-forward-standing-against-white-wall_176420-40694.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-cheerful-happy-girl-smiling-laughing_176420-9603.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied homeowners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "24/7 Emergency Support" },
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Local Experts" },
|
||||
{ type: "text", text: "Upfront Pricing" },
|
||||
{ type: "text", text: "Guaranteed Repairs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Reliable Plumbing, 24/7 Service"
|
||||
description="Top-tier plumbing expertise for your home emergencies and routine maintenance. Licensed, insured, and ready to help."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Call Now", href: "tel:3058166083" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269664.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="Your Trusted Local Experts"
|
||||
description="At Epic Plumbing LLC, we pride ourselves on exceptional service and technical skill. Whether it's a minor leak or a major plumbing emergency, our team is ready to assist."
|
||||
subdescription="With a 4.9-star rating, our track record of satisfied customers is our top priority."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Your Neighborhood Plumbing Specialists"
|
||||
description="We bring professional-grade plumbing solutions directly to your doorstep with a commitment to quality and transparency."
|
||||
tag="About"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
bulletPoints={[
|
||||
{ title: "Expert Staff", description: "Certified plumbing technicians", icon: Shield },
|
||||
{ title: "Available 24/7", description: "Emergency support at all hours", icon: Flame },
|
||||
{ title: "Fast Service", description: "Same-day appointments for your convenience", icon: Wrench },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Droplets, title: "Leak Detection", description: "Quick identification and repair of any plumbing leak." },
|
||||
{ icon: Flame, title: "Water Heaters", description: "Replacement and maintenance of all water heater types." },
|
||||
{ icon: Wrench, title: "General Repair", description: "Reliable fixing of faucets, pipes, and fixtures." },
|
||||
]}
|
||||
title="Comprehensive Plumbing Services"
|
||||
description="We offer a wide range of solutions to handle all your residential plumbing needs with precision and care."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
title="Core Services"
|
||||
description="Comprehensive residential plumbing repair and maintenance."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ id: "1", title: "Leak Detection", descriptions: ["Advanced tools for hidden leaks"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269664.jpg" },
|
||||
{ id: "2", title: "Water Heaters", descriptions: ["Installation and repair of tanks"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg" },
|
||||
{ id: "3", title: "General Repairs", descriptions: ["Faucets, pipes, and drains"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Becky J.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-long-hair-winking-while-having-good-mood-smiling-showing-her-white-perfect-teeth_273609-7717.jpg?_wi=2" },
|
||||
{ id: "2", name: "Bruce B.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg?_wi=2" },
|
||||
{ id: "3", name: "Valeria S.", role: "Local Guide", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-ambitious-confident-adult-30s-woman-cross-arms-smiling-happy-front-looking-forward-standing-against-white-wall_176420-40694.jpg?_wi=2" },
|
||||
{ id: "4", name: "Marcus D.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-happy-girl-smiling-laughing_176420-9603.jpg?_wi=2" },
|
||||
{ id: "5", name: "Sarah P.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg?_wi=2" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.9", label: "Google Rating" },
|
||||
{ value: "30+", label: "Happy Clients" },
|
||||
{ value: "24/7", label: "Availability" },
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Don't just take our word for it—read what our satisfied local clients have to say about our professionalism."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Happy Homeowners"
|
||||
description="Read why locals choose us for their plumbing needs."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Becky Johnson", role: "Local Homeowner", testimonial: "Fast and effective service!" },
|
||||
{ id: "2", name: "Bruce Barnes", role: "Client", testimonial: "Professional work all around." },
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you offer emergency services?", content: "Yes, we are open 24 hours to handle your plumbing emergencies immediately." },
|
||||
{ id: "2", title: "How quickly can you arrive?", content: "We strive for same-day service for most calls." },
|
||||
{ id: "3", title: "Are you licensed and insured?", content: "Yes, our team is fully licensed and insured for your peace of mind." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to provide the answers you need for your plumbing concerns."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
faqs={[
|
||||
{ id: "1", title: "Are you emergency certified?", content: "Yes, our team is fully licensed and ready for any emergency."},
|
||||
{ id: "2", title: "How do I book a visit?", content: "Simply call us at (305) 816-6083 or use the form below."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
text="Need professional plumbing assistance? We're ready to help. Contact Epic Plumbing LLC now."
|
||||
buttons={[{ text: "(305) 816-6083", href: "tel:3058166083" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="Ready to get started? Send us a message today."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Epic Plumbing LLC"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "Terms" }, { label: "Privacy" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Epic Plumbing"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user