Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #5.
This commit is contained in:
2026-06-03 16:01:28 +00:00
2 changed files with 177 additions and 436 deletions

View File

@@ -2,14 +2,23 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBase from '@/components/sections/footer/FooterBase';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { Award, Briefcase, GraduationCap, HelpCircle, Lightbulb, Star, Timer } from "lucide-react";
import { HeartHandshake, PiggyBank } 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"
@@ -24,201 +33,72 @@ 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="employment-intro" data-section="employment-intro">
<SplitAbout
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
title="Join Our Growing Team"
description="At Business, we believe our people are our greatest asset. We foster a collaborative and supportive environment where innovation thrives and careers are built. Discover opportunities to grow with us and make a real impact."
buttons={[
{
text: "View Openings",
href: "/careers",
},
]}
bulletPoints={[
{
title: "Culture of Innovation",
description: "Be part of a team that embraces new ideas and cutting-edge solutions in the HVAC industry.",
icon: Lightbulb,
},
{
title: "Professional Development",
description: "Access ongoing training, certifications, and mentorship programs to advance your career.",
icon: Award,
},
{
title: "Commitment to Excellence",
description: "Work with a company dedicated to delivering top-tier service and customer satisfaction.",
icon: Star,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/air-conditioner-cleaning-commission_482257-85116.jpg"
imageAlt="HVAC team smiling confidently"
/>
</div>
<div id="employment-content" data-section="employment-content">
<SplitAbout
textboxLayout="default"
useInvertedBackground={false}
title="Join Our Team at McCoy"
description="At McCoy Heating and Air Conditioning, we're always looking for skilled, dedicated professionals to join our family. We offer a supportive work environment, competitive benefits, and opportunities for growth in Plain City and across Central Ohio."
bulletPoints={[
{ title: "Great Benefits", description: "Competitive compensation, health, dental, and vision insurance.", icon: HeartHandshake },
{ title: "Retirement Savings", description: "Secure your future with our generous 401K matching program.", icon: PiggyBank },
{ title: "Training & Development", description: "Continuous learning and career advancement opportunities." },
{ title: "Supportive Culture", description: "Work with a team that values respect, collaboration, and integrity." }
]}
imageSrc="http://img.b2bpic.net/free-photo/air-conditioner-cleaning-commission_482257-85116.jpg"
imageAlt="McCoy Heating and Air Conditioning team"
mediaAnimation="opacity"
/>
</div>
<div id="employment-benefits" data-section="employment-benefits">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: HeartHandshake,
title: "Health & Wellness",
description: "Comprehensive medical, dental, and vision insurance for you and your family.",
},
{
icon: PiggyBank,
title: "Retirement Plans",
description: "Secure your future with our competitive 401(k) matching program.",
},
{
icon: GraduationCap,
title: "Continuous Learning",
description: "Tuition reimbursement and professional development courses to enhance your skills.",
},
{
icon: Timer,
title: "Flexible Scheduling",
description: "Work-life balance is important, we offer flexible hours and paid time off.",
},
]}
title="Why Choose a Career at Business?"
description="We offer a comprehensive benefits package designed to support your well-being, financial security, and career growth."
tag="Benefits"
tagIcon={Briefcase}
/>
</div>
<div id="employment-faqs" data-section="employment-faqs">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What is the application process like?",
content: "Our application process typically involves an online application, an initial phone screening, followed by one or two rounds of interviews with the hiring manager and team members.",
},
{
id: "2",
title: "Do you offer training for new hires?",
content: "Yes, we provide extensive onboarding and ongoing training to ensure all new team members are equipped with the knowledge and skills for success in their roles.",
},
{
id: "3",
title: "What kind of growth opportunities are available?",
content: "We are committed to internal growth. Many of our senior positions are filled by employees who started in entry-level roles and developed their careers with us through mentorship and specialized training.",
},
{
id: "4",
title: "What is the company culture at Business?",
content: "Our culture is built on teamwork, respect, and a shared commitment to customer satisfaction. We encourage open communication, innovation, and a supportive environment where everyone can thrive.",
},
]}
title="FAQs About Working with Business"
description="Have questions about our hiring process or what it's like to work here? Find your answers below."
tag="Careers FAQ"
tagIcon={HelpCircle}
faqsAnimation="slide-up"
/>
</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="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: MonFri 8AM5PM", 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>
);
}
}

View File

@@ -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: MonFri 8AM5PM", 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>
);
}
}