Merge version_1 into main #2
362
src/app/page.tsx
362
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Clock, Tool, Zap } from "lucide-react";
|
||||
import { Clock, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,271 +27,115 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Midpoint HVAC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Midpoint HVAC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Precision Cooling & Heating. Done Right the First Time."
|
||||
description="Serving Florida homes with fast, reliable HVAC solutions for over 7 years."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Same-Day Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trained-engineer-certified-technician-opening-up-old-faulty-hvac-system-replace-it-with-new-performant-outside-air-conditioner-after-draining-refrigerant-replacing-ductwork_482257-70157.jpg?_wi=1"
|
||||
imageAlt="Professional HVAC technician"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Precision Cooling & Heating. Done Right the First Time."
|
||||
description="Serving Florida homes with fast, reliable HVAC solutions for over 7 years."
|
||||
buttons={[
|
||||
{ text: "Get Same-Day Service", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+15551234567" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trained-engineer-certified-technician-opening-up-old-faulty-hvac-system-replace-it-with-new-performant-outside-air-conditioner-after-draining-refrigerant-replacing-ductwork_482257-70157.jpg"
|
||||
imageAlt="Professional HVAC technician"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Facebook",
|
||||
"Yelp",
|
||||
"Angi",
|
||||
"Nextdoor",
|
||||
"BBB",
|
||||
"Houzz",
|
||||
]}
|
||||
title="Trusted by Florida Homeowners"
|
||||
description="We are proud to maintain a 5-star rating across all platforms."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Google", "Facebook", "Yelp", "Angi", "Nextdoor", "BBB", "Houzz"]}
|
||||
title="Trusted by Florida Homeowners"
|
||||
description="We are proud to maintain a 5-star rating across all platforms."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "AC Repair",
|
||||
description: "Rapid troubleshooting and repair services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "AC Installation",
|
||||
description: "High-efficiency unit installations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Preventative Maintenance",
|
||||
description: "Keep your system running smoothly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Air Handler Services",
|
||||
description: "Expert air handler cleaning and repair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Thermostat Installation",
|
||||
description: "Smart thermostat setup for efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
title: "Emergency HVAC Service",
|
||||
description: "Available 24/7 when you need it most.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg?_wi=6",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive HVAC solutions tailored for the South Florida climate."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "AC Repair", description: "Rapid troubleshooting and repair services.", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg" },
|
||||
{ id: "f2", title: "AC Installation", description: "High-efficiency unit installations.", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg" },
|
||||
{ id: "f3", title: "Preventative Maintenance", description: "Keep your system running smoothly.", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg" },
|
||||
{ id: "f4", title: "Air Handler Services", description: "Expert air handler cleaning and repair.", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg" },
|
||||
{ id: "f5", title: "Thermostat Installation", description: "Smart thermostat setup for efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg" },
|
||||
{ id: "f6", title: "Emergency HVAC Service", description: "Available 24/7 when you need it most.", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive HVAC solutions tailored for the South Florida climate."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Midpoint"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Same-Day Guarantee",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Tool,
|
||||
label: "Expert Techs",
|
||||
value: "7+",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Years Served",
|
||||
value: "7",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Midpoint"
|
||||
metrics={[
|
||||
{ icon: Zap, label: "Same-Day Guarantee", value: "100%" },
|
||||
{ icon: Wrench, label: "Expert Techs", value: "7+" },
|
||||
{ icon: Clock, label: "Years Served", value: "7" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Gary D.",
|
||||
date: "2024-05",
|
||||
title: "CEO",
|
||||
quote: "They provide the best customer service of any business I've dealt with.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trained-engineer-certified-technician-opening-up-old-faulty-hvac-system-replace-it-with-new-performant-outside-air-conditioner-after-draining-refrigerant-replacing-ductwork_482257-70157.jpg?_wi=2",
|
||||
imageAlt: "HVAC technician professional florida house",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lisa H.",
|
||||
date: "2024-04",
|
||||
title: "Homeowner",
|
||||
quote: "They replaced our AC the same day. No hidden costs.",
|
||||
tag: "Fast",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-woman-standing-kitchen_23-2147916396.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg?_wi=7",
|
||||
imageAlt: "ac unit repair closeup service",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kelly A.",
|
||||
date: "2024-03",
|
||||
title: "Homeowner",
|
||||
quote: "Got there within the hour and had everything running!",
|
||||
tag: "Professional",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg",
|
||||
imageAlt: "happy homeowner portrait bright house",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "J.D.",
|
||||
date: "2024-02",
|
||||
title: "Homeowner",
|
||||
quote: "Installation was seamless. Highly recommend.",
|
||||
tag: "Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/home-comfort-coziness-domesticity-concept-cropped-portrait-confident-happy-young-woman-spending-day-home_343059-3893.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-woman-standing-kitchen_23-2147916396.jpg",
|
||||
imageAlt: "happy customer portrait bright living room",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark S.",
|
||||
date: "2024-01",
|
||||
title: "Homeowner",
|
||||
quote: "The most professional team I've ever hired.",
|
||||
tag: "Reliable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-looking-camera_23-2148273321.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg",
|
||||
imageAlt: "happy man homeowner portrait",
|
||||
},
|
||||
]}
|
||||
title="Real Customer Stories"
|
||||
description="Don't just take our word for it."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Gary D.", date: "2024-05", title: "CEO", quote: "They provide the best customer service of any business I've dealt with.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg", imageSrc: "http://img.b2bpic.net/free-photo/trained-engineer-certified-technician-opening-up-old-faulty-hvac-system-replace-it-with-new-performant-outside-air-conditioner-after-draining-refrigerant-replacing-ductwork_482257-70157.jpg", imageAlt: "HVAC technician professional florida house" },
|
||||
{ id: "2", name: "Lisa H.", date: "2024-04", title: "Homeowner", quote: "They replaced our AC the same day. No hidden costs.", tag: "Fast", avatarSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-woman-standing-kitchen_23-2147916396.jpg", imageSrc: "http://img.b2bpic.net/free-photo/serviceman-assembling-freon-barometer_482257-85118.jpg", imageAlt: "ac unit repair closeup service" },
|
||||
{ id: "3", name: "Kelly A.", date: "2024-03", title: "Homeowner", quote: "Got there within the hour and had everything running!", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg", imageAlt: "happy homeowner portrait bright house" },
|
||||
{ id: "4", name: "J.D.", date: "2024-02", title: "Homeowner", quote: "Installation was seamless. Highly recommend.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/home-comfort-coziness-domesticity-concept-cropped-portrait-confident-happy-young-woman-spending-day-home_343059-3893.jpg", imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-woman-standing-kitchen_23-2147916396.jpg", imageAlt: "happy customer portrait bright living room" },
|
||||
{ id: "5", name: "Mark S.", date: "2024-01", title: "Homeowner", quote: "The most professional team I've ever hired.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-looking-camera_23-2148273321.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg", imageAlt: "happy man homeowner portrait" },
|
||||
]}
|
||||
title="Real Customer Stories"
|
||||
description="Don't just take our word for it."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Don't Wait in the Florida Heat"
|
||||
description="Call or book now for immediate assistance."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "issue",
|
||||
placeholder: "How can we help you today?",
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593882.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Don't Wait in the Florida Heat"
|
||||
description="Call or book now for immediate assistance."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "issue", placeholder: "How can we help you today?", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593882.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#why-us",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "555-123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
{
|
||||
label: "Florida, USA",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Midpoint HVAC. All rights reserved."
|
||||
bottomRightText="Licensed & Insured"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#why-us" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "555-123-4567", href: "tel:+15551234567" }, { label: "Florida, USA", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Midpoint HVAC. All rights reserved."
|
||||
bottomRightText="Licensed & Insured"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user