Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9f562fdcea | |||
| c3d94ec4ac | |||
| 09798438da | |||
| 5f40dc199e | |||
| 83783124e3 | |||
| 32a395c7a5 |
328
src/app/page.tsx
328
src/app/page.tsx
@@ -9,42 +9,30 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Phone, Shield } from "lucide-react";
|
||||
import { Phone, Shield, Wrench, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmall"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NC Plumbing Co."
|
||||
/>
|
||||
@@ -52,127 +40,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Don't Let a Small Leak Become a $10,000 Problem"
|
||||
description="NC's trusted local family-owned plumbers. We answer 24/7 for emergency repairs, drain cleaning, and water heater issues. Same-day service, upfront pricing, licensed and insured."
|
||||
background={{ variant: "plain" }}
|
||||
title="Trusted, Reliable Plumbing for Your Home"
|
||||
description="Our family-owned business has served NC families for over 20 years. We treat every home as if it were our own—offering honest, upfront pricing and guaranteed workmanship for all your plumbing needs."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=1",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=2",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=3",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=4",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=5",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=6",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=1", imageAlt: "Professional Plumber" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=2", imageAlt: "Professional Plumber" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=7",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=8",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=9",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=10",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=11",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=12",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=7", imageAlt: "Professional Plumber" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg?_wi=8", imageAlt: "Professional Plumber" },
|
||||
]}
|
||||
tag="Licensed & Insured - 4.9 Stars"
|
||||
tag="Licensed & Insured Local Experts"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now — We Answer 24/7",
|
||||
href: "tel:555-010-9999",
|
||||
},
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Schedule Service", href: "#contact" },
|
||||
{ text: "24/7 Emergency Support", href: "tel:555-010-9999" },
|
||||
]}
|
||||
tagIcon={Shield}
|
||||
tagAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-having-great-time-with-friends_23-2149286491.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v",
|
||||
alt: "Emergency",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v",
|
||||
alt: "Drains",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v",
|
||||
alt: "Heaters",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v",
|
||||
alt: "Leaks",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v",
|
||||
alt: "Kitchen",
|
||||
},
|
||||
]}
|
||||
avatarText="Proudly Serving NC Communities"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,72 +68,31 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Emergency Plumbing",
|
||||
description: "Burst pipes or major leaks? We are on call 24/7 to save your home.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=1",
|
||||
},
|
||||
id: "f1", title: "Emergency Repair", description: "Rapid response for leaks and bursts when you need us most.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=1"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Drain Cleaning",
|
||||
description: "Stop clogs before they overflow. Professional hydro-jetting services.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=2",
|
||||
},
|
||||
id: "f2", title: "Drain Services", description: "Professional cleaning for stubborn clogs and slow drains.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=2"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Water Heaters",
|
||||
description: "Repair or installation of tankless and traditional systems for hot water on demand.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=3",
|
||||
},
|
||||
id: "f3", title: "Water Heaters", description: "Installation and maintenance for reliable hot water systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=3"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Leak Detection",
|
||||
description: "Unseen leaks can cost thousands. Our advanced technology finds them fast.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=4",
|
||||
},
|
||||
id: "f4", title: "Leak Detection", description: "Precise diagnostics to prevent costly water damage.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=4"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Kitchen & Bath",
|
||||
description: "From faucet repairs to full repiping, we keep your home running smooth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=5",
|
||||
},
|
||||
id: "f5", title: "Plumbing Upgrades", description: "Expert installation for kitchens, bathrooms, and full repiping.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m4cz9v&_wi=5"},
|
||||
]}
|
||||
title="Our Professional Plumbing Services"
|
||||
description="Fast, reliable solutions for your home. We handle the stress so you don't have to."
|
||||
title="Comprehensive Local Plumbing Care"
|
||||
description="We pride ourselves on doing the job right the first time. Experience service built on integrity and decades of neighborhood expertise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="I had a major pipe burst at 2 AM. These guys arrived in under 30 minutes, kept me calm, and fixed it perfectly. Truly a local, reliable family company!"
|
||||
useInvertedBackground={true}
|
||||
testimonial="NC Plumbing Co. is our go-to for everything. They are reliable, polite, and explain every cost before they start. A truly professional team that cares about their local customers."
|
||||
rating={5}
|
||||
author="Sarah M., Raleigh, NC"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-father-posing-while-giving-thumbs-up_23-2148414860.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-having-great-time-with-friends_23-2149286491.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
author="The Miller Family, Raleigh"
|
||||
avatars={[]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -257,33 +103,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How much for a service call?",
|
||||
content: "We provide upfront pricing so there are no surprises. Call us today for a free estimate.",
|
||||
},
|
||||
id: "q1", title: "Do you offer honest quotes?", content: "Always. We believe in transparency and providing a firm quote before any work begins."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer weekend service?",
|
||||
content: "Yes, we are truly 24/7 because plumbing emergencies don't stick to office hours.",
|
||||
},
|
||||
id: "q2", title: "Are you available on weekends?", content: "Yes. We understand plumbing emergencies don't wait for Monday morning. We are here 24/7."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you fully licensed in NC?",
|
||||
content: "Absolutely. We are fully licensed, insured, and locally bonded for your peace of mind.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How fast can you arrive?",
|
||||
content: "For emergencies, our dispatch team aims to reach you in under 60 minutes.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Do you guarantee your work?",
|
||||
content: "We stand behind our local name. All parts and labor are fully guaranteed.",
|
||||
},
|
||||
id: "q3", title: "Is your work guaranteed?", content: "Absolutely. We stand behind every job with a full guarantee on all parts and labor."},
|
||||
]}
|
||||
sideTitle="Common Homeowner Questions"
|
||||
sideDescription="Not sure if you need a pro? Here are common concerns resolved by our local experts."
|
||||
sideTitle="Your Trusted Local Plumbing Partner"
|
||||
sideDescription="We are happy to answer any questions about your home plumbing needs."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -291,84 +118,25 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Request Form",
|
||||
content: "Fields: Name, Phone, Service, Description. We will call you immediately.",
|
||||
},
|
||||
{ id: "a1", title: "How do I request a quote?", content: "Fill out our simple form and a local technician will contact you shortly." },
|
||||
]}
|
||||
ctaTitle="Get a Free Estimate in Under 2 Minutes"
|
||||
ctaDescription="Tell us what's leaking. We'll handle the rest."
|
||||
ctaButton={{
|
||||
text: "Submit Request",
|
||||
href: "#",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
ctaTitle="Need a Reliable Plumber?"
|
||||
ctaDescription="We are ready to solve your plumbing problems quickly and professionally. Contact us today."
|
||||
ctaButton={{ text: "Request Service", href: "#contact" }}
|
||||
ctaIcon={Wrench}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Contact Us",
|
||||
items: [
|
||||
{
|
||||
label: "NC Plumbing Co.",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Raleigh, NC 27601",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(555) 010-9999",
|
||||
href: "tel:5550109999",
|
||||
},
|
||||
{
|
||||
label: "Lic #999999",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Open 24/7, 365 Days",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Including Holidays",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service Areas",
|
||||
items: [
|
||||
{
|
||||
label: "Raleigh",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Durham",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Chapel Hill",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Cary",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Repairs", href: "#" }, { label: "Installation", href: "#" }] },
|
||||
{ title: "About Us", items: [{ label: "Our Family Story", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(555) 010-9999", href: "tel:5550109999" }, { label: "Licensed #999999", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 NC Plumbing Co. All Rights Reserved."
|
||||
copyrightText="© 2024 NC Plumbing Co. Licensed and Bonded Experts."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--background: #fbfbfb;
|
||||
--card: #f0f0f0;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffb300;
|
||||
--secondary-cta: #e2e2e2;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #0a7039;
|
||||
--background-accent: #e7eecd;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user