Merge version_3 into main #2
70
src/app/contact/page.tsx
Normal file
70
src/app/contact/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
110
src/app/page.tsx
110
src/app/page.tsx
@@ -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>
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user