Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9691c4f18c | |||
| 6b4560e1d7 | |||
| c049792ace | |||
| 65461e4768 | |||
| 3edba6906b | |||
| 33e505189e | |||
| 3ea8325da7 | |||
| 70499f9235 | |||
| 53cc641113 | |||
| 47865f9fd2 | |||
| 3b099bd025 | |||
| 998bf4ca57 |
@@ -2,124 +2,63 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Shield } from "lucide-react";
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
]}
|
||||
brandName="MoeDoesHVAC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
]}
|
||||
brandName="MoeDoesHVAC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Mission"
|
||||
title="Our Commitment"
|
||||
description="Elite HVAC for Michigan."
|
||||
subdescription="We believe in precision and trust."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11787.jpg?_wi=14"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-content" data-section="about-content">
|
||||
<TextAbout
|
||||
title="Our Commitment to Excellence"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Local Heating Union",
|
||||
"Michigan HVAC Board",
|
||||
"Certified Energy Partner",
|
||||
]}
|
||||
title="Trusted Credentials"
|
||||
description="Verified excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "AC Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Furnace Installation",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Commercial HVAC",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 MoeDoesHVAC. All rights reserved."
|
||||
bottomRightText="Built in Michigan"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Services", items: [
|
||||
{ label: "AC Repair", href: "/services" },
|
||||
{ label: "Furnace Installation", href: "/services" },
|
||||
{ label: "Commercial HVAC", href: "/services" },
|
||||
] },
|
||||
{ title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
] },
|
||||
]}
|
||||
bottomLeftText="© 2024 MoeDoesHVAC. All rights reserved."
|
||||
bottomRightText="Built in Michigan"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -2,132 +2,30 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
]}
|
||||
brandName="MoeDoesHVAC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Our Work"
|
||||
description="Precision captured on camera."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11787.jpg?_wi=17"
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@user",
|
||||
testimonial: "Great work!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-woman-standing-kitchen_23-2147916396.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Residential",
|
||||
"Commercial",
|
||||
"Industrial",
|
||||
]}
|
||||
title="Project Gallery"
|
||||
description="See the precision in action."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "AC Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Furnace Installation",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Commercial HVAC",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 MoeDoesHVAC. All rights reserved."
|
||||
bottomRightText="Built in Michigan"
|
||||
/>
|
||||
</div>
|
||||
<NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Gallery", id: "/gallery" }, { name: "Reviews", id: "/reviews" }]} brandName="MoeDoesHVAC" />
|
||||
<div className="pt-24">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Work"
|
||||
description="A showcase of our precision installations and repairs."
|
||||
features={[
|
||||
{ id: "g1", title: "Residential AC", author: "Install", description: "High efficiency system upgrade.", tags: ["AC", "Residential"], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11787.jpg?_wi=1" },
|
||||
{ id: "g2", title: "Furnace Setup", author: "Install", description: "Modern gas furnace installation.", tags: ["Furnace", "Heating"], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11787.jpg?_wi=2" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<FooterSimple columns={[]} bottomLeftText="© 2024 MoeDoesHVAC" bottomRightText="Built in Michigan" />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -43,7 +43,7 @@ export default function LandingPage() {
|
||||
logoText="MOEDOESHVAC"
|
||||
description="Precision HVAC. Built different. Serving Michigan with reliable, high-performance heating & cooling solutions."
|
||||
buttons={[
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Get Free Estimate", href: "/contact" },
|
||||
{ text: "Call Now", href: "tel:5555555555" },
|
||||
]}
|
||||
slides={[
|
||||
@@ -132,7 +132,7 @@ export default function LandingPage() {
|
||||
{ title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
] },
|
||||
]}
|
||||
bottomLeftText="© 2024 MoeDoesHVAC. All rights reserved."
|
||||
|
||||
@@ -2,147 +2,31 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ReviewsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
]}
|
||||
brandName="MoeDoesHVAC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Customer Feedback"
|
||||
description="What our clients are saying."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Jane Doe",
|
||||
handle: "@detroit",
|
||||
testimonial: "Fantastic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Bob Smith",
|
||||
handle: "@mi",
|
||||
testimonial: "Amazing speed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Leave a Review"
|
||||
description="Help us improve."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "review",
|
||||
type: "text",
|
||||
placeholder: "Write your review",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11787.jpg?_wi=18"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "AC Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Furnace Installation",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Commercial HVAC",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 MoeDoesHVAC. All rights reserved."
|
||||
bottomRightText="Built in Michigan"
|
||||
/>
|
||||
</div>
|
||||
<NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Gallery", id: "/gallery" }, { name: "Reviews", id: "/reviews" }]} brandName="MoeDoesHVAC" />
|
||||
<div className="pt-24">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Testimonials"
|
||||
description="What our happy customers say about our services."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "r1", name: "Alex P.", handle: "@Local", testimonial: "Fantastic service on my furnace!", rating: 5 },
|
||||
{ id: "r2", name: "Jamie R.", handle: "@Customer", testimonial: "Quick, professional, and clean work.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<FooterSimple columns={[]} bottomLeftText="© 2024 MoeDoesHVAC" bottomRightText="Built in Michigan" />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,171 +2,72 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Zap, Thermometer, Building, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
]}
|
||||
brandName="MoeDoesHVAC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
]}
|
||||
brandName="MoeDoesHVAC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Professional Services"
|
||||
description="High performance cooling and heating."
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "AC Repair",
|
||||
author: "Cooling",
|
||||
description: "Instant comfort solutions.",
|
||||
tags: [
|
||||
"AC",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11787.jpg?_wi=15",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Furnace Work",
|
||||
author: "Heating",
|
||||
description: "Reliable heat for winters.",
|
||||
tags: [
|
||||
"Heat",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11787.jpg?_wi=16",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services-list" data-section="services-list">
|
||||
<FeatureCardTwentySix
|
||||
title="Our Professional Services"
|
||||
description="Top-tier climate control solutions for your home and business."
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{ title: "AC Repair & Installation", description: "High-efficiency cooling systems to beat the heat.", buttonIcon: Zap },
|
||||
{ title: "Furnace Services", description: "Keep your home cozy all through the Michigan winter.", buttonIcon: Thermometer },
|
||||
{ title: "Commercial HVAC", description: "Robust climate solutions for modern business spaces.", buttonIcon: Building },
|
||||
{ title: "Preventative Maintenance", description: "Routine check-ups to extend your system's life.", buttonIcon: Wrench },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Simple Pricing"
|
||||
description="Clear costs for every project."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Standard Service",
|
||||
price: "$150",
|
||||
period: "/hr",
|
||||
features: [
|
||||
"Diagnostic",
|
||||
"Basic repair",
|
||||
],
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Full Install",
|
||||
price: "$4,000",
|
||||
period: "/unit",
|
||||
features: [
|
||||
"Equipment",
|
||||
"Labor",
|
||||
"Warranty",
|
||||
],
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "AC Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Furnace Installation",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Commercial HVAC",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 MoeDoesHVAC. All rights reserved."
|
||||
bottomRightText="Built in Michigan"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Services", items: [
|
||||
{ label: "AC Repair", href: "/services" },
|
||||
{ label: "Furnace Installation", href: "/services" },
|
||||
{ label: "Commercial HVAC", href: "/services" },
|
||||
] },
|
||||
{ title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
] },
|
||||
]}
|
||||
bottomLeftText="© 2024 MoeDoesHVAC. All rights reserved."
|
||||
bottomRightText="Built in Michigan"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user