105 lines
3.9 KiB
TypeScript
105 lines
3.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Services", id: "/services"},
|
|
{
|
|
name: "About Ray", id: "/about"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
brandName="Kinsley HVAC"
|
|
button={{
|
|
text: "(555) 555-5555", href: "tel:5555555555"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-body" data-section="services-body">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "d1", title: "Air Conditioning", subtitle: "Maintenance & Installation", category: "AC", value: "We fix cooling problems right the first time, ensuring your home stays cool efficiently."},
|
|
{
|
|
id: "d2", title: "Boilers & Heating", subtitle: "Season Repairs", category: "Heating", value: "Expert boiler and furnace repairs to get you through the winter with peace of mind."},
|
|
{
|
|
id: "d3", title: "Ductless Systems", subtitle: "Precision Installation", category: "Mini-Splits", value: "Modern, energy-efficient solutions customized to your specific space and needs."},
|
|
]}
|
|
title="Comprehensive HVAC Solutions"
|
|
description="We specialize in honest, expert residential HVAC care. We take the time to explain every detail, ensuring you get the right solution at a fair price."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Service FAQs"
|
|
description="Details about our maintenance and installation procedures."
|
|
faqs={[
|
|
{
|
|
id: "s-q1", title: "How often should I tune up my AC?", content: "We recommend an annual inspection before the cooling season starts."},
|
|
{
|
|
id: "s-q2", title: "Is a ductless system right for my home?", content: "Ductless systems are ideal for add-ons, older homes, or rooms where traditional ductwork isn't feasible."},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home-footer" data-section="home-footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Services", href: "/services"},
|
|
{
|
|
label: "About Ray", href: "/about"},
|
|
{
|
|
label: "Schedule Service", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Kinsley HVAC"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |