Merge version_1 into main #2
238
src/app/page.tsx
238
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Urban HVAC"
|
||||
/>
|
||||
@@ -55,42 +43,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Urban HVAC Repair You Can Rely On"
|
||||
description="Professional climate control solutions for your home and office. We bring the comfort back."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg?_wi=1",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-inspecting-freon-levels_482257-78506.jpg",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-building-corner_23-2148107110.jpg",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-mechanic-holding-tools_1170-1411.jpg",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
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",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-side-view_23-2149870330.jpg",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg", imageAlt: "Technician working" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/technician-inspecting-freon-levels_482257-78506.jpg", imageAlt: "Technician working" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/city-building-corner_23-2148107110.jpg", imageAlt: "Technician working" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/hand-mechanic-holding-tools_1170-1411.jpg", imageAlt: "Technician working" },
|
||||
{ id: "5", 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", imageAlt: "Technician working" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-side-view_23-2149870330.jpg", imageAlt: "Technician working" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,20 +63,11 @@ export default function LandingPage() {
|
||||
title="Expert Care for Your Climate"
|
||||
description="We specialize in high-efficiency cooling, heating, and air quality systems designed for urban environments."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Units Serviced",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction Rate",
|
||||
},
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "5000+", title: "Units Serviced" },
|
||||
{ value: "100%", title: "Satisfaction Rate" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388951.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388951.jpg"
|
||||
imageAlt="HVAC System"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -128,49 +81,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Diagnostics",
|
||||
description: "Quick identification of issues to minimize downtime.",
|
||||
icon: Zap,
|
||||
title: "Fast Diagnostics", description: "Quick identification of issues to minimize downtime.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-mechanics-wearing-protective-face-mask-while-repairing-car-engine-workshop_637285-11605.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-mechanical-tools_23-2148557958.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-mechanics-wearing-protective-face-mask-while-repairing-car-engine-workshop_637285-11605.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/copy-space-mechanical-tools_23-2148557958.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg?_wi=2",
|
||||
imageAlt: "tools icon",
|
||||
},
|
||||
{
|
||||
title: "Efficiency Optimization",
|
||||
description: "Reduce your monthly energy bills with optimized cooling.",
|
||||
icon: Shield,
|
||||
title: "Efficiency Optimization", description: "Reduce your monthly energy bills with optimized cooling.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281318.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-mean-cleaning-air_23-2149482329.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281318.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-mean-cleaning-air_23-2149482329.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388951.jpg?_wi=2",
|
||||
imageAlt: "tools icon",
|
||||
},
|
||||
{
|
||||
title: "Routine Maintenance",
|
||||
description: "Preventive service to ensure longevity and peak performance.",
|
||||
icon: Award,
|
||||
title: "Routine Maintenance", description: "Preventive service to ensure longevity and peak performance.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faqs-customer-service-icon-concept_53876-133579.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/love-emoji-social-media-icon-transparent-psd-file_460848-6808.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/faqs-customer-service-icon-concept_53876-133579.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/love-emoji-social-media-icon-transparent-psd-file_460848-6808.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
imageAlt: "tools icon",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive HVAC Services"
|
||||
@@ -185,42 +114,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "AC Tune-Up",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367017.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "System Inspection",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-clear-blue-sky_250224-204.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Emergency Repair",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-people-working-with-drill_23-2149366670.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Installation",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/certified-technician-getting-new-outdoor-air-conditioner-ready-after-replacing-old-busted-unit-trained-engineer-contracted-install-new-condenser-make-sure-it-operates-maximum-power_482257-65745.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Filter Replacement",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Duct Cleaning",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-tool_23-2148921405.jpg",
|
||||
},
|
||||
{ id: "p1", name: "AC Tune-Up", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367017.jpg" },
|
||||
{ id: "p2", name: "System Inspection", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-clear-blue-sky_250224-204.jpg" },
|
||||
{ id: "p3", name: "Emergency Repair", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-people-working-with-drill_23-2149366670.jpg" },
|
||||
{ id: "p4", name: "Installation", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/certified-technician-getting-new-outdoor-air-conditioner-ready-after-replacing-old-busted-unit-trained-engineer-contracted-install-new-condenser-make-sure-it-operates-maximum-power_482257-65745.jpg" },
|
||||
{ id: "p5", name: "Filter Replacement", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg" },
|
||||
{ id: "p6", name: "Duct Cleaning", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-tool_23-2148921405.jpg" },
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Tailored packages to keep your home comfortable all year round."
|
||||
@@ -234,21 +133,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
description: "Support availability",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "30min",
|
||||
description: "Average response",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Happy clients",
|
||||
},
|
||||
{ id: "m1", value: "24/7", description: "Support availability" },
|
||||
{ id: "m2", value: "30min", description: "Average response" },
|
||||
{ id: "m3", value: "99%", description: "Happy clients" },
|
||||
]}
|
||||
title="Quality Performance Data"
|
||||
description="We are proud of our commitment to quality service."
|
||||
@@ -262,26 +149,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="James Peterson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-excited-businessman-chatting-with-coworker_74855-1187.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-filling-out-insurance-contract_482257-85122.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-showing-new-apartment-his-surprised-happy-girlfriend_74855-10258.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-excited-businessman-chatting-with-coworker_74855-1187.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mechanic-filling-out-insurance-contract_482257-85122.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-showing-new-apartment-his-surprised-happy-girlfriend_74855-10258.jpg", alt: "Client" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -293,21 +165,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we are available 24/7 for any urgent HVAC repair.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your technicians certified?",
|
||||
content: "All our staff are fully certified and undergo continuous training.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How often should I maintain my unit?",
|
||||
content: "We recommend a professional inspection at least twice a year.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for any urgent HVAC repair." },
|
||||
{ id: "f2", title: "Are your technicians certified?", content: "All our staff are fully certified and undergo continuous training." },
|
||||
{ id: "f3", title: "How often should I maintain my unit?", content: "We recommend a professional inspection at least twice a year." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to common questions about our services."
|
||||
@@ -318,9 +178,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to get started?"
|
||||
description="Reach out today and schedule your service appointment."
|
||||
@@ -330,17 +188,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Urban HVAC Repair"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Use",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Use", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user