Merge version_1 into main #2
231
src/app/page.tsx
231
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
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="AlHadaf AlFadhi"
|
||||
/>
|
||||
@@ -54,38 +42,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Comprehensive Building Maintenance in UAE"
|
||||
description="Professional building maintenance solutions tailored to your property needs. Reliability you can trust for all your facility management."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now (+971) 56 662 6422",
|
||||
href: "tel:+971566626422",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now (+971) 56 662 6422", href: "tel:+971566626422" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-winner-gesture-uniform-front-view_176474-21365.jpg?_wi=1",
|
||||
imageAlt: "Building Maintenance Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-writing-condenser-values_482257-90848.jpg?_wi=1",
|
||||
imageAlt: "Maintenance Team Inspection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275711.jpg?_wi=1",
|
||||
imageAlt: "Technician Repair Work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-looks-online-new-blower-fan_482257-75912.jpg",
|
||||
imageAlt: "Engineer looks online for new blower fan",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",
|
||||
imageAlt: "Coworkers refill air conditioner freon",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-winner-gesture-uniform-front-view_176474-21365.jpg", imageAlt: "Building Maintenance Service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/engineer-writing-condenser-values_482257-90848.jpg", imageAlt: "Maintenance Team Inspection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275711.jpg", imageAlt: "Technician Repair Work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/engineer-looks-online-new-blower-fan_482257-75912.jpg", imageAlt: "Engineer looks online for new blower fan" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg", imageAlt: "Coworkers refill air conditioner freon" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -97,14 +63,8 @@ export default function LandingPage() {
|
||||
title="Why Choose AlHadaf AlFadhi?"
|
||||
description="AlHadaf AlFadhi provides expert building maintenance solutions for both residential and commercial sectors across the UAE. Our team is dedicated to quality, precision, and timely service."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Projects Completed" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-man-contractor-with-security-helmet-checking-construction-blueprints-while-looking-tablet_662251-387.jpg"
|
||||
imageAlt="AlHadaf AlFadhi professional crew"
|
||||
@@ -120,68 +80,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Facility Management",
|
||||
description: "End-to-end management for commercial buildings.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-doing-air-conditioner-service_1303-26543.jpg",
|
||||
imageAlt: "Repairman doing air conditioner service",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Cleaning Services",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Security Support",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-winner-gesture-uniform-front-view_176474-21365.jpg?_wi=2",
|
||||
imageAlt: "Repairman doing air conditioner service",
|
||||
title: "Facility Management", description: "End-to-end management for commercial buildings.", media: { imageSrc: "http://img.b2bpic.net/free-photo/repairman-doing-air-conditioner-service_1303-26543.jpg", imageAlt: "Repairman doing air conditioner service" },
|
||||
items: [{ icon: CheckCircle, text: "Cleaning Services" }, { icon: CheckCircle, text: "Security Support" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "General Repair",
|
||||
description: "Quick fixes and maintenance for property safety.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17482.jpg",
|
||||
imageAlt: "An electrician is mounting electric sockets on the white wall indoors",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Plumbing Repair",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Electrical Works",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-writing-condenser-values_482257-90848.jpg?_wi=2",
|
||||
imageAlt: "Repairman doing air conditioner service",
|
||||
title: "General Repair", description: "Quick fixes and maintenance for property safety.", media: { imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17482.jpg", imageAlt: "An electrician is mounting electric sockets on the white wall indoors" },
|
||||
items: [{ icon: CheckCircle, text: "Plumbing Repair" }, { icon: CheckCircle, text: "Electrical Works" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Renovations",
|
||||
description: "Upgrade and improve your existing property spaces.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-engineer-work-clothes-yellow-hardhat-thoughtfully-looking-plan-new-apartment-work_574295-1999.jpg",
|
||||
imageAlt: "Young serious engineer in work clothes and yellow hardhat thoughtfully looking on plan of new apartment at work",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Painting Services",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Interior Refitting",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275711.jpg?_wi=2",
|
||||
imageAlt: "Repairman doing air conditioner service",
|
||||
},
|
||||
title: "Renovations", description: "Upgrade and improve your existing property spaces.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-serious-engineer-work-clothes-yellow-hardhat-thoughtfully-looking-plan-new-apartment-work_574295-1999.jpg", imageAlt: "Young serious engineer in work clothes and yellow hardhat thoughtfully looking on plan of new apartment at work" },
|
||||
items: [{ icon: CheckCircle, text: "Painting Services" }, { icon: CheckCircle, text: "Interior Refitting" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We cover all aspects of facility management and building maintenance."
|
||||
@@ -192,25 +104,11 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Customer Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Response Time",
|
||||
value: "<2h",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Certified Techs",
|
||||
value: "100%",
|
||||
},
|
||||
{ id: "m1", icon: Award, title: "Customer Satisfaction", value: "99%" },
|
||||
{ id: "m2", icon: Zap, title: "Response Time", value: "<2h" },
|
||||
{ id: "m3", icon: Shield, title: "Certified Techs", value: "100%" }
|
||||
]}
|
||||
title="Key Achievements"
|
||||
description="Our commitment to quality ensures we deliver results every time."
|
||||
@@ -220,36 +118,16 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fatima K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-124683.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-moments-home-mock-up_23-2148329353.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-project_23-2149721896.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mohammed R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-asks-directions-from-local_1398-1571.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ahmed S.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-giving-highfive-each-other-while-being-meeting-with-real-estate-agent_637285-6877.jpg" },
|
||||
{ id: "2", name: "Fatima K.", imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-124683.jpg" },
|
||||
{ id: "3", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/couple-moments-home-mock-up_23-2148329353.jpg" },
|
||||
{ id: "4", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-project_23-2149721896.jpg" },
|
||||
{ id: "5", name: "Mohammed R.", imageSrc: "http://img.b2bpic.net/free-photo/tourist-asks-directions-from-local_1398-1571.jpg" }
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Trusted Partners"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -257,59 +135,34 @@ export default function LandingPage() {
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide emergency services?",
|
||||
content: "Yes, we are available 24/7 for urgent building maintenance needs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Which areas in UAE do you serve?",
|
||||
content: "We provide services across all major Emirates including Dubai and Abu Dhabi.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I book a service?",
|
||||
content: "You can call us directly at (+971) 56 662 6422 or use our contact form.",
|
||||
},
|
||||
{ id: "f1", title: "Do you provide emergency services?", content: "Yes, we are available 24/7 for urgent building maintenance needs." },
|
||||
{ id: "f2", title: "Which areas in UAE do you serve?", content: "We provide services across all major Emirates including Dubai and Abu Dhabi." },
|
||||
{ id: "f3", title: "How can I book a service?", content: "You can call us directly at (+971) 56 662 6422 or use our contact form." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about our maintenance services."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to maintain your property? Contact us today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "tel:+971566626422",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "tel:+971566626422" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="AlHadaf AlFadhi"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user