diff --git a/src/app/page.tsx b/src/app/page.tsx index 67da1ef..3852730 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -22,10 +22,10 @@ export default function HvacPage() { borderRadius="soft" contentWidth="medium" sizing="medium" - background="aurora" - cardStyle="glass-elevated" - primaryButtonStyle="gradient" - secondaryButtonStyle="glass" + background="none" + cardStyle="soft-shadow" + primaryButtonStyle="flat" + secondaryButtonStyle="solid" headingFontWeight="semibold" > @@ -36,7 +36,7 @@ export default function HvacPage() { { name: "Services", id: "services" }, { name: "About", id: "about" }, { name: "Testimonials", id: "testimonials" }, - { name: "Contact", id: "contact" }, + { name: "Contact", id: "contact" } ]} button={{ text: "Get a Quote", href: "#contact" }} animateOnLoad={false} @@ -50,12 +50,12 @@ export default function HvacPage() { avatars={[ { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg", alt: "Client" }, { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg", alt: "Client" }, - { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg", alt: "Client" }, + { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg", alt: "Client" } ]} avatarText="Trusted by 500+ clients" buttons={[ { text: "Schedule Service", href: "#contact" }, - { text: "Our Services", href: "#services" }, + { text: "Our Services", href: "#services" } ]} buttonAnimation="slide-up" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-1.jpg" @@ -71,20 +71,16 @@ export default function HvacPage() { description="AirPro HVAC has been keeping homes and businesses comfortable for nearly two decades. Our certified technicians deliver expert installations, maintenance, and repairs — backed by transparent pricing and a commitment to getting the job done right the first time." metrics={[ { - value: "2,500+", - title: "Systems installed and serviced", + value: "2,500+", title: "Systems installed and serviced" }, { - value: "98%", - title: "Customer satisfaction rate", - }, + value: "98%", title: "Customer satisfaction rate" + } ]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-2.jpg" imageAlt="Commercial HVAC units on rooftop" mediaBadge={{ - text: "Active Now", - avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-3.jpg", - avatarAlt: "Technician" + text: "Active Now", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-3.jpg", avatarAlt: "Technician" }} mediaAnimation="slide-up" metricsAnimation="slide-up" @@ -99,41 +95,23 @@ export default function HvacPage() { buttonAnimation="slide-up" features={[ { - title: "AC Installation", - description: "Expert installation of high-efficiency air conditioning systems for homes and commercial spaces.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg", - imageAlt: "AC installation service", + title: "AC Installation", description: "Expert installation of high-efficiency air conditioning systems for homes and commercial spaces.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg", imageAlt: "AC installation service" }, { - title: "Heating Systems", - description: "Complete furnace and heat pump installations to keep you warm through every winter.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg", - imageAlt: "Heating system service", + title: "Heating Systems", description: "Complete furnace and heat pump installations to keep you warm through every winter.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg", imageAlt: "Heating system service" }, { - title: "Maintenance Plans", - description: "Preventative maintenance programs that extend the life of your system and reduce energy costs.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg", - imageAlt: "HVAC maintenance", + title: "Maintenance Plans", description: "Preventative maintenance programs that extend the life of your system and reduce energy costs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg", imageAlt: "HVAC maintenance" }, { - title: "Emergency Repairs", - description: "24/7 emergency repair service — we respond fast when your system breaks down unexpectedly.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg", - imageAlt: "Emergency HVAC repair", + title: "Emergency Repairs", description: "24/7 emergency repair service — we respond fast when your system breaks down unexpectedly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg", imageAlt: "Emergency HVAC repair" }, { - title: "Duct Cleaning", - description: "Professional duct cleaning to improve air quality and system efficiency throughout your property.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg", - imageAlt: "Duct cleaning service", + title: "Duct Cleaning", description: "Professional duct cleaning to improve air quality and system efficiency throughout your property.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg", imageAlt: "Duct cleaning service" }, { - title: "System Inspections", - description: "Thorough inspections with detailed reports and transparent recommendations — no hidden fees.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-9.jpg", - imageAlt: "HVAC system inspection", - }, + title: "System Inspections", description: "Thorough inspections with detailed reports and transparent recommendations — no hidden fees.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-9.jpg", imageAlt: "HVAC system inspection" + } ]} gridVariant="uniform-all-items-equal" uniformGridCustomHeightClasses="aspect-square" @@ -150,19 +128,16 @@ export default function HvacPage() { features={[ { icon: ShieldCheck, - title: "Reliability & Trust", - description: "Looking for a dependable HVAC company? We arrive on time and do the job right.", + title: "Reliability & Trust", description: "Looking for a dependable HVAC company? We arrive on time and do the job right." }, { icon: Wrench, - title: "Quality Workmanship", - description: "Our skilled technicians excel in various HVAC repairs, using only top-quality materials.", + title: "Quality Workmanship", description: "Our skilled technicians excel in various HVAC repairs, using only top-quality materials." }, { icon: DollarSign, - title: "Fair & Transparent Pricing", - description: "No surprises here! We offer clear quotes and fair pricing for quality work.", - }, + title: "Fair & Transparent Pricing", description: "No surprises here! We offer clear quotes and fair pricing for quality work." + } ]} textboxLayout="default" animationType="slide-up" @@ -174,29 +149,17 @@ export default function HvacPage() { description="Our simple process from first call to finished job" features={[ { - title: "Schedule a Call", - description: "Contact us by phone or online to describe your HVAC issue. We'll find a time that works for you.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg", - imageAlt: "Scheduling a service call", + title: "Schedule a Call", description: "Contact us by phone or online to describe your HVAC issue. We'll find a time that works for you.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg", imageAlt: "Scheduling a service call" }, { - title: "On-Site Diagnosis", - description: "A certified technician arrives on time, inspects your system, and explains the issue with a clear quote.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg", - imageAlt: "Technician diagnosing HVAC system", + title: "On-Site Diagnosis", description: "A certified technician arrives on time, inspects your system, and explains the issue with a clear quote.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-7.jpg", imageAlt: "Technician diagnosing HVAC system" }, { - title: "Expert Repair or Install", - description: "We complete the work using premium parts and proven techniques — most jobs done same day.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg", - imageAlt: "HVAC repair in progress", + title: "Expert Repair or Install", description: "We complete the work using premium parts and proven techniques — most jobs done same day.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg", imageAlt: "HVAC repair in progress" }, { - title: "Quality Guarantee", - description: "We test everything before we leave and back all work with our satisfaction guarantee.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg", - imageAlt: "Final quality check", - }, + title: "Quality Guarantee", description: "We test everything before we leave and back all work with our satisfaction guarantee.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-8.jpg", imageAlt: "Final quality check" + } ]} textboxLayout="default" useInvertedBackground={false} @@ -207,32 +170,17 @@ export default function HvacPage() { description="Hear from homeowners and businesses who trust AirPro HVAC." testimonials={[ { - id: "1", - name: "James R.", - handle: "Homeowner, Austin TX", - testimonial: "AirPro replaced our entire AC system in one day. The crew was professional, clean, and the new unit runs quieter than anything we've had before. Highly recommend.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg", - imageAlt: "James R.", + id: "1", name: "James R.", handle: "Homeowner, Austin TX", testimonial: "AirPro replaced our entire AC system in one day. The crew was professional, clean, and the new unit runs quieter than anything we've had before. Highly recommend.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg", imageAlt: "James R." }, { - id: "2", - name: "Linda M.", - handle: "Business Owner, Dallas TX", - testimonial: "We use AirPro for all three of our office locations. Their maintenance plans have saved us thousands in emergency repairs. Always on time, always honest.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg", - imageAlt: "Linda M.", + id: "2", name: "Linda M.", handle: "Business Owner, Dallas TX", testimonial: "We use AirPro for all three of our office locations. Their maintenance plans have saved us thousands in emergency repairs. Always on time, always honest.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg", imageAlt: "Linda M." }, { - id: "3", - name: "Carlos D.", - handle: "Homeowner, Houston TX", - testimonial: "Our furnace broke down on the coldest night of the year. AirPro had someone at our door within two hours. Fixed it on the spot. Can't thank them enough.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg", - imageAlt: "Carlos D.", - }, + id: "3", name: "Carlos D.", handle: "Homeowner, Houston TX", testimonial: "Our furnace broke down on the coldest night of the year. AirPro had someone at our door within two hours. Fixed it on the spot. Can't thank them enough.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.jpg", imageAlt: "Carlos D." + } ]} showRating={true} animationType="slide-up" @@ -250,30 +198,20 @@ export default function HvacPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "Do you offer 24/7 emergency service?", - content: "Yes! We provide round-the-clock emergency HVAC service. If your system breaks down in the middle of the night or on a weekend, call us and a technician will be at your door as soon as possible.", + id: "1", title: "Do you offer 24/7 emergency service?", content: "Yes! We provide round-the-clock emergency HVAC service. If your system breaks down in the middle of the night or on a weekend, call us and a technician will be at your door as soon as possible." }, { - id: "2", - title: "How often should I service my HVAC system?", - content: "We recommend servicing your system at least twice a year — once before summer for cooling and once before winter for heating. Regular maintenance extends your system's life and keeps energy bills low.", + id: "2", title: "How often should I service my HVAC system?", content: "We recommend servicing your system at least twice a year — once before summer for cooling and once before winter for heating. Regular maintenance extends your system's life and keeps energy bills low." }, { - id: "3", - title: "What brands do you install and repair?", - content: "We work with all major HVAC brands including Carrier, Trane, Lennox, Daikin, Rheem, and more. Our technicians are trained and certified across multiple manufacturers.", + id: "3", title: "What brands do you install and repair?", content: "We work with all major HVAC brands including Carrier, Trane, Lennox, Daikin, Rheem, and more. Our technicians are trained and certified across multiple manufacturers." }, { - id: "4", - title: "Do you offer financing options?", - content: "Yes, we offer flexible financing plans for new installations and major repairs. Ask about our 0% interest options so you can stay comfortable without straining your budget.", + id: "4", title: "Do you offer financing options?", content: "Yes, we offer flexible financing plans for new installations and major repairs. Ask about our 0% interest options so you can stay comfortable without straining your budget." }, { - id: "5", - title: "How long does a typical installation take?", - content: "Most residential HVAC installations are completed in one day. Larger commercial projects may take 2-3 days depending on the scope. We'll give you an accurate timeline during your consultation.", - }, + id: "5", title: "How long does a typical installation take?", content: "Most residential HVAC installations are completed in one day. Larger commercial projects may take 2-3 days depending on the scope. We'll give you an accurate timeline during your consultation." + } ]} /> @@ -286,7 +224,7 @@ export default function HvacPage() { description="Whether you need a new installation, emergency repair, or routine maintenance — our team is ready to help. Call us today or request a free quote." buttons={[ { text: "Get a Free Quote", href: "#contact" }, - { text: "Call (555) 987-6543", href: "tel:5559876543" }, + { text: "Call (555) 987-6543", href: "tel:5559876543" } ]} background={{ variant: "plain" }} useInvertedBackground={false} @@ -300,31 +238,28 @@ export default function HvacPage() { imageAlt="HVAC technician inspecting equipment" columns={[ { - title: "Services", - items: [ + title: "Services", items: [ { label: "AC Installation", href: "#services" }, { label: "Heating Systems", href: "#services" }, { label: "Maintenance Plans", href: "#services" }, - { label: "Emergency Repairs", href: "#services" }, - ], + { label: "Emergency Repairs", href: "#services" } + ] }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "#about" }, { label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }, - { label: "Contact", href: "#contact" }, - ], + { label: "Contact", href: "#contact" } + ] }, { - title: "Contact", - items: [ + title: "Contact", items: [ { label: "(555) 987-6543", href: "tel:5559876543" }, { label: "info@airprohvac.com", href: "mailto:info@airprohvac.com" }, - { label: "Austin, TX" }, - ], - }, + { label: "Austin, TX" } + ] + } ]} copyrightText="© 2026 | AirPro HVAC" /> @@ -332,4 +267,4 @@ export default function HvacPage() { ); -} +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 99a809c..d2ffc19 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f8fafc; + --background: #f5f5f5; --card: #ffffff; - --foreground: #0f172a; - --primary-cta: #1d4ed8; - --primary-cta-text: #ffffff; - --secondary-cta: #e0e7ff; - --secondary-cta-text: #1e3a5f; - --accent: #3b82f6; - --background-accent: #60a5fa; + --foreground: #1c1c1c; + --primary-cta: #1f3251; + --primary-cta-text: #f5f5f5; + --secondary-cta: #ffffff; + --secondary-cta-text: #1c1c1c; + --accent: #15479c; + --background-accent: #a8cce8; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);