Compare commits
4 Commits
version_1_
...
version_3_
| Author | SHA1 | Date | |
|---|---|---|---|
|
a273e965d7 | ||
| bd0b5bd65b | |||
|
|
496058fc48 | ||
| 1acc4b522e |
@@ -1,194 +1,32 @@
|
|||||||
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
|
// AUTO-GENERATED shell by per-section-migrate.
|
||||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
// files directly; this shell only fixes render order.
|
||||||
import FeaturesRevealCardsBentoSharp from '@/components/sections/features/FeaturesRevealCardsBentoSharp';
|
|
||||||
import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
|
|
||||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
|
||||||
import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';
|
|
||||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
|
||||||
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
|
||||||
import { Cloud, Gauge, Leaf } from "lucide-react";
|
|
||||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
||||||
|
|
||||||
export default function HomePage() {
|
import React from 'react';
|
||||||
|
import HeroSection from './HomePage/sections/Hero';
|
||||||
|
import AboutSection from './HomePage/sections/About';
|
||||||
|
import ProcessSection from './HomePage/sections/Process';
|
||||||
|
import ServicesSection from './HomePage/sections/Services';
|
||||||
|
import PricingSection from './HomePage/sections/Pricing';
|
||||||
|
import MetricsSection from './HomePage/sections/Metrics';
|
||||||
|
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||||
|
import SocialProofSection from './HomePage/sections/SocialProof';
|
||||||
|
import ContactSection from './HomePage/sections/Contact';
|
||||||
|
|
||||||
|
|
||||||
|
import FaqSection from './HomePage/sections/Faq';export default function HomePage(): React.JSX.Element {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div id="hero" data-section="hero">
|
<HeroSection />
|
||||||
<SectionErrorBoundary name="hero">
|
<AboutSection />
|
||||||
<HeroOverlayMarquee
|
<ProcessSection />
|
||||||
tag="Your Comfort, Our Priority"
|
<ServicesSection />
|
||||||
title="Expert HVAC Solutions for Every Season"
|
<PricingSection />
|
||||||
description="Arctic Air Solutions provides reliable heating, ventilation, and air conditioning services to keep your home or business comfortable year-round."
|
<MetricsSection />
|
||||||
primaryButton={{
|
<TestimonialsSection />
|
||||||
text: "Schedule Service", href: "#contact"}}
|
<SocialProofSection />
|
||||||
secondaryButton={{
|
<FaqSection />
|
||||||
text: "Learn More", href: "#about"}}
|
<ContactSection />
|
||||||
items={[
|
|
||||||
{
|
|
||||||
text: "Efficient Cooling", icon: Cloud,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Reliable Heating", icon: Gauge,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Healthy Air", icon: Leaf,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-manometers-close-up_482257-90625.jpg"
|
|
||||||
/>
|
|
||||||
</SectionErrorBoundary>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
|
||||||
<SectionErrorBoundary name="about">
|
|
||||||
<AboutTestimonial
|
|
||||||
tag="Our Story"
|
|
||||||
quote="Arctic Air Solutions transformed our home's comfort. Their team was professional, efficient, and truly cared about our needs. Highly recommend!"
|
|
||||||
author="Jane Doe"
|
|
||||||
role="Satisfied Homeowner"
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/happy-man-woman-holding-speech-bubble-with-various-type-emoticans_23-2147842263.jpg"
|
|
||||||
/>
|
|
||||||
</SectionErrorBoundary>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="process" data-section="process">
|
|
||||||
<SectionErrorBoundary name="process">
|
|
||||||
<FeaturesDetailedSteps
|
|
||||||
tag="Our Process"
|
|
||||||
title="Simple Steps to Perfect Climate Control"
|
|
||||||
description="We make HVAC services easy and transparent. Here's how we ensure your comfort."
|
|
||||||
steps={[
|
|
||||||
{
|
|
||||||
tag: "Step 1", title: "Initial Assessment", subtitle: "Understanding Your Needs", description: "We start with a thorough inspection of your current HVAC system and discuss your specific requirements to tailor the best solution.", imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg"},
|
|
||||||
{
|
|
||||||
tag: "Step 2", title: "Customized Planning", subtitle: "Tailored to Your Property", description: "Based on our assessment, we design a personalized solution that fits your budget and optimizes energy efficiency for long-term savings.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-engineer_23-2150290083.jpg"},
|
|
||||||
{
|
|
||||||
tag: "Step 3", title: "Expert Implementation", subtitle: "Seamless Setup & Testing", description: "Our certified technicians handle the installation with precision, followed by rigorous testing to ensure optimal performance and immediate comfort.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388996.jpg"},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</SectionErrorBoundary>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="services" data-section="services">
|
|
||||||
<SectionErrorBoundary name="services">
|
|
||||||
<FeaturesRevealCardsBentoSharp
|
|
||||||
tag="Our Services"
|
|
||||||
title="Comprehensive HVAC Solutions"
|
|
||||||
description="From routine maintenance to emergency repairs and new installations, we cover all your heating and cooling needs with expertise."
|
|
||||||
items={[
|
|
||||||
{
|
|
||||||
title: "AC Repair", description: "Fast and reliable air conditioning repair services to restore your comfort quickly.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/specialist-phone-with-home-owner_482257-80143.jpg"},
|
|
||||||
{
|
|
||||||
title: "Heating Installation", description: "Professional heating system installation for efficient warmth during colder months.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23718.jpg"},
|
|
||||||
{
|
|
||||||
title: "Preventative Maintenance", description: "Regular check-ups to extend the life of your system and prevent costly breakdowns.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/tilt-up-shot-out-service-condenser-unit-with-protection-cover-removed-need-fixing-with-damaged-electric-internal-parts-outside-hvac-system-working-anymore-ready-be-fixed_482257-64976.jpg"},
|
|
||||||
{
|
|
||||||
title: "Duct Cleaning", description: "Improve indoor air quality and system efficiency with our thorough duct cleaning services.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388959.jpg"},
|
|
||||||
{
|
|
||||||
title: "Thermostat Installation", description: "Upgrade to smart thermostats for enhanced control and energy savings.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-his-smart-home_23-2149036902.jpg"},
|
|
||||||
{
|
|
||||||
title: "Emergency Service", description: "24/7 emergency HVAC services for unexpected breakdowns.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg"},
|
|
||||||
{
|
|
||||||
title: "Air Quality Solutions", description: "Solutions for better indoor air quality, including purifiers and humidifiers.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/white-metallic-building-pipes_250224-254.jpg"},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</SectionErrorBoundary>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
|
||||||
<SectionErrorBoundary name="pricing">
|
|
||||||
<PricingLayeredCards
|
|
||||||
tag="Our Plans"
|
|
||||||
title="Flexible HVAC Service Plans"
|
|
||||||
description="Choose a plan that best fits your needs, ensuring year-round comfort and peace of mind for your home or business."
|
|
||||||
plans={[
|
|
||||||
{
|
|
||||||
tag: "Basic", price: "$49/month", description: "Covers routine checks and basic repairs for essential system care.", primaryButton: {
|
|
||||||
text: "Select Basic", href: "#contact"},
|
|
||||||
features: [
|
|
||||||
"1 Annual Tune-up", "Priority Scheduling", "10% Parts Discount", "24/7 Phone Support"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
tag: "Standard", price: "$79/month", description: "Comprehensive coverage for optimal performance and extended system life.", primaryButton: {
|
|
||||||
text: "Select Standard", href: "#contact"},
|
|
||||||
features: [
|
|
||||||
"2 Annual Tune-ups", "Priority Scheduling", "15% Parts Discount", "Emergency Service Call Discount", "Diagnostic Fee Waived"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
tag: "Premium", price: "$119/month", description: "All-inclusive care for complete peace of mind, maximum savings, and top-tier service.", primaryButton: {
|
|
||||||
text: "Select Premium", href: "#contact"},
|
|
||||||
features: [
|
|
||||||
"2 Annual Tune-ups", "Guaranteed Same-Day Service", "20% Parts Discount", "No-Cost Emergency Service Calls", "Indoor Air Quality Check", "Thermostat Calibration"],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</SectionErrorBoundary>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
|
||||||
<SectionErrorBoundary name="metrics">
|
|
||||||
<MetricsMediaCards
|
|
||||||
tag="Our Impact"
|
|
||||||
title="Decades of Dedicated Service"
|
|
||||||
description="Proudly serving our community with reliable and efficient HVAC solutions. See our achievements and commitment to excellence."
|
|
||||||
metrics={[
|
|
||||||
{
|
|
||||||
value: "15+", title: "Years of Service", description: "Proudly serving homes and businesses since 2008, building lasting relationships.", imageSrc: "http://img.b2bpic.net/free-photo/reach-out-social-platform-connected-arrow_53876-127611.jpg"},
|
|
||||||
{
|
|
||||||
value: "98%", title: "Customer Satisfaction", description: "Our unwavering commitment to quality ensures happy clients and repeat business.", imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-feedback_23-2151952993.jpg"},
|
|
||||||
{
|
|
||||||
value: "24/7", title: "Emergency Support", description: "Always here when you need us most, providing rapid response day or night for critical issues.", imageSrc: "http://img.b2bpic.net/free-photo/anxious-young-call-center-girl-wearing-headset-sitting-desk-holding-alarm-clock-showing-empty-hand-isolated-orange_141793-76551.jpg"},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</SectionErrorBoundary>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<SectionErrorBoundary name="testimonials">
|
|
||||||
<TestimonialQuoteCards
|
|
||||||
tag="Testimonials"
|
|
||||||
title="What Our Clients Say"
|
|
||||||
description="Hear directly from homeowners and businesses who trust Arctic Air Solutions for their comfort and climate control needs."
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
name: "Robert Miller", role: "Homeowner", quote: "Arctic Air Solutions provided exceptional service. They fixed our AC quickly and professionally. Our home has never been more comfortable!", imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg"},
|
|
||||||
{
|
|
||||||
name: "Sarah Chen", role: "Property Manager", quote: "Their team handles all our commercial properties. Reliable, efficient, and always on time. A true partner in maintaining our buildings.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg"},
|
|
||||||
{
|
|
||||||
name: "David Wilson", role: "Small Business Owner", quote: "The new heating system they installed is fantastic. Energy bills are down, and our staff are much happier. Highly recommend their expertise.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-loving-couple-family-using-laptop-computer_171337-8326.jpg"},
|
|
||||||
{
|
|
||||||
name: "Emily White", role: "Residential Client", quote: "I called for emergency service, and they were here within hours. Professional and reassuring. Couldn't ask for better service.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg"},
|
|
||||||
{
|
|
||||||
name: "Michael Brown", role: "Facility Director", quote: "Arctic Air Solutions takes care of our complex HVAC needs. Their preventative maintenance plans save us a lot of headaches and money.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-737.jpg"}
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</SectionErrorBoundary>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="social-proof" data-section="social-proof">
|
|
||||||
<SectionErrorBoundary name="social-proof">
|
|
||||||
<SocialProofMarquee
|
|
||||||
tag="Trusted Partners"
|
|
||||||
title="Serving Leading Businesses & Homes"
|
|
||||||
description="We've had the privilege of working with a diverse range of clients, ensuring their comfort and satisfaction across various sectors."
|
|
||||||
names={[
|
|
||||||
"EcoBuild", "SmartHome Innovations", "Urban Living Corp", "GreenPeak Hotels", "Retail Hub Group", "Family Eatery", "Local Business Alliance", "Community Health Clinic"]}
|
|
||||||
/>
|
|
||||||
</SectionErrorBoundary>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<SectionErrorBoundary name="contact">
|
|
||||||
<ContactCta
|
|
||||||
tag="Get Started"
|
|
||||||
text="Ready for Reliable HVAC Service? Contact Us Today!"
|
|
||||||
primaryButton={{
|
|
||||||
text: "Request a Quote", href: "#contact"}}
|
|
||||||
secondaryButton={{
|
|
||||||
text: "Call Us Now", href: "tel:123-456-7890"}}
|
|
||||||
/>
|
|
||||||
</SectionErrorBoundary>
|
|
||||||
</div>
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
22
src/pages/HomePage/sections/About.tsx
Normal file
22
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||||
|
// file as the canonical source for the "about" section.
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
|
||||||
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||||
|
|
||||||
|
export default function AboutSection(): React.JSX.Element {
|
||||||
|
return (
|
||||||
|
<div id="about" data-section="about">
|
||||||
|
<SectionErrorBoundary name="about">
|
||||||
|
<AboutTestimonial
|
||||||
|
tag="Our Story"
|
||||||
|
quote="Arctic Air Solutions transformed our home's comfort. Their team was professional, efficient, and truly cared about our needs. Highly recommend!"
|
||||||
|
author="Jane Doe"
|
||||||
|
role="Satisfied Homeowner"
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/happy-man-woman-holding-speech-bubble-with-various-type-emoticans_23-2147842263.jpg"
|
||||||
|
/>
|
||||||
|
</SectionErrorBoundary>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
23
src/pages/HomePage/sections/Contact.tsx
Normal file
23
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||||
|
// file as the canonical source for the "contact" section.
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||||
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||||
|
|
||||||
|
export default function ContactSection(): React.JSX.Element {
|
||||||
|
return (
|
||||||
|
<div id="contact" data-section="contact">
|
||||||
|
<SectionErrorBoundary name="contact">
|
||||||
|
<ContactCta
|
||||||
|
tag="Get Started"
|
||||||
|
text="Ready for Reliable HVAC Service? Contact Us Today!"
|
||||||
|
primaryButton={{
|
||||||
|
text: "Request a Quote", href: "#contact"}}
|
||||||
|
secondaryButton={{
|
||||||
|
text: "Call Us Now", href: "tel:123-456-7890"}}
|
||||||
|
/>
|
||||||
|
</SectionErrorBoundary>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
61
src/pages/HomePage/sections/Faq.tsx
Normal file
61
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,61 @@
|
|||||||
|
// Created by create_section tool.
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import Tag from '@/components/ui/Tag';
|
||||||
|
import ScrollReveal from '@/components/ui/ScrollReveal';
|
||||||
|
|
||||||
|
export default function FaqSection(): React.JSX.Element {
|
||||||
|
return (
|
||||||
|
<div data-webild-section="faq" className="py-24 bg-background">
|
||||||
|
<div className="container mx-auto px-4 sm:px-6 lg:px-8 max-w-6xl">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<Tag text="FAQ" className="mb-4" />
|
||||||
|
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4">
|
||||||
|
Frequently Asked Questions
|
||||||
|
</h2>
|
||||||
|
<p className="text-lg text-muted-foreground max-w-2xl mx-auto">
|
||||||
|
Find answers to common questions about our HVAC services, maintenance, and more.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||||
|
{[
|
||||||
|
{
|
||||||
|
question: "How often should I have my HVAC system serviced?",
|
||||||
|
answer: "We recommend having your HVAC system serviced at least twice a year—once in the spring for your AC and once in the fall for your heating system. Regular maintenance helps prevent breakdowns and ensures optimal efficiency."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
question: "What are the signs that my AC needs repair?",
|
||||||
|
answer: "Common signs include unusual noises, weak airflow, warm air blowing from vents, frequent cycling, and unexpected increases in your energy bills. If you notice any of these, it's best to call a professional."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
question: "Do you offer emergency HVAC services?",
|
||||||
|
answer: "Yes, we offer 24/7 emergency repair services. HVAC emergencies don't always happen during business hours, so our team is ready to help restore your comfort whenever you need us."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
question: "How can I improve my home's indoor air quality?",
|
||||||
|
answer: "Improving indoor air quality can be achieved by regularly changing air filters, installing air purifiers or UV lamps, ensuring proper ventilation, and keeping your ductwork clean."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
question: "What is the average lifespan of an HVAC system?",
|
||||||
|
answer: "Most HVAC systems last between 15 to 20 years, depending on the model, usage, and how well they are maintained. Regular servicing can significantly extend the life of your unit."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
question: "Are your technicians licensed and insured?",
|
||||||
|
answer: "Absolutely. All of our technicians are fully licensed, insured, and undergo regular training to stay up-to-date with the latest HVAC technologies and safety standards."
|
||||||
|
}
|
||||||
|
].map((faq, index) => (
|
||||||
|
<div key={index} className="bg-card p-8 rounded-2xl shadow-sm border border-border flex flex-col h-full hover:shadow-md transition-shadow duration-300">
|
||||||
|
<h3 className="text-xl font-semibold text-foreground mb-4">
|
||||||
|
{faq.question}
|
||||||
|
</h3>
|
||||||
|
<p className="text-muted-foreground leading-relaxed mt-auto">
|
||||||
|
{faq.answer}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
37
src/pages/HomePage/sections/Hero.tsx
Normal file
37
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||||
|
// file as the canonical source for the "hero" section.
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
|
||||||
|
import { Cloud, Gauge, Leaf } from "lucide-react";
|
||||||
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||||
|
|
||||||
|
export default function HeroSection(): React.JSX.Element {
|
||||||
|
return (
|
||||||
|
<div id="hero" data-section="hero">
|
||||||
|
<SectionErrorBoundary name="hero">
|
||||||
|
<HeroOverlayMarquee
|
||||||
|
tag="Your Comfort, Our Priority"
|
||||||
|
title="Expert HVAC Solutions for Every Season"
|
||||||
|
description="Arctic Air Solutions provides reliable heating, ventilation, and air conditioning services to keep your home or business comfortable year-round."
|
||||||
|
primaryButton={{
|
||||||
|
text: "Schedule Service", href: "#contact"}}
|
||||||
|
secondaryButton={{
|
||||||
|
text: "Learn More", href: "#about"}}
|
||||||
|
items={[
|
||||||
|
{
|
||||||
|
text: "Efficient Cooling", icon: Cloud,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: "Reliable Heating", icon: Gauge,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: "Healthy Air", icon: Leaf,
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-manometers-close-up_482257-90625.jpg"
|
||||||
|
/>
|
||||||
|
</SectionErrorBoundary>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
28
src/pages/HomePage/sections/Metrics.tsx
Normal file
28
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||||
|
// file as the canonical source for the "metrics" section.
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||||
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||||
|
|
||||||
|
export default function MetricsSection(): React.JSX.Element {
|
||||||
|
return (
|
||||||
|
<div id="metrics" data-section="metrics">
|
||||||
|
<SectionErrorBoundary name="metrics">
|
||||||
|
<MetricsMediaCards
|
||||||
|
tag="Our Impact"
|
||||||
|
title="Decades of Dedicated Service"
|
||||||
|
description="Proudly serving our community with reliable and efficient HVAC solutions. See our achievements and commitment to excellence."
|
||||||
|
metrics={[
|
||||||
|
{
|
||||||
|
value: "15+", title: "Years of Service", description: "Proudly serving homes and businesses since 2008, building lasting relationships.", imageSrc: "http://img.b2bpic.net/free-photo/reach-out-social-platform-connected-arrow_53876-127611.jpg"},
|
||||||
|
{
|
||||||
|
value: "98%", title: "Customer Satisfaction", description: "Our unwavering commitment to quality ensures happy clients and repeat business.", imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-feedback_23-2151952993.jpg"},
|
||||||
|
{
|
||||||
|
value: "24/7", title: "Emergency Support", description: "Always here when you need us most, providing rapid response day or night for critical issues.", imageSrc: "http://img.b2bpic.net/free-photo/anxious-young-call-center-girl-wearing-headset-sitting-desk-holding-alarm-clock-showing-empty-hand-isolated-orange_141793-76551.jpg"},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</SectionErrorBoundary>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
40
src/pages/HomePage/sections/Pricing.tsx
Normal file
40
src/pages/HomePage/sections/Pricing.tsx
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||||
|
// file as the canonical source for the "pricing" section.
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';
|
||||||
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||||
|
|
||||||
|
export default function PricingSection(): React.JSX.Element {
|
||||||
|
return (
|
||||||
|
<div id="pricing" data-section="pricing">
|
||||||
|
<SectionErrorBoundary name="pricing">
|
||||||
|
<PricingLayeredCards
|
||||||
|
tag="Our Plans"
|
||||||
|
title="Flexible HVAC Service Plans"
|
||||||
|
description="Choose a plan that best fits your needs, ensuring year-round comfort and peace of mind for your home or business."
|
||||||
|
plans={[
|
||||||
|
{
|
||||||
|
tag: "Basic", price: "$49/month", description: "Covers routine checks and basic repairs for essential system care.", primaryButton: {
|
||||||
|
text: "Select Basic", href: "#contact"},
|
||||||
|
features: [
|
||||||
|
"1 Annual Tune-up", "Priority Scheduling", "10% Parts Discount", "24/7 Phone Support"],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tag: "Standard", price: "$79/month", description: "Comprehensive coverage for optimal performance and extended system life.", primaryButton: {
|
||||||
|
text: "Select Standard", href: "#contact"},
|
||||||
|
features: [
|
||||||
|
"2 Annual Tune-ups", "Priority Scheduling", "15% Parts Discount", "Emergency Service Call Discount", "Diagnostic Fee Waived"],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tag: "Premium", price: "$119/month", description: "All-inclusive care for complete peace of mind, maximum savings, and top-tier service.", primaryButton: {
|
||||||
|
text: "Select Premium", href: "#contact"},
|
||||||
|
features: [
|
||||||
|
"2 Annual Tune-ups", "Guaranteed Same-Day Service", "20% Parts Discount", "No-Cost Emergency Service Calls", "Indoor Air Quality Check", "Thermostat Calibration"],
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</SectionErrorBoundary>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
28
src/pages/HomePage/sections/Process.tsx
Normal file
28
src/pages/HomePage/sections/Process.tsx
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||||
|
// file as the canonical source for the "process" section.
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||||
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||||
|
|
||||||
|
export default function ProcessSection(): React.JSX.Element {
|
||||||
|
return (
|
||||||
|
<div id="process" data-section="process">
|
||||||
|
<SectionErrorBoundary name="process">
|
||||||
|
<FeaturesDetailedSteps
|
||||||
|
tag="Our Process"
|
||||||
|
title="Simple Steps to Perfect Climate Control"
|
||||||
|
description="We make HVAC services easy and transparent. Here's how we ensure your comfort."
|
||||||
|
steps={[
|
||||||
|
{
|
||||||
|
tag: "Step 1", title: "Initial Assessment", subtitle: "Understanding Your Needs", description: "We start with a thorough inspection of your current HVAC system and discuss your specific requirements to tailor the best solution.", imageSrc: "http://img.b2bpic.net/free-photo/learning-map_1098-14838.jpg"},
|
||||||
|
{
|
||||||
|
tag: "Step 2", title: "Customized Planning", subtitle: "Tailored to Your Property", description: "Based on our assessment, we design a personalized solution that fits your budget and optimizes energy efficiency for long-term savings.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-engineer_23-2150290083.jpg"},
|
||||||
|
{
|
||||||
|
tag: "Step 3", title: "Expert Implementation", subtitle: "Seamless Setup & Testing", description: "Our certified technicians handle the installation with precision, followed by rigorous testing to ensure optimal performance and immediate comfort.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388996.jpg"},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</SectionErrorBoundary>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
36
src/pages/HomePage/sections/Services.tsx
Normal file
36
src/pages/HomePage/sections/Services.tsx
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||||
|
// file as the canonical source for the "services" section.
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import FeaturesRevealCardsBentoSharp from '@/components/sections/features/FeaturesRevealCardsBentoSharp';
|
||||||
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||||
|
|
||||||
|
export default function ServicesSection(): React.JSX.Element {
|
||||||
|
return (
|
||||||
|
<div id="services" data-section="services">
|
||||||
|
<SectionErrorBoundary name="services">
|
||||||
|
<FeaturesRevealCardsBentoSharp
|
||||||
|
tag="Our Services"
|
||||||
|
title="Comprehensive HVAC Solutions"
|
||||||
|
description="From routine maintenance to emergency repairs and new installations, we cover all your heating and cooling needs with expertise."
|
||||||
|
items={[
|
||||||
|
{
|
||||||
|
title: "AC Repair", description: "Fast and reliable air conditioning repair services to restore your comfort quickly.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/specialist-phone-with-home-owner_482257-80143.jpg"},
|
||||||
|
{
|
||||||
|
title: "Heating Installation", description: "Professional heating system installation for efficient warmth during colder months.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23718.jpg"},
|
||||||
|
{
|
||||||
|
title: "Preventative Maintenance", description: "Regular check-ups to extend the life of your system and prevent costly breakdowns.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/tilt-up-shot-out-service-condenser-unit-with-protection-cover-removed-need-fixing-with-damaged-electric-internal-parts-outside-hvac-system-working-anymore-ready-be-fixed_482257-64976.jpg"},
|
||||||
|
{
|
||||||
|
title: "Duct Cleaning", description: "Improve indoor air quality and system efficiency with our thorough duct cleaning services.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388959.jpg"},
|
||||||
|
{
|
||||||
|
title: "Thermostat Installation", description: "Upgrade to smart thermostats for enhanced control and energy savings.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-his-smart-home_23-2149036902.jpg"},
|
||||||
|
{
|
||||||
|
title: "Emergency Service", description: "24/7 emergency HVAC services for unexpected breakdowns.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg"},
|
||||||
|
{
|
||||||
|
title: "Air Quality Solutions", description: "Solutions for better indoor air quality, including purifiers and humidifiers.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/white-metallic-building-pipes_250224-254.jpg"},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</SectionErrorBoundary>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
22
src/pages/HomePage/sections/SocialProof.tsx
Normal file
22
src/pages/HomePage/sections/SocialProof.tsx
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||||
|
// file as the canonical source for the "social-proof" section.
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||||
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||||
|
|
||||||
|
export default function SocialProofSection(): React.JSX.Element {
|
||||||
|
return (
|
||||||
|
<div id="social-proof" data-section="social-proof">
|
||||||
|
<SectionErrorBoundary name="social-proof">
|
||||||
|
<SocialProofMarquee
|
||||||
|
tag="Trusted Partners"
|
||||||
|
title="Serving Leading Businesses & Homes"
|
||||||
|
description="We've had the privilege of working with a diverse range of clients, ensuring their comfort and satisfaction across various sectors."
|
||||||
|
names={[
|
||||||
|
"EcoBuild", "SmartHome Innovations", "Urban Living Corp", "GreenPeak Hotels", "Retail Hub Group", "Family Eatery", "Local Business Alliance", "Community Health Clinic"]}
|
||||||
|
/>
|
||||||
|
</SectionErrorBoundary>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
32
src/pages/HomePage/sections/Testimonials.tsx
Normal file
32
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||||
|
// file as the canonical source for the "testimonials" section.
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||||
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||||
|
|
||||||
|
export default function TestimonialsSection(): React.JSX.Element {
|
||||||
|
return (
|
||||||
|
<div id="testimonials" data-section="testimonials">
|
||||||
|
<SectionErrorBoundary name="testimonials">
|
||||||
|
<TestimonialQuoteCards
|
||||||
|
tag="Testimonials"
|
||||||
|
title="What Our Clients Say"
|
||||||
|
description="Hear directly from homeowners and businesses who trust Arctic Air Solutions for their comfort and climate control needs."
|
||||||
|
testimonials={[
|
||||||
|
{
|
||||||
|
name: "Robert Miller", role: "Homeowner", quote: "Arctic Air Solutions provided exceptional service. They fixed our AC quickly and professionally. Our home has never been more comfortable!", imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg"},
|
||||||
|
{
|
||||||
|
name: "Sarah Chen", role: "Property Manager", quote: "Their team handles all our commercial properties. Reliable, efficient, and always on time. A true partner in maintaining our buildings.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg"},
|
||||||
|
{
|
||||||
|
name: "David Wilson", role: "Small Business Owner", quote: "The new heating system they installed is fantastic. Energy bills are down, and our staff are much happier. Highly recommend their expertise.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-loving-couple-family-using-laptop-computer_171337-8326.jpg"},
|
||||||
|
{
|
||||||
|
name: "Emily White", role: "Residential Client", quote: "I called for emergency service, and they were here within hours. Professional and reassuring. Couldn't ask for better service.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg"},
|
||||||
|
{
|
||||||
|
name: "Michael Brown", role: "Facility Director", quote: "Arctic Air Solutions takes care of our complex HVAC needs. Their preventative maintenance plans save us a lot of headaches and money.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-737.jpg"}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</SectionErrorBoundary>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user