Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 03945c665c | |||
| ee97e57eed | |||
| 35812bfbc2 | |||
| d93d818079 | |||
| b9336006ce | |||
| de2b9be909 | |||
| 260ceb5c22 | |||
| 7921aec4e2 | |||
| 5c0981e07d | |||
| 5d71d8c389 | |||
| d2e362afea | |||
| a524178113 |
152
src/app/page.tsx
152
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|||||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
|
|
||||||
@@ -26,51 +26,41 @@ export default function LandingPage() {
|
|||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "Services", id: "services" },
|
||||||
{
|
{ name: "About", id: "about" },
|
||||||
name: "Services", id: "services"},
|
{ name: "Reviews", id: "testimonials" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
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"
|
brandName="Mountain Top Cooling"
|
||||||
button={{
|
topBarButton={{
|
||||||
text: "Call Now: (555) COOL-AIR", href: "tel:5552665247"}}
|
text: "Call Now: (555) COOL-AIR", href: "tel:5552665247"
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{ variant: "rotated-rays-static"}}
|
||||||
variant: "rotated-rays-static"}}
|
|
||||||
title="Premium Heating & Air Solutions"
|
title="Premium Heating & Air Solutions"
|
||||||
description="Peak Performance When You Need It Most. Emergency Service Available 24/7."
|
description="Peak Performance When You Need It Most. Emergency Service Available 24/7."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Schedule Service", href: "#contact" },
|
||||||
text: "Schedule Service", href: "#contact"},
|
{ text: "Get Quote", href: "#contact" }
|
||||||
{
|
|
||||||
text: "Get Quote", href: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
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: "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: "2", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=2", imageAlt: "Mountain View 2"},
|
{ 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: "3", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=3", imageAlt: "Mountain View 3"},
|
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=6", imageAlt: "Mountain View 6" }
|
||||||
{
|
|
||||||
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>
|
||||||
|
|
||||||
@@ -79,7 +69,8 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Why Choose Mountain Top Cooling?"
|
title="Why Choose Mountain Top Cooling?"
|
||||||
description={[
|
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."]}
|
"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>
|
||||||
|
|
||||||
@@ -90,23 +81,29 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Heating Services", description: "Emergency furnace repair, gas & propane installation, and energy efficiency upgrades.", phoneOne: {
|
title: "Residential HVAC Installation", description: "Professional installation for your home's unique heating and cooling needs.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg?_wi=1", imageAlt: "Residential" },
|
||||||
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: "Residential" }
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg?_wi=2", imageAlt: "Heating"}
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Cooling Services", description: "AC installation, preventive maintenance plans, and indoor air quality improvements.", phoneOne: {
|
title: "Commercial HVAC Installation", description: "Robust climate control solutions designed for business and industrial facilities.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/team-replacing-old-air-conditioner_482257-78499.jpg?_wi=1", imageAlt: "Commercial" },
|
||||||
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: "Commercial" }
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/team-replacing-old-air-conditioner_482257-78499.jpg?_wi=2", imageAlt: "Cooling"}
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Commercial Services", description: "Specialized solutions for office spaces, retail, hospitality, and property management contracts.", phoneOne: {
|
title: "HVAC Maintenance Services", description: "Preventive care plans to maximize equipment lifespan and improve efficiency.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-full-shot_23-2148993864.jpg?_wi=1", imageAlt: "Maintenance" },
|
||||||
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=2", imageAlt: "Maintenance" }
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-full-shot_23-2148993864.jpg?_wi=1", imageAlt: "Commercial"}
|
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: "Emergency HVAC Repairs", description: "Rapid-response service for unexpected system failures, available 24/7.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg?_wi=3", imageAlt: "Emergency" },
|
||||||
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg?_wi=4", imageAlt: "Emergency" }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Ductwork Design and Installation", description: "Custom-engineered air distribution systems for optimal comfort and flow.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/team-replacing-old-air-conditioner_482257-78499.jpg?_wi=3", imageAlt: "Ductwork" },
|
||||||
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/team-replacing-old-air-conditioner_482257-78499.jpg?_wi=4", imageAlt: "Ductwork" }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Mini Split Systems", description: "Energy-efficient ductless cooling and heating for zoned comfort.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-full-shot_23-2148993864.jpg?_wi=3", imageAlt: "Mini Split" },
|
||||||
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-full-shot_23-2148993864.jpg?_wi=4", imageAlt: "Mini Split" }
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
showStepNumbers={true}
|
showStepNumbers={true}
|
||||||
title="Premium HVAC Solutions"
|
title="Premium HVAC Solutions"
|
||||||
@@ -121,21 +118,11 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
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: "1", name: "Erin Walsh", role: "Homeowner", company: "Client", rating: 5,
|
{ 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" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148294016.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: "2", name: "Abbie Long", role: "Homeowner", company: "Client", rating: 5,
|
{ 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" }
|
||||||
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"
|
title="What Our Customers Say"
|
||||||
description="Read authentic experiences from our valued clients."
|
description="Read authentic experiences from our valued clients."
|
||||||
@@ -148,51 +135,36 @@ export default function LandingPage() {
|
|||||||
title="Ready to Experience Peak Comfort?"
|
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."
|
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={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||||
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 }
|
||||||
{
|
|
||||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{ name: "message", placeholder: "How can we help you today?", rows: 4 }}
|
||||||
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"
|
imageSrc="http://img.b2bpic.net/free-photo/still-life-office-cleaning-process_23-2149343050.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pfdcq"
|
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"
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8T5EyTO6PXxr1zpzM4y6IwMqw/uploaded-1775766248282-rpt76c1y.jpg"
|
||||||
logoText="Mountain Top Cooling"
|
logoText="Mountain Top Cooling"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Quick Links", items: [
|
title: "Quick Links", items: [
|
||||||
{
|
{ label: "Emergency Service", href: "#contact" },
|
||||||
label: "Emergency Service", href: "#contact"},
|
{ label: "Heating", href: "#services" },
|
||||||
{
|
{ label: "Cooling", href: "#services" },
|
||||||
label: "Heating", href: "#services"},
|
{ label: "Commercial", href: "#services" }
|
||||||
{
|
]
|
||||||
label: "Cooling", href: "#services"},
|
|
||||||
{
|
|
||||||
label: "Commercial", href: "#services"},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company", items: [
|
title: "Company", items: [
|
||||||
{
|
{ label: "About Us", href: "#about" },
|
||||||
label: "About Us", href: "#about"},
|
{ label: "Reviews", href: "#testimonials" },
|
||||||
{
|
{ label: "Contact", href: "#contact" }
|
||||||
label: "Reviews", href: "#testimonials"},
|
]
|
||||||
{
|
}
|
||||||
label: "Contact", href: "#contact"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user