Merge version_1 into main #2
204
src/app/page.tsx
204
src/app/page.tsx
@@ -32,30 +32,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Miami Air Pro"
|
||||
/>
|
||||
@@ -63,22 +45,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="Miami Air Pro"
|
||||
description="Expert HVAC solutions for Miami homes and businesses. Reliable cooling, heating, and maintenance when you need it most."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "Our Services", href: "#features" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-calibrating-pressure-device_482257-92757.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-calibrating-pressure-device_482257-92757.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -97,53 +71,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Emergency Service",
|
||||
description: "We are available around the clock to ensure you stay comfortable in the Miami heat.",
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Anytime assistance",
|
||||
},
|
||||
],
|
||||
title: "24/7 Emergency Service", description: "We are available around the clock to ensure you stay comfortable in the Miami heat.", items: [{ icon: Clock, text: "Anytime assistance" }],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/servicemen-teamworking-hvac-system_482257-75846.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-calibrating-pressure-device_482257-92757.jpg?_wi=2",
|
||||
imageAlt: "hvac experts inspecting ac unit",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/servicemen-teamworking-hvac-system_482257-75846.jpg", imageAlt: "hvac experts inspecting ac unit" }
|
||||
},
|
||||
{
|
||||
title: "Certified Technicians",
|
||||
description: "Our team is fully licensed and factory trained for all major brands.",
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "NATE certified pros",
|
||||
},
|
||||
],
|
||||
title: "Certified Technicians", description: "Our team is fully licensed and factory trained for all major brands.", items: [{ icon: Award, text: "NATE certified pros" }],
|
||||
reverse: true,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hvac-repairman-adjusts-pressure-levels_482257-91172.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg?_wi=1",
|
||||
imageAlt: "hvac experts inspecting ac unit",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/hvac-repairman-adjusts-pressure-levels_482257-91172.jpg", imageAlt: "hvac experts inspecting ac unit" }
|
||||
},
|
||||
{
|
||||
title: "Energy Efficiency Experts",
|
||||
description: "Save on monthly costs with our advanced energy-efficient system solutions.",
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Lower bills",
|
||||
},
|
||||
],
|
||||
title: "Energy Efficiency Experts", description: "Save on monthly costs with our advanced energy-efficient system solutions.", items: [{ icon: Zap, text: "Lower bills" }],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-refilling-air-conditione-freon_482257-85114.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-online-meeting-work_23-2148940751.jpg?_wi=1",
|
||||
imageAlt: "hvac experts inspecting ac unit",
|
||||
},
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/workers-refilling-air-conditione-freon_482257-85114.jpg", imageAlt: "hvac experts inspecting ac unit" }
|
||||
}
|
||||
]}
|
||||
title="Why Choose Miami Air Pro?"
|
||||
description="We deliver excellence in HVAC services through our commitment to quality, speed, and integrity."
|
||||
@@ -157,42 +98,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "AC Installation",
|
||||
price: "Starting at $1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "AC Repair",
|
||||
price: "Starting at $89",
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Maintenance Plans",
|
||||
price: "Starting at $199/yr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-electrician-installing-holder-ceiling-light_23-2148087646.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Heating Repair",
|
||||
price: "Starting at $120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meticulous-wiremen-expertly-refilling-freon-external-air-conditioner-while-using-manifold-measurement-device-closely-measure-pressure-hvac-system-ensuring-perfect-cooling-performance_482257-68069.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Duct Cleaning",
|
||||
price: "Starting at $300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hvac-system-refrigerant-tank-check_482257-85115.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Smart Thermostat",
|
||||
price: "Starting at $250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-working-with-equipment-full-shot_23-2148921408.jpg",
|
||||
},
|
||||
{ id: "s1", name: "AC Installation", price: "Starting at $1,200", imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg" },
|
||||
{ id: "s2", name: "AC Repair", price: "Starting at $89", 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" },
|
||||
{ id: "s3", name: "Maintenance Plans", price: "Starting at $199/yr", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-electrician-installing-holder-ceiling-light_23-2148087646.jpg" },
|
||||
{ id: "s4", name: "Heating Repair", price: "Starting at $120", imageSrc: "http://img.b2bpic.net/free-photo/meticulous-wiremen-expertly-refilling-freon-external-air-conditioner-while-using-manifold-measurement-device-closely-measure-pressure-hvac-system-ensuring-perfect-cooling-performance_482257-68069.jpg" },
|
||||
{ id: "s5", name: "Duct Cleaning", price: "Starting at $300", imageSrc: "http://img.b2bpic.net/free-photo/hvac-system-refrigerant-tank-check_482257-85115.jpg" },
|
||||
{ id: "s6", name: "Smart Thermostat", price: "Starting at $250", imageSrc: "http://img.b2bpic.net/free-photo/men-working-with-equipment-full-shot_23-2148921408.jpg" }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Explore our comprehensive range of HVAC solutions tailored for residential and commercial needs."
|
||||
@@ -203,31 +114,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-online-meeting-work_23-2148940751.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-woman-listening-music-headphones-eating-cereals-with-milk-sofa_1258-204004.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
||||
{ id: "2", name: "Mark R.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-online-meeting-work_23-2148940751.jpg" },
|
||||
{ id: "3", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg" },
|
||||
{ id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
|
||||
{ id: "5", name: "Linda M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-woman-listening-music-headphones-eating-cereals-with-milk-sofa_1258-204004.jpg" }
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Trusted Service"
|
||||
@@ -239,21 +130,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I service my AC?",
|
||||
content: "We recommend servicing your AC system at least twice a year to ensure peak efficiency.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer emergency repairs?",
|
||||
content: "Yes, we are available 24/7 for all emergency repair needs.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your technicians certified?",
|
||||
content: "All our technicians are fully licensed, insured, and factory trained.",
|
||||
},
|
||||
{ id: "q1", title: "How often should I service my AC?", content: "We recommend servicing your AC system at least twice a year to ensure peak efficiency." },
|
||||
{ id: "q2", title: "Do you offer emergency repairs?", content: "Yes, we are available 24/7 for all emergency repair needs." },
|
||||
{ id: "q3", title: "Are your technicians certified?", content: "All our technicians are fully licensed, insured, and factory trained." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -265,13 +144,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Lennar Homes",
|
||||
"Pulte Group",
|
||||
"D.R. Horton",
|
||||
"Related Group",
|
||||
"Terra Group",
|
||||
"Turnberry",
|
||||
"BH3",
|
||||
"Lennar Homes", "Pulte Group", "D.R. Horton", "Related Group", "Terra Group", "Turnberry", "BH3"
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="We collaborate with the leading developers and property managers in Florida."
|
||||
@@ -281,18 +154,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Improve Your Home Comfort?"
|
||||
description="Contact us today for a free estimate or consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -305,4 +171,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user