Update src/app/request-service/page.tsx
This commit is contained in:
@@ -2,13 +2,24 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import { CalendarCheck, LifeBuoy, Smile, Sparkles, Wrench } from "lucide-react";
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import { MailCheck, HardHat, ClipboardList, Workflow } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Comfort Contract", id: "/comfort-contract" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Employment", id: "/employment" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -23,244 +34,94 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Comfort Contract",
|
||||
id: "/comfort-contract",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="McCoy Heating and Air Conditioning"
|
||||
button={{
|
||||
text: "Request Service",
|
||||
href: "/request-service",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="McCoy Heating and Air Conditioning"
|
||||
button={{ text: "Request Service", href: "/request-service" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="request-service-form" data-section="request-service-form">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Request Your HVAC Service Today"
|
||||
description="Need a repair, maintenance, or a new installation? Fill out our service request form, and our team will schedule a convenient time for you."
|
||||
inputs={[
|
||||
{
|
||||
name: "serviceType",
|
||||
type: "text",
|
||||
placeholder: "Type of Service Needed",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "preferredDate",
|
||||
type: "date",
|
||||
placeholder: "Preferred Date",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "preferredTime",
|
||||
type: "time",
|
||||
placeholder: "Preferred Time",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "details",
|
||||
placeholder: "Please describe your service needs in detail.",
|
||||
rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg"
|
||||
imageAlt="Professional looking at freon levels in an HVAC unit."
|
||||
mediaPosition="right"
|
||||
buttonText="Submit Service Request"
|
||||
/>
|
||||
</div>
|
||||
<div id="request-service-header" data-section="request-service-header">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Request HVAC Service"
|
||||
description="Need a repair, maintenance, or a new system estimate? Fill out the form below or give us a call, and our team will get back to you promptly."
|
||||
bulletPoints={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149235740.jpg"
|
||||
imageAlt="Customer calling to request service"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-process" data-section="service-process">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Schedule & Confirm",
|
||||
description: "Easily request service online or by phone. We'll confirm your appointment details promptly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-skillful-technician-commissioned-outside-hvac-system-routine-maintenance-looking-refrigerant-issues-meticulous-mechanic-doing-air-conditioner-inspection-writing-data-tablet_482257-66265.jpg",
|
||||
imageAlt: "Technician checking HVAC system",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CalendarCheck,
|
||||
text: "Online Booking",
|
||||
},
|
||||
{
|
||||
icon: MailCheck,
|
||||
text: "Instant Confirmation",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Expert Diagnosis",
|
||||
description: "Our certified technicians arrive on time, diagnose the issue, and provide clear solutions.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-getting-rid-hvac-system-dirt_482257-91994.jpg",
|
||||
imageAlt: "Mechanic getting rid of hvac system dirt",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: HardHat,
|
||||
text: "Certified Experts",
|
||||
},
|
||||
{
|
||||
icon: ClipboardList,
|
||||
text: "Transparent Estimates",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Efficient Repair & Installation",
|
||||
description: "We perform services with precision, using quality parts and industry best practices.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",
|
||||
imageAlt: "Coworkers refill air conditioner freon",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Quality Workmanship",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Lasting Solutions",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Follow-Up & Satisfaction",
|
||||
description: "We ensure you're completely satisfied and offer ongoing support and maintenance plans.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-repairmen-enlisted-air-conditioner-check-refilling-freon-expert-african-american-mechanic-colleague-using-manometers-precisely-measure-pressure-condenser_482257-65757.jpg",
|
||||
imageAlt: "Professional repairmen refilling freon",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Smile,
|
||||
text: "Customer Satisfaction",
|
||||
},
|
||||
{
|
||||
icon: LifeBuoy,
|
||||
text: "Ongoing Support",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
]}
|
||||
title="Our Seamless Service Process"
|
||||
description="From your initial request to project completion, we ensure a smooth, transparent, and efficient service experience."
|
||||
tag="Our Process"
|
||||
tagIcon={Workflow}
|
||||
/>
|
||||
</div>
|
||||
<div id="service-process" data-section="service-process">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Our Service Request Process"
|
||||
description="We make it easy to get the HVAC help you need. Here's what to expect when you request service from McCoy Heating and Air Conditioning."
|
||||
bulletPoints={[
|
||||
{ title: "Submit Request", description: "Tell us about your HVAC needs via phone or our online form.", icon: MailCheck },
|
||||
{ title: "Expert Assessment", description: "Our certified technicians will diagnose the issue with precision.", icon: HardHat },
|
||||
{ title: "Transparent Quote", description: "Receive a clear, honest quote before any work begins.", icon: ClipboardList },
|
||||
{ title: "Quality Work", description: "We perform repairs, maintenance, or installations with the highest standards.", icon: Workflow }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coworkers-servicing-hvac-system_482257-91024.jpg"
|
||||
imageAlt="HVAC technicians working on a system"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Employment",
|
||||
href: "/employment",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "HVAC Repair",
|
||||
href: "/services/repair",
|
||||
},
|
||||
{
|
||||
label: "Installations",
|
||||
href: "/services/installation",
|
||||
},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "/services/maintenance",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/faqs",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Business"
|
||||
copyrightText="© 2024 Business. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
text="Ready to experience The Right Choice in HVAC service? Contact us today!"
|
||||
buttons={[{ text: "Call Us: 614-504-5911", href: "tel:6145045911" }, { text: "Send a Message", href: "mailto:office@mccoyheatingandair.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cityscape-through-window_23-2151975111.jpg"
|
||||
imageAlt="Modern city skyline with HVAC elements"
|
||||
logoText="McCoy Heating and Air Conditioning"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Comfort Contract", href: "/comfort-contract" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Employment", href: "/employment" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "231 Friend St, Plain City, OH", href: "https://www.google.com/maps/search/231+Friend+St,+Plain+City,+OH" },
|
||||
{ label: "Tel: 614-504-5911", href: "tel:6145045911" },
|
||||
{ label: "office@mccoyheatingandair.com", href: "mailto:office@mccoyheatingandair.com" },
|
||||
{ label: "Hours: Mon–Fri 8AM–5PM", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Trust", items: [
|
||||
{ label: "BBB A-Rated & Accredited Business", href: "#" },
|
||||
{ label: "Authorized Lennox Dealer", href: "#" },
|
||||
{ label: "Financing Available", href: "#" },
|
||||
{ label: "Cash · Check · American Express", href: "#" },
|
||||
{ label: "Facebook", href: "https://facebook.com/McCoyHeatingandAir" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2026 McCoy Heating and Air Conditioning. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user