38 lines
1.4 KiB
TypeScript
38 lines
1.4 KiB
TypeScript
// 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>
|
|
);
|
|
}
|