Merge version_3 into main #2

Merged
bender merged 3 commits from version_3 into main 2026-04-16 19:41:04 +00:00
3 changed files with 105 additions and 89 deletions

70
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,70 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Services", id: "/#services" },
{ name: "Reviews", id: "/#reviews" },
{ name: "Contact", id: "/contact" },
]}
brandName="Bluewater Plumbing"
/>
<div className="pt-32 pb-16">
<ContactSplitForm
title="Get in Touch"
description="Our team is ready to assist you with all your plumbing needs. Please fill out the form below."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true }
]}
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
buttonText="Send Request"
/>
<div className="mt-16 container mx-auto px-4">
<h2 className="text-3xl font-bold mb-8">Find Us</h2>
<div className="w-full h-96 rounded-lg overflow-hidden">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d112529.75474661852!2d-80.4571933!3d27.2833333!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88de8793b8277259%3A0x6739343997f745e6!2sPort%20St.%20Lucie%2C%20FL!5e0!3m2!1sen!2sus!4v1710000000000!5m2!1sen!2sus"
width="100%" height="100%" style={{border:0}} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade">
</iframe>
</div>
</div>
</div>
<FooterLogoEmphasis
logoText="Bluewater Plumbing"
columns={[
{ items: [{ label: "About", href: "/#about" }, { label: "Services", href: "/#services" }, { label: "Contact", href: "/contact" }] },
{ items: [{ label: "Port St. Lucie, FL" }, { label: "(772) 301-9338" }, { label: "Licensed & Insured" }] }
]
}
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -30,16 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Services", id: "services"},
{
name: "Reviews", id: "reviews"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "/contact" },
]}
brandName="Bluewater Plumbing"
/>
@@ -47,16 +42,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="Professional Plumbing Solutions for Treasure Coast"
description="Serving Port St. Lucie and beyond with excellence. Licensed, insured, and rated 5 stars for quality and professionalism."
tag="5.0 Stars on Google • 26 Reviews"
tag="5.0 Stars on Google • 157 Reviews"
buttons={[
{
text: "Book Now", href: "#contact"},
{
text: "Call (772) 301-9338", href: "tel:7723019338"},
{ text: "Book Now", href: "/contact" },
{ text: "Call (772) 301-9338", href: "tel:7723019338" },
]}
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990710.jpg"
/>
@@ -78,18 +70,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{
title: "Drain Cleaning", description: "Clear clogs efficiently with modern cleaning tech.", imageSrc: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg"},
{
title: "Water Heater Repair", description: "Expert service for both tank and tankless heaters.", imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg"},
{
title: "Leak Detection", description: "Precision detection using advanced diagnostic equipment.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269662.jpg"},
{
title: "Sewer Repair", description: "Advanced trenchless repair and full system replacement.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-carpenter-woodworking-shop-proud-his-work_482257-84422.jpg"},
{
title: "Toilet & Faucet", description: "Professional installation and repair services.", imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet_58702-1747.jpg"},
{
title: "Outdoor Plumbing", description: "Reliable repair for your external water systems.", imageSrc: "http://img.b2bpic.net/free-photo/modern-faucet-water-aerator-satin-finish_169016-69352.jpg"},
{ title: "Drain Cleaning", description: "Clear clogs efficiently with modern cleaning tech.", imageSrc: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg" },
{ title: "Water Heater Repair", description: "Expert service for both tank and tankless heaters.", imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg" },
{ title: "Leak Detection", description: "Precision detection using advanced diagnostic equipment.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269662.jpg" },
{ title: "Sewer Repair", description: "Advanced trenchless repair and full system replacement.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-carpenter-woodworking-shop-proud-his-work_482257-84422.jpg" },
{ title: "Toilet & Faucet", description: "Professional installation and repair services.", imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet_58702-1747.jpg" },
{ title: "Outdoor Plumbing", description: "Reliable repair for your external water systems.", imageSrc: "http://img.b2bpic.net/free-photo/modern-faucet-water-aerator-satin-finish_169016-69352.jpg" },
]}
title="Comprehensive Plumbing Services"
description="Expert solutions for every plumbing need, tailored to the unique requirements of Florida homes."
@@ -102,12 +88,9 @@ export default function LandingPage() {
title="Proven Excellence"
tag="Why Choose Us"
metrics={[
{
id: "m1", value: "5.0", description: "Google Star Rating"},
{
id: "m2", value: "26", description: "Verified Customer Reviews"},
{
id: "m3", value: "100%", description: "Professional Satisfaction Rate"},
{ id: "m1", value: "5.0", description: "Google Star Rating" },
{ id: "m2", value: "157", description: "Verified Google Customer Reviews" },
{ id: "m3", value: "100%", description: "Professional Satisfaction Rate" },
]}
metricsAnimation="slide-up"
/>
@@ -119,21 +102,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Excellent service! They were professional and fixed our water heater quickly.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg"},
{
id: "2", name: "John Davis", handle: "@john_d", testimonial: "Bluewater Plumbing is my go-to. Very honest and reliable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg"},
{
id: "3", name: "Emily Chen", handle: "@emily_c", testimonial: "Outstanding quality. They fixed our leak on the first visit.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-middle-age-man-holding-screwdriver-new-home-mouth-lips-shut-as-zip-with-fingers-secret-silent-taboo-talking_839833-5351.jpg"},
{
id: "4", name: "Michael Ross", handle: "@michael_r", testimonial: "Polite, clean, and extremely professional.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg"},
{
id: "5", name: "Linda White", handle: "@linda_w", testimonial: "Great attention to detail. Will definitely use again.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-quality-time-home_23-2149262108.jpg"},
{ id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Excellent service! They were professional and fixed our water heater quickly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg" },
{ id: "2", name: "John Davis", handle: "@john_d", testimonial: "Bluewater Plumbing is my go-to. Very honest and reliable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg" },
{ id: "3", name: "Emily Chen", handle: "@emily_c", testimonial: "Outstanding quality. They fixed our leak on the first visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-middle-age-man-holding-screwdriver-new-home-mouth-lips-shut-as-zip-with-fingers-secret-silent-taboo-talking_839833-5351.jpg" },
{ id: "4", name: "Michael Ross", handle: "@michael_r", testimonial: "Polite, clean, and extremely professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg" },
{ id: "5", name: "Linda White", handle: "@linda_w", testimonial: "Great attention to detail. Will definitely use again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-quality-time-home_23-2149262108.jpg" },
]}
showRating={true}
title="What Our Customers Say"
@@ -146,12 +119,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "Do you offer emergency services?", content: "Yes, we prioritize emergency plumbing issues."},
{
id: "q2", title: "What areas do you serve?", content: "We serve Port St. Lucie and surrounding communities."},
{
id: "q3", title: "Are you licensed and insured?", content: "Absolutely. Your home is fully protected."},
{ id: "q1", title: "Do you offer emergency services?", content: "Yes, we prioritize emergency plumbing issues." },
{ id: "q2", title: "What areas do you serve?", content: "We serve Port St. Lucie and surrounding communities." },
{ id: "q3", title: "Are you licensed and insured?", content: "Absolutely. Your home is fully protected." },
]}
title="Common Plumbing Questions"
description="Find answers to our most frequent inquiries."
@@ -159,36 +129,12 @@ export default function LandingPage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain"}}
tag="Get in Touch"
title="Book Your Service Today"
description="Have a plumbing concern? Our team is ready to help."
buttonText="Submit Inquiry"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Bluewater Plumbing"
columns={[
{
items: [
{ label: "About", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Contact", href: "#contact" }
]
},
{
items: [
{ label: "Port St. Lucie, FL" },
{ label: "(772) 301-9338" },
{ label: "Licensed & Insured" }
]
}
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "/contact" }] },
{ items: [{ label: "Port St. Lucie, FL" }, { label: "(772) 301-9338" }, { label: "Licensed & Insured" }] }
]}
/>
</div>

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #106efb;
--background: #000f1a;
--card: #001a2e;
--foreground: #fdfdfd;
--primary-cta: #c19a6b;
--primary-cta-text: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta: #ff6b6b;
--secondary-cta-text: #000612;
--accent: #737373;
--background-accent: #106efb;
--accent: #c19a6b;
--background-accent: #002847;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);