bender/93ed00fc-2591-449c-9e6c-d0643265844b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 2 commits from version_2 into main 2026-04-05 20:59:23 +00:00
Conversation 0 Commits 2 Files Changed 2 +61 -85
2 changed files with 61 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
src/app/page.tsx
View File

@@ -2,28 +2,28 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Zap, Award, CheckCircle, MapPin } from 'lucide-react';
import { Zap, Award, CheckCircle, MapPin, Phone, ShieldCheck, Wrench } from 'lucide-react';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="noise"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="normal"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
@@ -31,97 +31,83 @@ export default function LandingPage() {
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Why Us", id: "features" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Brooklyn Plumbing & Piping"
button={{
text: "Book Service", href: "#contact"}}
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
<HeroBillboardCarousel
background={{ variant: "gradient-bars" }}
title="Fast. Reliable. Brooklyn Plumbing Experts."
description="From hidden leaks to full repairs — we keep your home running smoothly. Serving the Brooklyn area with excellence."
tag="Licensed & Insured"
buttons={[
{ text: "Call Now", href: "tel:+15550001111" },
{ text: "Book Service", href: "#contact" },
title="Brooklyn's Trusted Plumbing Experts"
description="Top-rated professional plumbing repairs and installations. Dedicated to keeping Brooklyn homes running perfectly 24/7."
tag="Licensed & Insured Plumbing Professionals"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=1", imageAlt: "Professional Plumbing Services" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg?_wi=1", imageAlt: "Pipe Repair Experts" }
]}
buttons={[
{ text: "Get Emergency Help", href: "tel:+15550001111" },
{ text: "Schedule Service", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=1"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="default"
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Why Brooklyn Trusts Us"
description="We combine technical expertise with a commitment to local service excellence."
features={[
{
title: "Fast response times", description: "We arrive quickly to resolve your emergency plumbing issues.", buttonIcon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=2", imageAlt: "plumbing pipes background"},
{
title: "Experienced technicians", description: "Highly trained experts with years of local experience.", buttonIcon: Award,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg?_wi=1", imageAlt: "customer portrait white background"},
{
title: "Transparent pricing", description: "No hidden fees, just clear and honest service costs.", buttonIcon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg", imageAlt: "customer portrait white background"},
{
title: "Local experts", description: "Proudly serving the Brooklyn community for over a decade.", buttonIcon: MapPin,
imageSrc: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793994.jpg", imageAlt: "customer portrait white background"},
{ title: "Expert Solutions", description: "Certified technicians solving complex plumbing challenges daily.", icon: Wrench, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg?_wi=1" }] },
{ title: "Safety Assured", description: "Every job follows strict safety codes and industry standards.", icon: ShieldCheck, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793994.jpg" }] },
]}
title="Why Choose Us"
description="We are the local experts you can trust for all your plumbing needs in Brooklyn."
/>
</div>
<div id="services" data-section="services">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
<ProductCardFour
title="Professional Services"
description="Comprehensive plumbing solutions tailored for Brooklyn residents."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={true}
products={[
{ id: "s1", brand: "Service", name: "Leak Detection", price: "Expert", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=3" },
{ id: "s2", brand: "Service", name: "Fixture Repair", price: "Expert", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=4" },
{ id: "s3", brand: "Service", name: "Pipe Replacement", price: "Expert", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=5" },
{ id: "s4", brand: "Service", name: "Pressure Fixes", price: "Expert", rating: 5, reviewCount: "70+", imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=6" },
{ id: "s5", brand: "Service", name: "Emergency Repairs", price: "24/7", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=7" },
{ id: "s6", brand: "Service", name: "Bathroom Plumbing", price: "Expert", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=8" },
{ id: "s1", name: "Leak Detection", price: "Starts at $99", variant: "Emergency Service", imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=3" },
{ id: "s2", name: "Fixture Installation", price: "Flat Rate", variant: "Standard Service", imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=4" },
{ id: "s3", name: "Drain Cleaning", price: "Starts at $149", variant: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=5" }
]}
title="Our Plumbing Services"
description="Comprehensive plumbing solutions for your home."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
<TestimonialCardTwo
title="Customer Success Stories"
description="Don't just take our word for it—read about our service quality."
animationType="blur-reveal"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Janiyah Hunter", date: "Jan 2024", title: "Homeowner", quote: "Our faucet handle became difficult to turn… They replaced worn components. It now moves smoothly.", tag: "Repair", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-with-short-hair-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-19672.jpg" },
{ id: "t2", name: "Dominik Clay", date: "Dec 2023", title: "Resident", quote: "They located a hidden pipe leak and repaired it… resolved without further damage.", tag: "Leak Repair", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-redhead-woman-with-charming-smile-healthy-clean-skin_273609-9036.jpg" },
{ id: "t3", name: "Shayna Selina", date: "Nov 2023", title: "Homeowner", quote: "Bathroom water line was making a whistling sound… they fixed it quickly. Very smooth experience.", tag: "Fixes", avatarSrc: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793994.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg?_wi=1" },
{ id: "t4", name: "Mark V.", date: "Oct 2023", title: "Customer", quote: "Absolutely top notch service. Brooklyn Plumbing is the only one I call.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-with-short-hair-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-19672.jpg", imageSrc: "http://img.b2bpic.net/free-photo/engineer-with-blueprints-standing-near-electrical-panel-blue-light-engineer-energy-control_169016-71630.jpg?_wi=9" },
{ id: "t5", name: "Elena R.", date: "Sept 2023", title: "Customer", quote: "Quick, clean, and professional. Highly recommended for any home piping issues.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-redhead-woman-with-charming-smile-healthy-clean-skin_273609-9036.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg?_wi=2" },
{ id: "t1", name: "Sarah J.", role: "Local Resident", testimonial: "Extremely fast response time during a pipe burst emergency!", icon: CheckCircle },
{ id: "t2", name: "Mike D.", role: "Small Business Owner", testimonial: "Professional, clean, and transparent pricing. Highly recommended.", icon: Award },
]}
title="Client Reviews"
description="What our Brooklyn neighbors have to say about our work."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Need a Plumber in Brooklyn? We’ve Got You."
description="Same-day service available. Contact us today for a free estimate."
title="Ready for Service?"
description="Schedule an appointment today. We serve all of Brooklyn, NY."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "phone", type: "tel", placeholder: "Your Phone Number" },
{ name: "name", type: "text", placeholder: "Full Name" },
{ name: "email", type: "email", placeholder: "Email Address" }
]}
textarea={{ name: "description", placeholder: "Describe your plumbing issue here..." }}
textarea={{ name: "issue", placeholder: "Describe your plumbing needs...", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg?_wi=2"
/>
</div>
@@ -129,21 +115,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Brooklyn Plumbing & Piping", items: [
{ label: "Brooklyn, NY", href: "#" },
{ label: "555-0111", href: "tel:+15550001111" },
],
},
{
title: "Services", items: [
{ label: "Leak Detection", href: "#services" },
{ label: "Emergency Repair", href: "#services" },
],
},
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
{ title: "Contact Info", items: [{ label: "Brooklyn, NY", href: "#" }, { label: "(555) 011-0222", href: "tel:+15550110222" }] }
]}
bottomLeftText="© 2024 Brooklyn Plumbing & Piping"
bottomRightText="All rights reserved."
bottomRightText="Serving Our Community Daily"
/>
</div>
</ReactLenis>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--background: #020617;
--card: #0f172a;
--foreground: #e2e8f0;
--primary-cta: #106efb;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #1e293b;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #3b82f6;
--background-accent: #1e3a8a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);