Files
fd885de9-dd29-4e7a-87f5-c76…/src/app/page.tsx
2026-04-09 23:28:52 +00:00

161 lines
11 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="fluid"
cardStyle="soft-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Services", id: "services" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="Mountain Top Cooling"
button={{
text: "Get a Quote", onClick: () => window.location.href = "/", href: "/"
}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769235178-757192uf.jpg"
logoClassName="!w-24 !h-24 md:!w-32 md:!h-32"
className="!bg-white"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{ variant: "gradient-bars" }}
title="From The Cape to Berkshires- HVAC You Can Trust"
description="Fast, professional HVAC installation, maintenance, and emergency repair. When comfort matters, trust the experts at Mountain Top Cooling, where comfort reaches the top."
kpis={[
{ value: "100%", label: "Satisfaction" },
{ value: "24/7", label: "Emergency" },
{ value: "1hr", label: "Response" }
]}
enableKpiAnimation={true}
tag="Expert HVAC Services"
buttons={[{ text: "Call 617-417-6584 for a Free Quote", href: "tel:617-417-6584" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773760582-mjtsvkmf.jpg?_wi=1"
imagePosition="right"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Driven by Quality, Defined by Service"
description="Founded by Matt McDermott, Mountain Top Cooling provides premium residential and commercial HVAC care. From emergency repairs to bespoke ductwork design, we ensure your home remains an oasis of comfort year-round."
metrics={[
{ value: "100%", title: "Satisfaction Rate" },
{ value: "24/7", title: "Emergency Support" },
{ value: "1hr", title: "Avg Response Time" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769587613-wr51yhxs.jpg"
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
animationType="slide-up"
title="Our Services"
description="Custom climate control solutions tailored to your unique requirements."
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Residential HVAC Installation", description: "Our Residential HVAC Installation service ensures efficient, reliable heating and cooling systems tailored to your homes needs, enhancing comfort and energy savings with professional expertise and top-quality equipment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773422652-4oyv79ym.jpg" },
{ title: "Commercial HVAC Installation", description: "Our Commercial HVAC Installation service ensures efficient climate control tailored to your business needs, featuring expert installation, energy-efficient systems, and reliable performance for optimal comfort in any commercial space.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773435216-ovvaowna.jpg" },
{ title: "HVAC Maintenance Services", description: "Ensure year-round comfort and efficiency with our HVAC Maintenance Services. Our expert technicians provide thorough inspections, cleanings, and tune-ups to prevent breakdowns and extend the lifespan of your heating and cooling systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773442138-wlxoe4yn.jpg" },
{ title: "Emergency HVAC Repairs", description: "Our Emergency HVAC Repairs service offers fast, reliable solutions around the clock, ensuring your home's comfort is quickly restored with expert technicians ready to tackle any heating or cooling issue efficiently.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773447692-t9djtepg.jpg" },
{ title: "Ductwork Design and Installation", description: "Our ductwork design and installation service ensures efficient airflow, energy savings, and optimal comfort in your home. Trust our experienced team to deliver precise, high-quality solutions tailored to your HVAC needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772318257-tlrdrzg8.jpg?_wi=5" },
{ title: "Mini Split Systems", description: "Our top-notch service for installation of HVAC systems ensures efficient mini split setups, offering homeowners personalized comfort with energy savings and reliable performance throughout the year. experience flawless climate control today!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773454593-k5joknsg.jpg" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Erin Walsh", date: "Jan 1, 2025", title: "★★★★★", quote: "Matt reached out right away. He was so nice, knowledgeable, and came out within hours. Will definitely be my go to!", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775777106003-08w5fa1u.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772605409-ch6xsqna.jpg", imageAlt: "luxury hvac modern equipment" },
{ id: "2", name: "Abbie Long", date: "Jan 1, 2025", title: "★★★★★", quote: "Highly recommend, super pleasant, quick to respond, knowledgeable and efficient, great pricing!!!", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769933722-qm150lig.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775772742070-vni774de.jpg", imageAlt: "matt mcdermott hvac expert" },
{ id: "3", name: "David and Linda Tonioli", date: "Dec 28, 2025", title: "★★★★★", quote: "Very professional and knowledgeable. Installed a new heater in one day.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775769923382-maralmq3.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775777106003-08w5fa1u.jpg", imageAlt: "happy customer testimonial portrait" },
]}
title="What Our Neighbors Are Saying"
description="Proudly recommended by the Massachusetts community for reliable, fast, and pleasant HVAC expertise."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Does Mountain Top Cooling provide free estimates for HVAC services?", content: "Yes, we provide comprehensive, transparent estimates for all installations and complex repairs." },
{ id: "2", title: "What makes Mountain Top Cooling different from other HVAC companies?", content: "We prioritize fast response times, professional expertise, and a personalized, neighborly approach that ensures high-quality results." },
{ id: "3", title: "What services do Mountain Top Cooling provide for HVAC needs?", content: "We provide residential and commercial HVAC installation, emergency repairs, preventative maintenance, ductwork design, and mini split systems." },
]}
title="Frequently Asked Questions"
description="Answers to common concerns about our HVAC services."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Get in touch"
title="Ready for Exceptional Comfort?"
description="Reach out to Matt McDermott at Mountain Top Cooling for reliable HVAC service in Middleboro, MA. Contact: 617-417-6584."
buttons={[
{ text: "Call 617-417-6584", href: "tel:617-417-6584" },
{ text: "Email Us", href: "mailto:info@mountaintopcooling.com" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775773364148-3je89zni.jpg"
logoText="Mountain Top Cooling"
columns={[
{ title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }, { label: "Maintenance", href: "#" }] },
{ title: "Business Hours", items: [
{ label: "Sun: 08:00am - 06:00pm", href: "#" },
{ label: "Mon-Fri: 9:00am - 5:00pm", href: "#" },
{ label: "Sat: 08:00am - 06:00pm", href: "#" }
] },
{ title: "Contact", items: [{ label: "617-417-6584", href: "tel:617-417-6584" }] }
]}
copyrightText="© 2025 Mountain Top Cooling"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}