bender/455c9683-2d63-433a-86d6-b20aa625e6af
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-27 21:02:47 +00:00
parent ba42f02dfa
commit ce91606581
1 changed files with 62 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

243
src/app/page.tsx
View File

@@ -33,53 +33,36 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Why ABS",
id: "#why-abs",
},
name: "Why ABS", id: "#why-abs"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="ABS Heating & Air"
button={{
text: "Schedule Service",
href: "#contact",
}}
text: "Schedule Service", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "downward-rays-animated-grid",
}}
variant: "downward-rays-animated-grid"}}
logoText="ABS Heating & Air"
description="Residential HVAC built with commercial-grade precision and honest service. Every system is diagnostics-first, engineered to last, and backed by 20 years of expertise."
buttons={[
{
text: "Schedule Service",
href: "#contact",
},
text: "Schedule Service", href: "#contact"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/black-white-photo-windows_250224-166.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/black-white-photo-windows_250224-166.jpg"
imageAlt="Modern HVAC engineering blueprint and tools"
mediaAnimation="blur-reveal"
/>
@@ -90,7 +73,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Precision Engineering & Unmatched Craftsmanship"
description="At ABS Heating & Air, we elevate comfort to an art form. With two decades of expertise, our diagnostic-first approach ensures every installation and service is executed with world-class engineering precision, setting new benchmarks for reliability and performance in both residential and commercial spaces. Our commitment extends beyond mere functionality, delivering systems that are designed to last and backed by an unwavering dedication to quality."
imageSrc="http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17798.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17798.jpg"
imageAlt="HVAC technician inspecting a high-tech system with precision tools"
/>
</div>
@@ -102,73 +85,41 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Residential HVAC Mastery",
description: "Experience bespoke climate control designed for your home's unique architecture and your family's comfort. We offer intelligent, quiet, and energy-efficient systems.",
icon: Home,
title: "Residential HVAC Mastery", description: "Experience bespoke climate control designed for your home's unique architecture and your family's comfort. We offer intelligent, quiet, and energy-efficient systems.", icon: Home,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/person-using-smartphone-his-automated-home_23-2149036906.jpg",
imageAlt: "Modern residential HVAC system in a luxury home",
},
imageSrc: "http://img.b2bpic.net/free-photo/person-using-smartphone-his-automated-home_23-2149036906.jpg", imageAlt: "Modern residential HVAC system in a luxury home"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-smart-home-application-with-voice-command-turn-light-with-digital-tablet-m_482257-2741.jpg",
imageAlt: "Sleek air conditioning unit in a modern living room",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-windows_250224-166.jpg?_wi=2",
imageAlt: "modern home hvac system residential",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-smart-home-application-with-voice-command-turn-light-with-digital-tablet-m_482257-2741.jpg", imageAlt: "Sleek air conditioning unit in a modern living room"},
]
},
{
title: "Commercial Grade Precision",
description: "Optimized climate solutions for businesses, ensuring employee comfort, critical equipment protection, and energy savings through robust and reliable systems.",
icon: Building,
title: "Commercial Grade Precision", description: "Optimized climate solutions for businesses, ensuring employee comfort, critical equipment protection, and energy savings through robust and reliable systems.", icon: Building,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/sets-cooling-towers-data-center-building_1127-3435.jpg",
imageAlt: "Large commercial building rooftop HVAC units",
},
imageSrc: "http://img.b2bpic.net/free-photo/sets-cooling-towers-data-center-building_1127-3435.jpg", imageAlt: "Large commercial building rooftop HVAC units"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281317.jpg",
imageAlt: "Industrial air conditioning system in a business facility",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17798.jpg?_wi=2",
imageAlt: "modern home hvac system residential",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281317.jpg", imageAlt: "Industrial air conditioning system in a business facility"},
]
},
{
title: "Smart System Integration",
description: "Seamlessly integrate your HVAC with smart home or building management systems. Achieve effortless control and proactive diagnostics for ultimate efficiency.",
icon: Smartphone,
title: "Smart System Integration", description: "Seamlessly integrate your HVAC with smart home or building management systems. Achieve effortless control and proactive diagnostics for ultimate efficiency.", icon: Smartphone,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-with-robotic-wireless-vacuum-cleaner_23-2150783902.jpg",
imageAlt: "Smart home thermostat digital display",
},
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-with-robotic-wireless-vacuum-cleaner_23-2150783902.jpg", imageAlt: "Smart home thermostat digital display"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207757.jpg",
imageAlt: "Automated climate control app interface",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334228.jpg",
imageAlt: "modern home hvac system residential",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207757.jpg", imageAlt: "Automated climate control app interface"},
]
},
{
title: "Diagnostics-First Approach",
description: "Our meticulous diagnostic process uncovers root causes, ensuring precise repairs and optimized system performance, preventing future issues and saving costs.",
icon: ListChecks,
title: "Diagnostics-First Approach", description: "Our meticulous diagnostic process uncovers root causes, ensuring precise repairs and optimized system performance, preventing future issues and saving costs.", icon: ListChecks,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",
imageAlt: "HVAC technician performing diagnostic analysis",
},
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg", imageAlt: "HVAC technician performing diagnostic analysis"},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170119.jpg",
imageAlt: "Precision sensor data for air quality report",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/happy-afroamerican-employee-portrait_23-2148508904.jpg",
imageAlt: "modern home hvac system residential",
},
imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170119.jpg", imageAlt: "Precision sensor data for air quality report"},
]
}
]}
title="World-Class HVAC Solutions for Every Need"
description="From sophisticated residential systems to complex commercial infrastructures, ABS Heating & Air delivers unparalleled comfort and efficiency. Our bespoke solutions integrate cutting-edge technology with meticulous installation, ensuring optimal performance and absolute peace of mind for every client."
@@ -182,23 +133,14 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "years-experience",
icon: Award,
title: "Years of Expertise",
value: "20+",
},
id: "years-experience", icon: Award,
title: "Years of Expertise", value: "20+"},
{
id: "customer-satisfaction",
icon: Star,
title: "Customer Satisfaction",
value: "99%",
},
id: "customer-satisfaction", icon: Star,
title: "Customer Satisfaction", value: "99%"},
{
id: "projects-completed",
icon: CheckCircle,
title: "Projects Completed",
value: "5000+",
},
id: "projects-completed", icon: CheckCircle,
title: "Projects Completed", value: "5000+"},
]}
title="Unmatched Performance, Proven Results"
description="Our commitment to excellence is reflected in every project, every client, and every metric. We don't just provide HVAC services; we deliver measurable improvements in comfort, efficiency, and system longevity, solidifying our position as a leader in the industry."
@@ -210,14 +152,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Acme Corp",
"Global Enterprises",
"Cityscape Properties",
"Horizon Tech",
"Prime Hospitality",
"Zenith Investments",
"Summit Construction",
]}
"Acme Corp", "Global Enterprises", "Cityscape Properties", "Horizon Tech", "Prime Hospitality", "Zenith Investments", "Summit Construction"]}
title="Trusted by Industry Leaders & Premium Homes"
description="Our reputation for unparalleled quality and service has made us the preferred partner for discerning homeowners and leading commercial enterprises alike. We build lasting relationships based on trust, performance, and mutual success."
/>
@@ -231,25 +166,15 @@ export default function LandingPage() {
author="Eleanor Vance, Affluent Homeowner"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",
alt: "Sarah Johnson avatar",
},
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg", alt: "Sarah Johnson avatar"},
{
src: "http://img.b2bpic.net/free-photo/happy-afroamerican-employee-portrait_23-2148508904.jpg",
alt: "Michael Chen avatar",
},
src: "http://img.b2bpic.net/free-photo/happy-afroamerican-employee-portrait_23-2148508904.jpg", alt: "Michael Chen avatar"},
{
src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
alt: "Emily Rodriguez avatar",
},
src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg", alt: "Emily Rodriguez avatar"},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "David Kim avatar",
},
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "David Kim avatar"},
{
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
alt: "Jessica Lee avatar",
},
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Jessica Lee avatar"},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
@@ -262,25 +187,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What makes ABS Heating & Air different from other contractors?",
content: "Our diagnostic-first, engineering-led approach, coupled with unparalleled craftsmanship and customer experience, sets us apart. We focus on long-term solutions and client trust, not quick fixes.",
},
id: "1", title: "What makes ABS Heating & Air different from other contractors?", content: "Our diagnostic-first, engineering-led approach, coupled with unparalleled craftsmanship and customer experience, sets us apart. We focus on long-term solutions and client trust, not quick fixes."},
{
id: "2",
title: "Do you handle both residential and commercial projects?",
content: "Yes, we specialize in premium HVAC solutions for both affluent residential properties and complex commercial facilities. Our teams are equipped for diverse needs and scales.",
},
id: "2", title: "Do you handle both residential and commercial projects?", content: "Yes, we specialize in premium HVAC solutions for both affluent residential properties and complex commercial facilities. Our teams are equipped for diverse needs and scales."},
{
id: "3",
title: "How do you ensure system reliability and longevity?",
content: "We use only top-tier components, employ highly skilled technicians, and implement rigorous diagnostic protocols. Our systems are designed to last, backed by our 20 years of proven expertise.",
},
id: "3", title: "How do you ensure system reliability and longevity?", content: "We use only top-tier components, employ highly skilled technicians, and implement rigorous diagnostic protocols. Our systems are designed to last, backed by our 20 years of proven expertise."},
{
id: "4",
title: "What is your approach to customer service and transparency?",
content: "Transparency is core to our values. We provide clear communication, detailed explanations, and honest recommendations throughout every step of our service, building lasting relationships based on trust.",
},
id: "4", title: "What is your approach to customer service and transparency?", content: "Transparency is core to our values. We provide clear communication, detailed explanations, and honest recommendations throughout every step of our service, building lasting relationships based on trust."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-engineer-designing-building-model-maquette-layout-architecture-work-architect-working-construction-structure-design-urban-development-project_482257-37228.jpg"
imageAlt="HVAC technician explaining system details to a homeowner"
@@ -296,18 +209,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
text="Ready to experience comfort engineered properly? Connect with ABS Heating & Air today for a consultation or to schedule world-class service."
buttons={[
{
text: "Schedule Service",
href: "#",
},
text: "Schedule Service", href: "#"},
{
text: "Request a Quote",
href: "#",
},
text: "Request a Quote", href: "#"},
]}
/>
</div>
@@ -317,66 +225,39 @@ export default function LandingPage() {
logoText="ABS Heating & Air"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Residential HVAC",
href: "#services",
},
label: "Residential HVAC", href: "#services"},
{
label: "Commercial HVAC",
href: "#services",
},
label: "Commercial HVAC", href: "#services"},
{
label: "Smart Systems",
href: "#services",
},
label: "Smart Systems", href: "#services"},
{
label: "Preventive Maintenance",
href: "#",
},
label: "Preventive Maintenance", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Why ABS",
href: "#why-abs",
},
label: "Why ABS", href: "#why-abs"},
{
label: "Team",
href: "#",
},
label: "Team", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}