Update src/app/page.tsx
This commit is contained in:
402
src/app/page.tsx
402
src/app/page.tsx
@@ -26,307 +26,121 @@ export default function LandingPage() {
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
<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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elite HVAC Comfort for Middleboro Homes"
|
||||
description="Fast, professional HVAC installation, maintenance, and emergency repair. When comfort matters, trust the experts at Mountain Top Cooling."
|
||||
tag="Expert HVAC Services"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 617-417-6584",
|
||||
href: "tel:617-417-6584",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg?_wi=1",
|
||||
imageAlt: "Luxurious HVAC Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg?_wi=2",
|
||||
imageAlt: "HVAC Professional",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg?_wi=3",
|
||||
imageAlt: "HVAC Repair Technician",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg?_wi=4",
|
||||
imageAlt: "Modern HVAC Equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg?_wi=5",
|
||||
imageAlt: "HVAC Maintenance",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top-rated service in Middleboro"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elite HVAC Comfort for Middleboro Homes"
|
||||
description="Fast, professional HVAC installation, maintenance, and emergency repair. When comfort matters, trust the experts at Mountain Top Cooling."
|
||||
tag="Expert HVAC Services"
|
||||
buttons={[{ text: "Call 617-417-6584", href: "tel:617-417-6584" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg", imageAlt: "Luxurious HVAC Service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg", imageAlt: "HVAC Professional" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top-rated service in Middleboro"
|
||||
/>
|
||||
</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="http://img.b2bpic.net/free-photo/young-worker-uniform-gesturing-with-fingers-looking-mild-front-view_176474-21707.jpg?_wi=1"
|
||||
/>
|
||||
</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="http://img.b2bpic.net/free-photo/young-worker-uniform-gesturing-with-fingers-looking-mild-front-view_176474-21707.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Residential HVAC",
|
||||
subtitle: "Full home installation",
|
||||
category: "Installation",
|
||||
value: "Premium",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Commercial Services",
|
||||
subtitle: "Large scale climate control",
|
||||
category: "Commercial",
|
||||
value: "Expert",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Maintenance & Repair",
|
||||
subtitle: "Preventative and urgent care",
|
||||
category: "Emergency",
|
||||
value: "Fast",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Ductwork Design",
|
||||
subtitle: "Customized airflow systems",
|
||||
category: "Engineering",
|
||||
value: "Precision",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Mini Splits",
|
||||
subtitle: "Efficient zonal heating/cooling",
|
||||
category: "System",
|
||||
value: "Efficient",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive HVAC Solutions"
|
||||
description="Custom climate control solutions tailored to your unique requirements."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Residential HVAC", subtitle: "Full home installation", category: "Installation", value: "Premium" },
|
||||
{ id: "2", title: "Commercial Services", subtitle: "Large scale climate control", category: "Commercial", value: "Expert" },
|
||||
{ id: "3", title: "Maintenance & Repair", subtitle: "Preventative and urgent care", category: "Emergency", value: "Fast" },
|
||||
{ id: "4", title: "Ductwork Design", subtitle: "Customized airflow systems", category: "Engineering", value: "Precision" },
|
||||
{ id: "5", title: "Mini Splits", subtitle: "Efficient zonal heating/cooling", category: "System", value: "Efficient" },
|
||||
]}
|
||||
title="Comprehensive HVAC Solutions"
|
||||
description="Custom climate control solutions tailored to your unique requirements."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Erin Walsh",
|
||||
date: "Jan 1, 2025",
|
||||
title: "Customer",
|
||||
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: "http://img.b2bpic.net/free-photo/outdoor-portrait-beautiful-young-woman-posing-with-expressions_1301-6723.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg?_wi=6",
|
||||
imageAlt: "luxury hvac modern equipment",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Abbie Long",
|
||||
date: "Jan 1, 2025",
|
||||
title: "Customer",
|
||||
quote: "Highly recommend, super pleasant, quick to respond, knowledgeable and efficient, great pricing!!!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-worker-uniform-gesturing-with-fingers-looking-mild-front-view_176474-21707.jpg?_wi=2",
|
||||
imageAlt: "matt mcdermott hvac expert",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Linda Tonioli",
|
||||
date: "Dec 28, 2025",
|
||||
title: "Homeowner",
|
||||
quote: "Very professional and knowledgeable. Installed a new heater in one day.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-beautiful-young-woman-posing-with-expressions_1301-6723.jpg",
|
||||
imageAlt: "happy customer testimonial portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
date: "Dec 20, 2025",
|
||||
title: "Homeowner",
|
||||
quote: "Fast, clean, and reliable service. My go-to HVAC company now.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2836.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg",
|
||||
imageAlt: "happy customer testimonial portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Smith",
|
||||
date: "Dec 15, 2025",
|
||||
title: "Homeowner",
|
||||
quote: "Excellent work installing our new furnace. Temperature never dropped.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
|
||||
imageAlt: "happy customer testimonial portrait",
|
||||
},
|
||||
]}
|
||||
title="What Our Neighbors Are Saying"
|
||||
description="Proudly recommended by the Middleboro community for reliable, fast, and pleasant HVAC expertise."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Erin Walsh", date: "Jan 1, 2025", title: "Customer", 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: "http://img.b2bpic.net/free-photo/outdoor-portrait-beautiful-young-woman-posing-with-expressions_1301-6723.jpg", imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg", imageAlt: "luxury hvac modern equipment" },
|
||||
{ id: "2", name: "Abbie Long", date: "Jan 1, 2025", title: "Customer", quote: "Highly recommend, super pleasant, quick to respond, knowledgeable and efficient, great pricing!!!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-worker-uniform-gesturing-with-fingers-looking-mild-front-view_176474-21707.jpg", imageAlt: "matt mcdermott hvac expert" },
|
||||
{ id: "3", name: "David Linda Tonioli", date: "Dec 28, 2025", title: "Homeowner", quote: "Very professional and knowledgeable. Installed a new heater in one day.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-beautiful-young-woman-posing-with-expressions_1301-6723.jpg", imageAlt: "happy customer testimonial portrait" },
|
||||
{ id: "4", name: "John Doe", date: "Dec 20, 2025", title: "Homeowner", quote: "Fast, clean, and reliable service. My go-to HVAC company now.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2836.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg", imageAlt: "happy customer testimonial portrait" },
|
||||
{ id: "5", name: "Jane Smith", date: "Dec 15, 2025", title: "Homeowner", quote: "Excellent work installing our new furnace. Temperature never dropped.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", imageAlt: "happy customer testimonial portrait" },
|
||||
]}
|
||||
title="What Our Neighbors Are Saying"
|
||||
description="Proudly recommended by the Middleboro 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="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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 617-417-6584",
|
||||
href: "tel:617-417-6584",
|
||||
},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@mountaintopcooling.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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."
|
||||
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">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Sun: 08am-06pm",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Mon-Fri: 9am-5pm",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat: 08am-06pm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "617-417-6584",
|
||||
href: "tel:617-417-6584",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Mountain Top Cooling"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }, { label: "Maintenance", href: "#" }] },
|
||||
{ title: "Hours", items: [{ label: "Sun: 08am-06pm", href: "#" }, { label: "Mon-Fri: 9am-5pm", href: "#" }, { label: "Sat: 08am-06pm", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "617-417-6584", href: "tel:617-417-6584" }] },
|
||||
]}
|
||||
logoText="Mountain Top Cooling"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user