Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-29 01:26:34 +00:00

View File

@@ -28,453 +28,161 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
{
name: "Services",
id: "#services",
},
{
name: "About",
id: "#about",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "Contact",
id: "#contact",
},
]}
button={{
text: "Get Quote",
href: "#contact",
}}
brandName="Midwest Heating & Cooling"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "#home" },
{ name: "Services", id: "#services" },
{ name: "About", id: "#about" },
{ name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" }
]}
button={{ text: "Get Quote", href: "#contact" }}
brandName="Midwest Heating & Cooling"
/>
</div>
<div id="home" data-section="home">
<HeroSplitDoubleCarousel
background={{
variant: "downward-rays-static",
}}
title="Reliable Heating & Cooling for Midwest Homes"
description="Fast response. Honest pricing. Technicians who care. No surprises — just comfort you can count on."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388950.jpg",
imageAlt: "Snowy Home",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388963.jpg",
imageAlt: "Snowy Home 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-couple-sitting-bed-holding-coffee-cup_23-2147966485.jpg",
imageAlt: "Snowy Home 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-campervan_23-2149268838.jpg",
imageAlt: "Snowy Home 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-wooden-letters-cup-tea_169016-1624.jpg",
imageAlt: "Snowy Home 5",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388952.jpg",
imageAlt: "Sunny Home",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-with-daughter-lying-bed_23-2147894872.jpg",
imageAlt: "Sunny Home 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/plumber-looking-up_1368-551.jpg",
imageAlt: "Sunny Home 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dark-style-christmas-celebration-scene-with-horror-setting_23-2151417354.jpg",
imageAlt: "Sunny Home 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/plumber-zen-position_1368-517.jpg",
imageAlt: "Sunny Home 5",
},
]}
buttons={[
{
text: "Get an Instant Quote",
href: "#contact",
},
{
text: "Call Now",
href: "tel:555-555-5555",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/with-closed-eyes-young-male-builder-wearing-uniform-safety-helmet-showing-okey-gesture-purple_141793-74537.jpg",
alt: "Technician 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-technician-standing-with-crossed-arms-uniform-looking-confident_176474-35550.jpg",
alt: "Technician 2",
},
{
src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14481.jpg",
alt: "Technician 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-technician-standing-with-crossed-arms-grey-uniform-looking-confident_176474-35548.jpg",
alt: "Technician 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-worker-uniform-gesturing-with-fingers-looking-mild-front-view_176474-21707.jpg",
alt: "Technician 5",
},
]}
avatarText="Trusted by 500+ local homeowners"
marqueeItems={[
{
type: "text",
text: "24/7 Emergency Support",
},
{
type: "text",
text: "Certified Technicians",
},
{
type: "text",
text: "Financing Available",
},
{
type: "text",
text: "Family Owned & Operated",
},
{
type: "text",
text: "Licensed & Insured",
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroSplitDoubleCarousel
background={{ variant: "downward-rays-static" }}
title="Reliable Heating & Cooling for Midwest Homes"
description="Fast response. Honest pricing. Technicians who care. No surprises — just comfort you can count on."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388950.jpg", imageAlt: "Snowy Home" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388963.jpg", imageAlt: "Snowy Home 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-couple-sitting-bed-holding-coffee-cup_23-2147966485.jpg", imageAlt: "Snowy Home 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-campervan_23-2149268838.jpg", imageAlt: "Snowy Home 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-with-wooden-letters-cup-tea_169016-1624.jpg", imageAlt: "Snowy Home 5" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388952.jpg", imageAlt: "Sunny Home" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-couple-with-daughter-lying-bed_23-2147894872.jpg", imageAlt: "Sunny Home 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/plumber-looking-up_1368-551.jpg", imageAlt: "Sunny Home 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-style-christmas-celebration-scene-with-horror-setting_23-2151417354.jpg", imageAlt: "Sunny Home 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/plumber-zen-position_1368-517.jpg", imageAlt: "Sunny Home 5" }
]}
buttons={[{ text: "Get an Instant Quote", href: "#contact" }, { text: "Call Now", href: "tel:555-555-5555" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/with-closed-eyes-young-male-builder-wearing-uniform-safety-helmet-showing-okey-gesture-purple_141793-74537.jpg", alt: "Technician 1" },
{ src: "http://img.b2bpic.net/free-photo/young-technician-standing-with-crossed-arms-uniform-looking-confident_176474-35550.jpg", alt: "Technician 2" },
{ src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14481.jpg", alt: "Technician 3" },
{ src: "http://img.b2bpic.net/free-photo/young-technician-standing-with-crossed-arms-grey-uniform-looking-confident_176474-35548.jpg", alt: "Technician 4" },
{ src: "http://img.b2bpic.net/free-photo/young-worker-uniform-gesturing-with-fingers-looking-mild-front-view_176474-21707.jpg", alt: "Technician 5" }
]}
avatarText="Trusted by 500+ local homeowners"
marqueeItems={[{ type: "text", text: "24/7 Emergency Support" }, { type: "text", text: "Certified Technicians" }, { type: "text", text: "Financing Available" }, { type: "text", text: "Family Owned & Operated" }, { type: "text", text: "Licensed & Insured" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={false}
features={[
{
tag: "Speed",
title: "Rapid & Honest Communication",
subtitle: "Always upfront.",
description: "Darla and our team respond fast and explain everything upfront.",
imageSrc: "http://img.b2bpic.net/free-photo/white-alarm-clock-computer-mouse-blank-yellow-paper-sticker_169016-33724.jpg",
},
{
tag: "Expertise",
title: "Professional, On-Time Technicians",
subtitle: "Carefully vetted.",
description: "Polite experts who arrive when promised and treat your home with respect.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-casual-middle-aged-worker-carpenter-with-tablet-carpentry-workshop_342744-810.jpg",
},
{
tag: "Results",
title: "Transparent Results",
subtitle: "Proof you can see.",
description: "Before-and-after photos and no hidden fees. Exactly as quoted.",
imageSrc: "http://img.b2bpic.net/free-photo/funny-dad-daughter-with-frames_23-2147813769.jpg",
},
]}
title="Why Choose Midwest Heating & Cooling"
description="Comfort you can trust, recommended by your neighbors."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={false}
features={[
{ tag: "Speed", title: "Rapid & Honest Communication", subtitle: "Always upfront.", description: "Darla and our team respond fast and explain everything upfront.", imageSrc: "http://img.b2bpic.net/free-photo/white-alarm-clock-computer-mouse-blank-yellow-paper-sticker_169016-33724.jpg" },
{ tag: "Expertise", title: "Professional, On-Time Technicians", subtitle: "Carefully vetted.", description: "Polite experts who arrive when promised and treat your home with respect.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-casual-middle-aged-worker-carpenter-with-tablet-carpentry-workshop_342744-810.jpg" },
{ tag: "Results", title: "Transparent Results", subtitle: "Proof you can see.", description: "Before-and-after photos and no hidden fees. Exactly as quoted.", imageSrc: "http://img.b2bpic.net/free-photo/funny-dad-daughter-with-frames_23-2147813769.jpg" }
]}
title="Why Choose Midwest Heating & Cooling"
description="Comfort you can trust, recommended by your neighbors."
/>
</div>
<div id="services" data-section="services">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "s1",
name: "Furnace Repair",
price: "From $199",
variant: "Heating",
imageSrc: "http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26531.jpg",
},
{
id: "s2",
name: "AC Installation",
price: "Custom Quote",
variant: "Cooling",
imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg",
},
{
id: "s3",
name: "Duct Cleaning",
price: "From $299",
variant: "Sanitation",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388967.jpg",
},
{
id: "s4",
name: "Emergency Service",
price: "24/7 Available",
variant: "Urgent",
imageSrc: "http://img.b2bpic.net/free-photo/zoom-shot-manifold-meters_482257-91084.jpg",
},
{
id: "s5",
name: "Maintenance Plans",
price: "From $99/yr",
variant: "Subscription",
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",
},
{
id: "s6",
name: "Air Quality Solutions",
price: "From $499",
variant: "Indoor Air",
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-beautiful-dark-haired-caucasian-woman-using-remote-controller-heating-living-room_259150-57138.jpg",
},
]}
title="Our Professional Services"
description="Premium climate control for all seasons."
/>
</div>
<div id="services" data-section="services">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "s1", name: "Furnace Repair", price: "From $199", variant: "Heating", imageSrc: "http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26531.jpg" },
{ id: "s2", name: "AC Installation", price: "Custom Quote", variant: "Cooling", imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg" },
{ id: "s3", name: "Duct Cleaning", price: "From $299", variant: "Sanitation", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388967.jpg" },
{ id: "s4", name: "Emergency Service", price: "24/7 Available", variant: "Urgent", imageSrc: "http://img.b2bpic.net/free-photo/zoom-shot-manifold-meters_482257-91084.jpg" },
{ id: "s5", name: "Maintenance Plans", price: "From $99/yr", variant: "Subscription", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg" },
{ id: "s6", name: "Air Quality Solutions", price: "From $499", variant: "Indoor Air", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-beautiful-dark-haired-caucasian-woman-using-remote-controller-heating-living-room_259150-57138.jpg" }
]}
title="Our Professional Services"
description="Premium climate control for all seasons."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Darla's Quick Response",
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bed-concept-with-coffee_23-2148877598.jpg",
},
{
id: "2",
name: "Nathan's Pet-Friendly Skill",
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
},
{
id: "3",
name: "Garrett's Professionalism",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-bedroom_1157-27913.jpg",
},
{
id: "4",
name: "Mike G's Late Help",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-different-feelings_23-2148860250.jpg",
},
{
id: "5",
name: "Joe G's Efficiency",
imageSrc: "http://img.b2bpic.net/free-photo/girl-cozy-cafe-warms-herself-up-with-cup-hot-coffee_343596-4358.jpg",
},
]}
cardTitle="Real Midwest Homes, Real Happy Customers"
cardAnimation="slide-up"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
cardTag="Customer Voices"
testimonials={[
{ id: "1", name: "Darla's Quick Response", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bed-concept-with-coffee_23-2148877598.jpg" },
{ id: "2", name: "Nathan's Pet-Friendly Skill", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg" },
{ id: "3", name: "Garrett's Professionalism", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-bedroom_1157-27913.jpg" },
{ id: "4", name: "Mike G's Late Help", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-different-feelings_23-2148860250.jpg" },
{ id: "5", name: "Joe G's Efficiency", imageSrc: "http://img.b2bpic.net/free-photo/girl-cozy-cafe-warms-herself-up-with-cup-hot-coffee_343596-4358.jpg" }
]}
cardTitle="Real Midwest Homes, Real Happy Customers"
cardAnimation="slide-up"
/>
</div>
<div id="how-it-works" data-section="how-it-works">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "1",
title: "Get a Quote",
items: [
"Fast response.",
"No hidden costs.",
"Clear explanation.",
],
},
{
id: "m2",
value: "2",
title: "Schedule",
items: [
"Easy booking.",
"Clear ETA.",
"Reminder system.",
],
},
{
id: "m3",
value: "3",
title: "Expert Arrival",
items: [
"On-time arrival.",
"Professional tools.",
"Pet friendly.",
],
},
{
id: "m4",
value: "4",
title: "Peace of Mind",
items: [
"Before/after proof.",
"Exact price.",
"Warranty included.",
],
},
]}
title="Simple Comfort in 4 Steps"
description="Reliable, transparent service from start to finish."
/>
</div>
<div id="how-it-works" data-section="how-it-works">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "1", title: "Get a Quote", items: ["Fast response.", "No hidden costs.", "Clear explanation."] },
{ id: "m2", value: "2", title: "Schedule", items: ["Easy booking.", "Clear ETA.", "Reminder system."] },
{ id: "m3", value: "3", title: "Expert Arrival", items: ["On-time arrival.", "Professional tools.", "Pet friendly."] },
{ id: "m4", value: "4", title: "Peace of Mind", items: ["Before/after proof.", "Exact price.", "Warranty included."] }
]}
title="Simple Comfort in 4 Steps"
description="Reliable, transparent service from start to finish."
/>
</div>
<div id="offers" data-section="offers">
<PricingCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Savings",
price: "0% APR",
subtitle: "Available financing.",
buttons: [
{
text: "Learn More",
href: "#contact",
},
],
features: [
"12 month terms",
"Instant approval",
"No hidden fees",
],
},
{
id: "p2",
badge: "Special",
price: "$99",
subtitle: "Maintenance Tune-up.",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Full inspection",
"Filter replacement",
"Efficiency report",
],
},
]}
title="Make Comfort Affordable"
description="Seasonal rebates and flexible financing options."
/>
</div>
<div id="offers" data-section="offers">
<PricingCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{ id: "p1", badge: "Savings", price: "0% APR", subtitle: "Available financing.", buttons: [{ text: "Learn More", href: "#contact" }], features: ["12 month terms", "Instant approval", "No hidden fees"] },
{ id: "p2", badge: "Special", price: "$99", subtitle: "Maintenance Tune-up.", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full inspection", "Filter replacement", "Efficiency report"] }
]}
title="Make Comfort Affordable"
description="Seasonal rebates and flexible financing options."
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Honest Midwest Service"
description="We treat your home like our own. Proudly serving Mukwonago and surrounding WI communities for over 25 years with integrity and local pride."
buttons={[
{
text: "Contact Us",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/clients-buy-eco-shop-bulk-food-items_482257-81660.jpg"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Honest Midwest Service"
description="We treat your home like our own. Proudly serving Mukwonago and surrounding WI communities for over 25 years with integrity and local pride."
buttons={[{ text: "Contact Us", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/clients-buy-eco-shop-bulk-food-items_482257-81660.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "downward-rays-animated",
}}
text="Ready for Reliable Comfort? Get Your Quote in Minutes."
buttons={[
{
text: "Request Quote",
href: "#contact",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "downward-rays-animated" }}
text="Ready for Reliable Comfort? Get Your Quote in Minutes."
buttons={[{ text: "Request Quote", href: "#contact" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Midwest H&C"
columns={[
{
title: "Services",
items: [
{
label: "Furnace Repair",
href: "#services",
},
{
label: "AC Installation",
href: "#services",
},
{
label: "Duct Cleaning",
href: "#services",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
{
label: "Reviews",
href: "#reviews",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
copyrightText="© 2024 Midwest Heating & Cooling. Proudly serving the Midwest since 1999."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Midwest H&C"
columns={[
{ title: "Services", items: [{ label: "Furnace Repair", href: "#services" }, { label: "AC Installation", href: "#services" }, { label: "Duct Cleaning", href: "#services" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Reviews", href: "#reviews" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
copyrightText="© 2024 Midwest Heating & Cooling. Proudly serving the Midwest since 1999."
/>
</div>
</ReactLenis>
</ThemeProvider>
);