202 lines
9.8 KiB
TypeScript
202 lines
9.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775766248282-rpt76c1y.jpg"
|
|
logoAlt="Mountain Top Cooling Logo"
|
|
brandName="Mountain Top Cooling"
|
|
topBarButton={{
|
|
text: "Call Now: (555) COOL-AIR", href: "tel:5552665247"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-static"}}
|
|
title="Premium Heating & Air Solutions"
|
|
description="Peak Performance When You Need It Most. Emergency Service Available 24/7."
|
|
buttons={[
|
|
{
|
|
text: "Schedule Service", href: "#contact"},
|
|
{
|
|
text: "Get Quote", href: "#contact"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=1", imageAlt: "Mountain View 1"},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=2", imageAlt: "Mountain View 2"},
|
|
{
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=3", imageAlt: "Mountain View 3"},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=4", imageAlt: "Mountain View 4"},
|
|
{
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=5", imageAlt: "Mountain View 5"},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=6", imageAlt: "Mountain View 6"},
|
|
]}
|
|
containerClassName="!h-auto !min-h-[60vh]"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="Why Choose Mountain Top Cooling?"
|
|
description={[
|
|
"When your comfort is on the line, trust the experts who go above and beyond. Mountain Top Cooling delivers premium HVAC solutions with the reliability of mountain-solid craftsmanship.", "Available within hours, not days. We offer true 24/7 emergency service and same-day installations.", "Led by Master Technician Matt, your trusted HVAC professional with years of expert experience."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Fast-Response Heating Repair", description: "Emergency furnace repair, gas & propane installation, and energy efficiency upgrades.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg?_wi=1", imageAlt: "Heating"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg?_wi=2", imageAlt: "Heating"}
|
|
},
|
|
{
|
|
title: "Efficient Cooling Maintenance", description: "AC installation, preventive maintenance plans, and indoor air quality improvements.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/team-replacing-old-air-conditioner_482257-78499.jpg?_wi=1", imageAlt: "Cooling"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/team-replacing-old-air-conditioner_482257-78499.jpg?_wi=2", imageAlt: "Cooling"}
|
|
},
|
|
{
|
|
title: "Optimized Commercial Climate Control", description: "Specialized solutions for office spaces, retail, hospitality, and property management contracts.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-full-shot_23-2148993864.jpg?_wi=1", imageAlt: "Commercial"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-full-shot_23-2148993864.jpg?_wi=1", imageAlt: "Commercial"}
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Premium HVAC Solutions"
|
|
description="Comprehensive heating, cooling, and commercial climate services tailored for comfort."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Erin Walsh", role: "Homeowner", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148294016.jpg"},
|
|
{
|
|
id: "2", name: "Abbie Long", role: "Homeowner", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg"},
|
|
{
|
|
id: "3", name: "David Tonioli", role: "Homeowner", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg"},
|
|
{
|
|
id: "4", name: "Linda Tonioli", role: "Homeowner", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg"},
|
|
{
|
|
id: "5", name: "Customer Five", role: "Homeowner", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-casual-woman-showing-thumbs-up-isolated-purple-space_141793-92371.jpg"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Read authentic experiences from our valued clients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Ready to Experience Peak Comfort?"
|
|
description="Call us now at (555) COOL-AIR for 24/7 emergency support or schedule a service online—filling out this form ensures a priority follow-up from our team."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Email Address", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "How can we help you today?", rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343050.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=1"
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775766248282-rpt76c1y.jpg"
|
|
logoText="Mountain Top Cooling"
|
|
logoClassName="scale-150 origin-left"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Emergency Service", href: "#contact"},
|
|
{
|
|
label: "Heating", href: "#services"},
|
|
{
|
|
label: "Cooling", href: "#services"},
|
|
{
|
|
label: "Commercial", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Reviews", href: "#testimonials"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |