Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="HVAC Pro"
|
||||
/>
|
||||
@@ -58,62 +43,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Professional Climate Control Services"
|
||||
description="Keep your home comfortable year-round with our expert HVAC installation, maintenance, and repair services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/meticulous-wiremen-expertly-refilling-freon-external-air-conditioner-while-using-manifold-measurement-device-closely-measure-pressure-hvac-system-ensuring-perfect-cooling-performance_482257-68069.jpg?_wi=1"
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/meticulous-wiremen-expertly-refilling-freon-external-air-conditioner-while-using-manifold-measurement-device-closely-measure-pressure-hvac-system-ensuring-perfect-cooling-performance_482257-68069.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250262.jpg",
|
||||
alt: "Close up on heat pump outside home",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg",
|
||||
alt: "Close up of worker checking freon tank",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-worker-sweeping-away-loose-debris-accumulated-around-air-conditioner-base-trained-engineer-cleaning-hvac-system-body-control-panel-with-dusting-brush-tool-remove-loose-dirt_482257-70162.jpg",
|
||||
alt: "African american worker sweeping away loose debris accumulated around air conditioner base",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-holding-manometers-close-up_482257-90625.jpg",
|
||||
alt: "Mechanic holding manometers close up",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/meticulous-wiremen-expertly-refilling-freon-external-air-conditioner-while-using-manifold-measurement-device-closely-measure-pressure-hvac-system-ensuring-perfect-cooling-performance_482257-68069.jpg",
|
||||
alt: "hvac technician working on unit",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250262.jpg", alt: "Close up on heat pump outside home" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg", alt: "Close up of worker checking freon tank" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-worker-sweeping-away-loose-debris-accumulated-around-air-conditioner-base-trained-engineer-cleaning-hvac-system-body-control-panel-with-dusting-brush-tool-remove-loose-dirt_482257-70162.jpg", alt: "African american worker sweeping away loose debris" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mechanic-holding-manometers-close-up_482257-90625.jpg", alt: "Mechanic holding manometers close up" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/meticulous-wiremen-expertly-refilling-freon-external-air-conditioner-while-using-manifold-measurement-device-closely-measure-pressure-hvac-system-ensuring-perfect-cooling-performance_482257-68069.jpg", alt: "hvac technician working on unit" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Technicians",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Energy Efficient",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Repairs",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Trusted Service",
|
||||
},
|
||||
{ type: "text", text: "24/7 Support" },
|
||||
{ type: "text", text: "Certified Technicians" },
|
||||
{ type: "text", text: "Energy Efficient" },
|
||||
{ type: "text", text: "Fast Repairs" },
|
||||
{ type: "text", text: "Trusted Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,9 +71,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Your Trusted HVAC Partners"
|
||||
description={[
|
||||
"With over 15 years of experience, we provide reliable heating and cooling solutions for residential homes. Our certified technicians prioritize energy efficiency and customer comfort above all else.",
|
||||
"We believe in transparent pricing and high-quality workmanship on every single job.",
|
||||
]}
|
||||
"With over 15 years of experience, we provide reliable heating and cooling solutions for residential homes. Our certified technicians prioritize energy efficiency and customer comfort above all else.", "We believe in transparent pricing and high-quality workmanship on every single job."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -136,49 +82,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Heating Installation",
|
||||
description: "Expert furnace and heating system installation for maximum energy efficiency.",
|
||||
icon: Flame,
|
||||
title: "Heating Installation", description: "Expert furnace and heating system installation for maximum energy efficiency.", icon: Flame,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-phone-with-home-owner_482257-80143.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-coat-with-laptop-his-hands-controls-production-process-digital-screen-dairy-shop-quality-control-dairy-plant_645730-793.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/specialist-phone-with-home-owner_482257-80143.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-coat-with-laptop-his-hands-controls-production-process-digital-screen-dairy-shop-quality-control-dairy-plant_645730-793.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meticulous-wiremen-expertly-refilling-freon-external-air-conditioner-while-using-manifold-measurement-device-closely-measure-pressure-hvac-system-ensuring-perfect-cooling-performance_482257-68069.jpg?_wi=2",
|
||||
imageAlt: "residential furnace installation service",
|
||||
},
|
||||
{
|
||||
title: "AC Maintenance",
|
||||
description: "Preventative maintenance to ensure your cooling system performs when you need it most.",
|
||||
icon: Wind,
|
||||
title: "AC Maintenance", description: "Preventative maintenance to ensure your cooling system performs when you need it most.", icon: Wind,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-electrician-doing-leak-checks-other-necessary-repairs-prevent-major-breakdowns-licensed-serviceman-verifying-air-conditioner-writing-findings-clipboard_482257-70255.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-electrician-doing-leak-checks-other-necessary-repairs-prevent-major-breakdowns-licensed-serviceman-verifying-air-conditioner-writing-findings-clipboard_482257-70255.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-repairmen-enlisted-air-conditioner-check-refilling-freon-expert-african-american-mechanic-colleague-using-manometers-precisely-measure-pressure-condenser_482257-65757.jpg",
|
||||
imageAlt: "residential furnace installation service",
|
||||
},
|
||||
{
|
||||
title: "Air Quality Solutions",
|
||||
description: "Advanced ventilation and filtration systems for fresher, healthier home air.",
|
||||
icon: Star,
|
||||
title: "Air Quality Solutions", description: "Advanced ventilation and filtration systems for fresher, healthier home air.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireman-dissasembling-air-conditioner_482257-91015.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-getting-warm-by-heating_23-2149134349.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wireman-dissasembling-air-conditioner_482257-91015.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-getting-warm-by-heating_23-2149134349.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courier-sitting-near-boxes_23-2147787767.jpg?_wi=1",
|
||||
imageAlt: "residential furnace installation service",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized HVAC Services"
|
||||
@@ -193,21 +115,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5000+",
|
||||
description: "Successful Installations",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Emergency Support",
|
||||
},
|
||||
{ id: "1", value: "15+", description: "Years of Excellence" },
|
||||
{ id: "2", value: "5000+", description: "Successful Installations" },
|
||||
{ id: "3", value: "24/7", description: "Emergency Support" },
|
||||
]}
|
||||
title="Reliability You Can Count On"
|
||||
description="Our numbers speak for themselves when it comes to customer satisfaction and system performance."
|
||||
@@ -220,60 +130,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courier-sitting-near-boxes_23-2147787767.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob R.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-woman-sits-sofa-living-room-holds-notebook-reads-her-notes-studies_1258-201922.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie S.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-couple-dressed-casual-style-sits-floor-cosy-modern-room_8353-8258.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana K.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-warming-up-with-heater_23-2149335083.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Edward P.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-young-man-cafe-visitor-sitting-with-his-smartphone-listening_1258-314323.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice M.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/courier-sitting-near-boxes_23-2147787767.jpg" },
|
||||
{ id: "2", name: "Bob R.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-woman-sits-sofa-living-room-holds-notebook-reads-her-notes-studies_1258-201922.jpg" },
|
||||
{ id: "3", name: "Charlie S.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-couple-dressed-casual-style-sits-floor-cosy-modern-room_8353-8258.jpg" },
|
||||
{ id: "4", name: "Diana K.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-warming-up-with-heater_23-2149335083.jpg" },
|
||||
{ id: "5", name: "Edward P.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-stylish-young-man-cafe-visitor-sitting-with-his-smartphone-listening_1258-314323.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention Rate",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "98%", label: "Retention Rate" },
|
||||
{ value: "100+", label: "Happy Clients" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why homeowners trust us for their heating and cooling needs."
|
||||
@@ -285,21 +151,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I service my AC?",
|
||||
content: "We recommend professional servicing at least once a year, preferably before the summer season starts.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide emergency repairs?",
|
||||
content: "Yes, our certified team is available 24/7 for urgent heating and cooling repairs.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can you help improve indoor air quality?",
|
||||
content: "Absolutely, we specialize in high-efficiency air filters and duct cleaning services for your peace of mind.",
|
||||
},
|
||||
{ id: "1", title: "How often should I service my AC?", content: "We recommend professional servicing at least once a year, preferably before the summer season starts." },
|
||||
{ id: "2", title: "Do you provide emergency repairs?", content: "Yes, our certified team is available 24/7 for urgent heating and cooling repairs." },
|
||||
{ id: "3", title: "Can you help improve indoor air quality?", content: "Absolutely, we specialize in high-efficiency air filters and duct cleaning services for your peace of mind." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-black-man-working_23-2149546192.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -312,18 +166,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need HVAC Assistance?"
|
||||
description="Get in touch today to schedule an inspection or request a free quote for your next project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@hvacpro.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "mailto:hello@hvacpro.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user