Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-24 18:03:20 +00:00

View File

@@ -1,409 +1,48 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap, Shield, Star, CheckCircle } from 'lucide-react';
export default function LandingPage() {
const navItems = [{ name: "Home", id: "/" }];
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="large"
background="fluid"
cardStyle="gradient-bordered"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Why Us",
id: "why-us",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Total Mechanical Systems"
button={{
text: "Call Now",
href: "tel:860-314-1518",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Total Comfort. Total Confidence. Total Mechanical Systems."
description="Plumbing, Heating, Cooling & Electrical — Trusted by 2,900+ Homeowners for Fast, Professional Service."
testimonials={[
{
name: "Sarah J.",
handle: "@customer",
testimonial: "Total Mechanical Systems is incredibly professional and thorough.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/plumber-looking-lateral_1368-549.jpg?_wi=1",
imageAlt: "hvac technician professional uniform",
},
{
name: "Mark D.",
handle: "@customer",
testimonial: "Same-day service when I needed it most. Amazing team.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg?_wi=1",
imageAlt: "hvac technician professional uniform",
},
{
name: "Linda R.",
handle: "@customer",
testimonial: "Clear communication and honest pricing. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg?_wi=1",
imageAlt: "hvac technician professional uniform",
},
{
name: "Chris T.",
handle: "@customer",
testimonial: "Restored my boiler in record time. Fantastic work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=1",
imageAlt: "hvac technician professional uniform",
},
{
name: "Beth W.",
handle: "@customer",
testimonial: "Courteous, knowledgeable, and reliable experts.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg?_wi=1",
imageAlt: "hvac technician professional uniform",
},
]}
buttons={[
{
text: "Get Free Estimate",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/plumber-looking-lateral_1368-549.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/plumber-zen-position_1368-517.jpg",
alt: "Plumber in zen position",
},
{
src: "http://img.b2bpic.net/free-photo/doubtful-young-caucasian-delivery-man-blue-uniform-cap-standing-with-closed-posture-looking-camera-isolated-white-wall-with-copy-space_141793-113753.jpg",
alt: "Doubtful young caucasian delivery man",
},
{
src: "http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg",
alt: "Plumber doing victory gesture",
},
{
src: "http://img.b2bpic.net/free-photo/female-worker-wearing-work-clothes_273609-11121.jpg",
alt: "Female worker wearing work clothes",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
alt: "Portrait of smiling waitress",
},
]}
marqueeItems={[
{
type: "text",
text: "24/7 Service",
},
{
type: "text",
text: "Licensed & Insured",
},
{
type: "text",
text: "Same-Day Priority",
},
{
type: "text",
text: "Financing Available",
},
{
type: "text",
text: "Expert Technicians",
},
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={[
"4.8 ⭐ Average Rating",
"24+ Years Serving CT",
"Licensed & Insured",
"Verified Professionals",
"Financing Available",
]}
title="Trusted by the Local Community"
description="Join nearly 3,000 satisfied Connecticut homeowners."
/>
</div>
<div id="services" data-section="services">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Plumbing",
description: "Expert leak repairs, water heater installation, and emergency drain cleaning.",
tag: "Essential",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
imageAlt: "Front view of spectacular woman laughing at front",
},
{
id: "s2",
title: "Heating",
description: "Professional boiler repairs, furnace upgrades, and emergency heat service.",
tag: "Climate",
imageSrc: "http://img.b2bpic.net/free-photo/plumber-looking-lateral_1368-549.jpg?_wi=3",
imageAlt: "Front view of spectacular woman laughing at front",
},
{
id: "s3",
title: "Cooling",
description: "High-efficiency AC installation, maintenance, and seasonal tune-ups.",
tag: "Comfort",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg?_wi=2",
imageAlt: "Front view of spectacular woman laughing at front",
},
{
id: "s4",
title: "Electrical",
description: "Licensed panel upgrades, lighting design, and residential inspections.",
tag: "Power",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg?_wi=2",
imageAlt: "Front view of spectacular woman laughing at front",
},
]}
title="Complete Home Mechanical Services"
description="Our team of experts handles every aspect of your home's infrastructure with precision and care."
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardFourteen
useInvertedBackground={false}
title="Why Choose Total Mechanical Systems?"
tag="Our Commitment"
metrics={[
{
id: "m1",
value: "2,900+",
description: "Verified 5-Star Experiences",
},
{
id: "m2",
value: "24",
description: "Years of Dedication",
},
{
id: "m3",
value: "100%",
description: "Satisfaction Guarantee",
},
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="featured-review" data-section="featured-review">
<TestimonialCardSixteen
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Michael B.",
role: "Homeowner",
company: "CT Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg?_wi=3",
},
{
id: "t2",
name: "Susan P.",
role: "Homeowner",
company: "CT Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg?_wi=3",
},
{
id: "t3",
name: "James L.",
role: "Homeowner",
company: "CT Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=2",
},
{
id: "t4",
name: "Elena K.",
role: "Homeowner",
company: "CT Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg?_wi=2",
},
{
id: "t5",
name: "Robert S.",
role: "Homeowner",
company: "CT Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-resting_171337-3997.jpg",
},
]}
kpiItems={[
{
value: "4.8",
label: "Avg Rating",
},
{
value: "2,983",
label: "Total Reviews",
},
{
value: "100%",
label: "Reliable",
},
]}
title="What Our Customers Say"
description="Real feedback from homeowners who trust us with their comfort."
/>
</div>
<div id="process" data-section="process">
<MediaAbout
useInvertedBackground={false}
title="Getting Help is Easy"
description="Our seamless service process ensures clarity and efficiency from the first phone call until the job is done perfectly."
imageSrc="http://img.b2bpic.net/free-photo/crop-woman-pouring-tea-near-books-snacks_23-2147888741.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Don't Wait Until It Gets Worse"
description="Get fast, reliable service from trusted professionals today. Request your free estimate below."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{
name: "service",
type: "text",
placeholder: "Service Required",
},
]}
textarea={{
name: "message",
placeholder: "Briefly describe your issue...",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/crop-woman-having-breakfast-bed_23-2147888592.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Plumbing",
href: "#",
},
{
label: "Heating",
href: "#",
},
{
label: "Cooling",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="TMS"
/>
</div>
</ReactLenis>
<ThemeProvider background="none" cardStyle="glass-elevated" defaultButtonVariant="hover-magnetic" borderRadius="rounded" contentWidth="medium" sizing="medium" defaultTextAnimation="entrance-slide" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="TMS" />
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial useInvertedBackground={false} background={{ variant: "gradient-bars" }} title="Total Comfort. Total Confidence. Total Mechanical Systems." description="Plumbing, Heating, Cooling & Electrical — Trusted by 2,900+ Homeowners for Fast, Professional Service." testimonials={[{ name: "Sarah J.", handle: "@customer", testimonial: "Total Mechanical Systems is incredibly professional and thorough.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/plumber-looking-lateral_1368-549.jpg", imageAlt: "hvac technician professional uniform" }, { name: "Mark D.", handle: "@customer", testimonial: "Same-day service when I needed it most. Amazing team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", imageAlt: "happy homeowner portrait" }, { name: "Linda R.", handle: "@customer", testimonial: "Clear communication and honest pricing. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg", imageAlt: "confident homeowner portrait" }, { name: "Chris T.", handle: "@customer", testimonial: "Restored my boiler in record time. Fantastic work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "friendly senior homeowner" }, { name: "Beth W.", handle: "@customer", testimonial: "Courteous, knowledgeable, and reliable experts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg", imageAlt: "young homeowner portrait" }]} buttons={[{ text: "Get Free Estimate", href: "#contact" }]} imageSrc="http://img.b2bpic.net/free-photo/plumber-looking-lateral_1368-549.jpg" avatars={[{ src: "http://img.b2bpic.net/free-photo/plumber-zen-position_1368-517.jpg", alt: "Plumber in zen position" }, { src: "http://img.b2bpic.net/free-photo/doubtful-young-caucasian-delivery-man-blue-uniform-cap-standing-with-closed-posture-looking-camera-isolated-white-wall-with-copy-space_141793-113753.jpg", alt: "Doubtful young caucasian delivery man" }, { src: "http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg", alt: "Plumber doing victory gesture" }, { src: "http://img.b2bpic.net/free-photo/female-worker-wearing-work-clothes_273609-11121.jpg", alt: "Female worker wearing work clothes" }, { src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Portrait of smiling waitress" }]} marqueeItems={[{ type: "text", text: "24/7 Service" }, { type: "text", text: "Licensed & Insured" }, { type: "text", text: "Same-Day Priority" }, { type: "text", text: "Financing Available" }, { type: "text", text: "Expert Technicians" }]} />
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne textboxLayout="split" useInvertedBackground={false} names={["4.8 ⭐ Average Rating", "24+ Years Serving CT", "Licensed & Insured", "Verified Professionals", "Financing Available"]} title="Trusted by the Local Community" description="Join nearly 3,000 satisfied Connecticut homeowners." />
</div>
<div id="services" data-section="services">
<FeatureCardMedia animationType="slide-up" textboxLayout="split" useInvertedBackground={false} features={[{ id: "s1", title: "Plumbing", description: "Expert leak repairs, water heater installation, and emergency drain cleaning.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg" }, { id: "s2", title: "Heating", description: "Professional boiler repairs, furnace upgrades, and emergency heat service.", tag: "Climate", imageSrc: "http://img.b2bpic.net/free-photo/plumber-looking-lateral_1368-549.jpg" }, { id: "s3", title: "Cooling", description: "High-efficiency AC installation, maintenance, and seasonal tune-ups.", tag: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" }, { id: "s4", title: "Electrical", description: "Licensed panel upgrades, lighting design, and residential inspections.", tag: "Power", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg" }]} title="Complete Home Mechanical Services" description="Our team of experts handles every aspect of your home's infrastructure with precision and care." />
</div>
<div id="why-us" data-section="why-us">
<MetricCardFourteen title="Why Choose Total Mechanical Systems?" tag="Our Commitment" metrics={[{ id: "m1", value: "2,900+", description: "Verified 5-Star Experiences" }, { id: "m2", value: "24", description: "Years of Dedication" }, { id: "m3", value: "100%", description: "Satisfaction Guarantee" }]} metricsAnimation="blur-reveal" useInvertedBackground={false} />
</div>
<div id="featured-review" data-section="featured-review">
<TestimonialCardSixteen animationType="blur-reveal" textboxLayout="split" useInvertedBackground={false} testimonials={[{ id: "t1", name: "Michael B.", role: "Homeowner", company: "CT Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" }, { id: "t2", name: "Susan P.", role: "Homeowner", company: "CT Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg" }, { id: "t3", name: "James L.", role: "Homeowner", company: "CT Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" }, { id: "t4", name: "Elena K.", role: "Homeowner", company: "CT Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg" }, { id: "t5", name: "Robert S.", role: "Homeowner", company: "CT Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-resting_171337-3997.jpg" }]} kpiItems={[{ value: "4.8", label: "Avg Rating" }, { value: "2,983", label: "Total Reviews" }, { value: "100%", label: "Reliable" }]} title="What Our Customers Say" description="Real feedback from homeowners who trust us with their comfort." />
</div>
<div id="process" data-section="process">
<MediaAbout title="Getting Help is Easy" description="Our seamless service process ensures clarity and efficiency from the first phone call until the job is done perfectly." imageSrc="http://img.b2bpic.net/free-photo/crop-woman-pouring-tea-near-books-snacks_23-2147888741.jpg" useInvertedBackground={false} />
</div>
<div id="contact" data-section="contact">
<ContactSplitForm title="Don't Wait Until It Gets Worse" description="Get fast, reliable service from trusted professionals today. Request your free estimate below." inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }, { name: "service", type: "text", placeholder: "Service Required" }]} textarea={{ name: "message", placeholder: "Briefly describe your issue...", rows: 4 }} useInvertedBackground={false} imageSrc="http://img.b2bpic.net/free-photo/crop-woman-having-breakfast-bed_23-2147888592.jpg" />
</div>
<div id="footer" data-section="footer">
<FooterBase columns={[{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] }, { title: "Services", items: [{ label: "Plumbing", href: "#" }, { label: "Heating", href: "#" }, { label: "Cooling", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]} logoText="TMS" />
</div>
</ThemeProvider>
);
}
}