Merge version_1 into main #2
210
src/app/page.tsx
210
src/app/page.tsx
@@ -29,82 +29,47 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mountain Top Cooling"
|
||||
button={{
|
||||
text: "Call Now: (555) COOL-AIR",
|
||||
href: "tel:5552665247",
|
||||
}}
|
||||
text: "Call Now: (555) COOL-AIR", href: "tel:5552665247"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
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: "Schedule Service", href: "#contact"},
|
||||
{
|
||||
text: "Get Quote",
|
||||
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: "1", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg", 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: "2", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg", 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: "3", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg", 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: "4", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg", 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: "5", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg", 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",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg", imageAlt: "Mountain View 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,10 +79,7 @@ export default function LandingPage() {
|
||||
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.",
|
||||
]}
|
||||
"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>
|
||||
|
||||
@@ -128,46 +90,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Heating Services",
|
||||
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",
|
||||
},
|
||||
title: "Heating Services", 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", imageAlt: "Heating"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg?_wi=2",
|
||||
imageAlt: "Heating",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-shrouded-fog-sunrise_9975-32850.jpg?_wi=7",
|
||||
imageAlt: "stunning mountain vista landscape",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg", imageAlt: "Heating"}
|
||||
},
|
||||
{
|
||||
title: "Cooling Services",
|
||||
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",
|
||||
},
|
||||
title: "Cooling Services", 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", imageAlt: "Cooling"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-replacing-old-air-conditioner_482257-78499.jpg?_wi=2",
|
||||
imageAlt: "Cooling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23718.jpg",
|
||||
imageAlt: "hvac technician working on unit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-replacing-old-air-conditioner_482257-78499.jpg", imageAlt: "Cooling"}
|
||||
},
|
||||
{
|
||||
title: "Commercial Services",
|
||||
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",
|
||||
},
|
||||
title: "Commercial Services", 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", imageAlt: "Commercial"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-full-shot_23-2148993864.jpg?_wi=2",
|
||||
imageAlt: "Commercial",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg?_wi=3",
|
||||
imageAlt: "modern furnace residential heating",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-full-shot_23-2148993864.jpg", imageAlt: "Commercial"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -184,45 +122,20 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -236,28 +149,17 @@ export default function LandingPage() {
|
||||
description="Call us now at (555) COOL-AIR for 24/7 emergency support or schedule a service online."
|
||||
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: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
@@ -269,41 +171,25 @@ export default function LandingPage() {
|
||||
logoText="Mountain Top Cooling"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Emergency Service",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Emergency Service", href: "#contact"},
|
||||
{
|
||||
label: "Heating",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Heating", href: "#services"},
|
||||
{
|
||||
label: "Cooling",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Cooling", href: "#services"},
|
||||
{
|
||||
label: "Commercial",
|
||||
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: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user