Merge version_1 into main #2
215
src/app/page.tsx
215
src/app/page.tsx
@@ -30,73 +30,40 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CoolAir Qatar"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Stay Cool. Stay Comfortable."
|
||||
description="Qatar’s trusted HVAC solutions – installation, maintenance & repair."
|
||||
tag="Reliable Cooling Experts"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skyscrapers-moscow-city-international-business-centre_158538-26093.jpg",
|
||||
imageAlt: "Doha Skyline",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skyscrapers-moscow-city-international-business-centre_158538-26093.jpg", imageAlt: "Doha Skyline"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-overall-cap-smiling_23-2148073095.jpg",
|
||||
imageAlt: "Technician with tablet",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/air-conditioner-mounted-white-wall_53876-128235.jpg?_wi=1",
|
||||
imageAlt: "AC split unit",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets-work_23-2149366667.jpg?_wi=1",
|
||||
imageAlt: "Roof unit",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-oasis-aesthetic_23-2151949150.jpg?_wi=1",
|
||||
imageAlt: "Luxury villa",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-overall-cap-smiling_23-2148073095.jpg", imageAlt: "Technician with tablet"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -111,23 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AC Installation",
|
||||
description: "Expert fitting for split, window, and central units.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/air-conditioner-mounted-white-wall_53876-128235.jpg?_wi=2",
|
||||
imageAlt: "AC Installation",
|
||||
},
|
||||
title: "AC Installation", description: "Expert fitting for split, window, and central units.", imageSrc: "http://img.b2bpic.net/free-photo/air-conditioner-mounted-white-wall_53876-128235.jpg", imageAlt: "AC Installation"},
|
||||
{
|
||||
title: "24/7 Emergency Repair",
|
||||
description: "Rapid response across Doha, Al Rayyan & Lusail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets-work_23-2149366667.jpg?_wi=2",
|
||||
imageAlt: "Emergency Repair",
|
||||
},
|
||||
title: "24/7 Emergency Repair", description: "Rapid response across Doha, Al Rayyan & Lusail.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets-work_23-2149366667.jpg", imageAlt: "Emergency Repair"},
|
||||
{
|
||||
title: "Preventive Maintenance",
|
||||
description: "Yearly contracts to avoid summer breakdowns.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-cleaning_23-2149268837.jpg",
|
||||
imageAlt: "Maintenance",
|
||||
},
|
||||
title: "Preventive Maintenance", description: "Yearly contracts to avoid summer breakdowns.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-cleaning_23-2149268837.jpg", imageAlt: "Maintenance"},
|
||||
]}
|
||||
title="Professional HVAC Services"
|
||||
description="Expert solutions tailored for the climate of Qatar."
|
||||
@@ -139,11 +94,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Us?"
|
||||
description={[
|
||||
"Licensed technicians",
|
||||
"Free on-site assessment",
|
||||
"Genuine spare parts",
|
||||
"12-month warranty",
|
||||
]}
|
||||
"Licensed technicians", "Free on-site assessment", "Genuine spare parts", "12-month warranty"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,47 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Residential Villa",
|
||||
price: "Expert Installation",
|
||||
variant: "Complete system",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-oasis-aesthetic_23-2151949150.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Residential Villa", price: "Expert Installation", variant: "Complete system", imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-oasis-aesthetic_23-2151949150.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Commercial Plaza",
|
||||
price: "Industrial grade",
|
||||
variant: "Full HVAC design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-building-with-tree-city_23-2148798648.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Commercial Plaza", price: "Industrial grade", variant: "Full HVAC design", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-building-with-tree-city_23-2148798648.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Duct Cleaning",
|
||||
price: "Pure Air",
|
||||
variant: "Health focused",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dirty-broken-inside-compartments-air-conditioner_632498-1084.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Residential Villa",
|
||||
price: "Expert Installation",
|
||||
variant: "Complete system",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-oasis-aesthetic_23-2151949150.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Commercial Plaza",
|
||||
price: "Industrial grade",
|
||||
variant: "Full HVAC design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-building-with-tree-city_23-2148798648.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Duct Cleaning",
|
||||
price: "Pure Air",
|
||||
variant: "Health focused",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dirty-broken-inside-compartments-air-conditioner_632498-1084.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Duct Cleaning", price: "Pure Air", variant: "Health focused", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dirty-broken-inside-compartments-air-conditioner_632498-1084.jpg"}
|
||||
]}
|
||||
title="Project Showcase"
|
||||
description="Quality installations across the city."
|
||||
@@ -208,45 +123,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Service",
|
||||
quote: "Reliable and professional during the hottest months.",
|
||||
name: "Ahmed Al-Thani",
|
||||
role: "Villa Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-muslim-man-portrait_482257-75678.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Excellent Service", quote: "Reliable and professional during the hottest months.", name: "Ahmed Al-Thani", role: "Villa Owner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-muslim-man-portrait_482257-75678.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Great Quality",
|
||||
quote: "Design firm choice for all projects.",
|
||||
name: "Noor Interiors",
|
||||
role: "Design Firm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-arms-desk_1098-2184.jpg?_wi=1",
|
||||
},
|
||||
id: "2", title: "Great Quality", quote: "Design firm choice for all projects.", name: "Noor Interiors", role: "Design Firm", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-arms-desk_1098-2184.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Rapid Response",
|
||||
quote: "Best facility managers in Lusail.",
|
||||
name: "Lusail Plaza",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
},
|
||||
id: "3", title: "Rapid Response", quote: "Best facility managers in Lusail.", name: "Lusail Plaza", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Top Tier",
|
||||
quote: "Fast and clean work.",
|
||||
name: "Sara K",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-muslim-man-portrait_482257-75678.jpg?_wi=2",
|
||||
},
|
||||
id: "4", title: "Top Tier", quote: "Fast and clean work.", name: "Sara K", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/smiling-muslim-man-portrait_482257-75678.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Life savers in the Qatar heat.",
|
||||
name: "John D",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-arms-desk_1098-2184.jpg?_wi=2",
|
||||
},
|
||||
id: "5", title: "Highly Recommend", quote: "Life savers in the Qatar heat.", name: "John D", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-arms-desk_1098-2184.jpg"},
|
||||
]}
|
||||
title="Trusted by Doha"
|
||||
description="What our clients say about our reliability."
|
||||
@@ -257,16 +142,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Limited Time Offer"
|
||||
title="Beat the Heat – 20% Off"
|
||||
description="Get 20% off your first maintenance check today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Claim Offer",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Claim Offer", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -275,16 +157,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Let's Talk"
|
||||
title="Contact CoolAir Qatar"
|
||||
description="Professional support in West Bay, Doha."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: +974 4444 1234",
|
||||
href: "tel:+97444441234",
|
||||
},
|
||||
text: "Call Now: +974 4444 1234", href: "tel:+97444441234"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -295,57 +174,37 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "West Bay, Doha",
|
||||
href: "#",
|
||||
},
|
||||
label: "West Bay, Doha", href: "#"},
|
||||
{
|
||||
label: "Phone: +974 4444 1234",
|
||||
href: "tel:+97444441234",
|
||||
},
|
||||
label: "Phone: +974 4444 1234", href: "tel:+97444441234"},
|
||||
{
|
||||
label: "hello@coolair.qa",
|
||||
href: "mailto:hello@coolair.qa",
|
||||
},
|
||||
label: "hello@coolair.qa", href: "mailto:hello@coolair.qa"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "© 2025 CoolAir Qatar",
|
||||
href: "#",
|
||||
},
|
||||
label: "© 2025 CoolAir Qatar", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user