Merge version_1 into main #1
278
src/app/page.tsx
278
src/app/page.tsx
@@ -31,79 +31,50 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/electrician-installer-with-tool-his-hands-working-with-cable-construction-site_169016-5885.jpg"
|
||||
logoAlt="Al Huda Ceilings Logo"
|
||||
brandName="AL HUDA CEILINGS"
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Elegant Ceiling Solutions That Transform Spaces"
|
||||
description="Luxury suspended ceiling systems designed for homes, offices, commercial buildings, hospitals, and educational facilities."
|
||||
tag="Craftsmanship. Quality. Trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Our Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Our Projects", href: "#projects"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-swimming-pool-trampolines_23-2148326836.jpg",
|
||||
imageAlt: "Luxury suspended ceiling in a modern living room",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-swimming-pool-trampolines_23-2148326836.jpg", imageAlt: "Luxury suspended ceiling in a modern living room"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/balloons-building_1127-2037.jpg",
|
||||
imageAlt: "Sleek office suspended ceiling design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/balloons-building_1127-2037.jpg", imageAlt: "Sleek office suspended ceiling design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-dining-room-comtemporary-style-concept_53876-31643.jpg",
|
||||
imageAlt: "Opulent hotel lobby ceiling design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-dining-room-comtemporary-style-concept_53876-31643.jpg", imageAlt: "Opulent hotel lobby ceiling design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-family-hugging-kid-female_1157-3523.jpg",
|
||||
imageAlt: "Elegant home interior with custom ceiling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-family-hugging-kid-female_1157-3523.jpg", imageAlt: "Elegant home interior with custom ceiling"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wc-signal-hallway_23-2149936875.jpg",
|
||||
imageAlt: "Clean healthcare facility suspended ceiling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wc-signal-hallway_23-2149936875.jpg", imageAlt: "Clean healthcare facility suspended ceiling"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg",
|
||||
imageAlt: "Modern educational facility ceiling design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg", imageAlt: "Modern educational facility ceiling design"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -116,30 +87,20 @@ export default function LandingPage() {
|
||||
description="Al Huda Ceilings specializes in premium suspended ceiling solutions, delivering exceptional quality, precision installation, and innovative designs. With years of expertise and a reputation built on trust and professionalism, we help clients create beautiful, functional, and modern interiors."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years of Expertise",
|
||||
},
|
||||
value: "20+", title: "Years of Expertise"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction Rate",
|
||||
},
|
||||
value: "100%", title: "Satisfaction Rate"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "500+", title: "Projects Completed"},
|
||||
{
|
||||
value: "Top",
|
||||
title: "Premium Materials",
|
||||
},
|
||||
value: "Top", title: "Premium Materials"},
|
||||
{
|
||||
value: "Fast",
|
||||
title: "Project Delivery",
|
||||
},
|
||||
value: "Fast", title: "Project Delivery"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-architect-white-shirt-yellow-hardhat-thoughtfully-looking-plan-new-apartment-with-ladder-background_574295-1584.jpg"
|
||||
imageAlt="Professional installing suspended ceiling"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="entrance-slide"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -150,35 +111,17 @@ export default function LandingPage() {
|
||||
description="Discover our comprehensive range of premium suspended ceiling solutions tailored for every space and need."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Suspended Ceilings",
|
||||
content: "Modern suspended ceiling systems for commercial and residential projects, offering versatility and aesthetic appeal.",
|
||||
},
|
||||
id: "1", title: "Suspended Ceilings", content: "Modern suspended ceiling systems for commercial and residential projects, offering versatility and aesthetic appeal."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Gypsum Ceilings",
|
||||
content: "Elegant gypsum board ceiling designs with custom finishes, perfect for adding a touch of sophistication to any interior.",
|
||||
},
|
||||
id: "2", title: "Gypsum Ceilings", content: "Elegant gypsum board ceiling designs with custom finishes, perfect for adding a touch of sophistication to any interior."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Acoustic Ceilings",
|
||||
content: "Noise-reducing ceiling solutions for offices, schools, and healthcare facilities, enhancing comfort and productivity.",
|
||||
},
|
||||
id: "3", title: "Acoustic Ceilings", content: "Noise-reducing ceiling solutions for offices, schools, and healthcare facilities, enhancing comfort and productivity."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Decorative Ceiling Design",
|
||||
content: "Luxury ceiling concepts with integrated lighting and modern aesthetics, creating breathtaking focal points.",
|
||||
},
|
||||
id: "4", title: "Decorative Ceiling Design", content: "Luxury ceiling concepts with integrated lighting and modern aesthetics, creating breathtaking focal points."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Commercial Projects",
|
||||
content: "Large-scale installations for businesses, retail stores, and corporate offices, designed for durability and impact.",
|
||||
},
|
||||
id: "5", title: "Commercial Projects", content: "Large-scale installations for businesses, retail stores, and corporate offices, designed for durability and impact."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Maintenance & Renovation",
|
||||
content: "Comprehensive ceiling upgrades, repairs, and modernization services to keep your spaces looking pristine.",
|
||||
},
|
||||
id: "6", title: "Maintenance & Renovation", content: "Comprehensive ceiling upgrades, repairs, and modernization services to keep your spaces looking pristine."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-slate-colourful-board-texture-background_23-2148283264.jpg"
|
||||
imageAlt="Variety of ceiling designs and materials"
|
||||
@@ -191,46 +134,23 @@ export default function LandingPage() {
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "High-Quality Workmanship",
|
||||
items: [
|
||||
"Precision in every detail",
|
||||
"Durable and lasting results",
|
||||
"Superior finish",
|
||||
],
|
||||
id: "m1", value: "100%", title: "High-Quality Workmanship", items: [
|
||||
"Precision in every detail", "Durable and lasting results", "Superior finish"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Years of Experience",
|
||||
items: [
|
||||
"Industry-leading expertise",
|
||||
"Proven track record",
|
||||
"Innovative solutions",
|
||||
],
|
||||
id: "m2", value: "10+", title: "Years of Experience", items: [
|
||||
"Industry-leading expertise", "Proven track record", "Innovative solutions"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Client",
|
||||
title: "Customer-Focused Service",
|
||||
items: [
|
||||
"Transparent communication",
|
||||
"Tailored solutions",
|
||||
"Dedicated support",
|
||||
],
|
||||
id: "m3", value: "Client", title: "Customer-Focused Service", items: [
|
||||
"Transparent communication", "Tailored solutions", "Dedicated support"],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Reliable",
|
||||
title: "Project Management",
|
||||
items: [
|
||||
"On-time delivery",
|
||||
"Efficient execution",
|
||||
"Seamless coordination",
|
||||
],
|
||||
id: "m4", value: "Reliable", title: "Project Management", items: [
|
||||
"On-time delivery", "Efficient execution", "Seamless coordination"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -247,47 +167,17 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Residential Villa",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
|
||||
imageAlt: "Modern suspended ceiling with integrated LED lighting in a luxury villa",
|
||||
},
|
||||
id: "p1", name: "Luxury Residential Villa", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg", imageAlt: "Modern suspended ceiling with integrated LED lighting in a luxury villa"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Corporate Office",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-albino-woman-with-coffee-cup_23-2150170376.jpg",
|
||||
imageAlt: "Professional acoustic ceiling installation in a corporate office",
|
||||
},
|
||||
id: "p2", name: "Corporate Office", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-albino-woman-with-coffee-cup_23-2150170376.jpg", imageAlt: "Professional acoustic ceiling installation in a corporate office"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Retail Showroom",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-shadows-city-day_23-2149451223.jpg",
|
||||
imageAlt: "Contemporary decorative ceiling design in a retail showroom",
|
||||
},
|
||||
id: "p3", name: "Retail Showroom", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/architecture-shadows-city-day_23-2149451223.jpg", imageAlt: "Contemporary decorative ceiling design in a retail showroom"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Educational Facility",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-domestic-room-with-empty-blue-chair-generated-by-ai_188544-35381.jpg",
|
||||
imageAlt: "Large-scale suspended ceiling project in an educational institution",
|
||||
},
|
||||
id: "p4", name: "Educational Facility", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/modern-domestic-room-with-empty-blue-chair-generated-by-ai_188544-35381.jpg", imageAlt: "Large-scale suspended ceiling project in an educational institution"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Medical Clinic",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-office-building_1127-2056.jpg",
|
||||
imageAlt: "Clean and modern suspended ceiling in a medical clinic",
|
||||
},
|
||||
id: "p5", name: "Medical Clinic", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/empty-office-building_1127-2056.jpg", imageAlt: "Clean and modern suspended ceiling in a medical clinic"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Upscale Restaurant",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boston-public-library_649448-3777.jpg",
|
||||
imageAlt: "Elegant suspended ceiling with ambient lighting in a restaurant",
|
||||
},
|
||||
id: "p6", name: "Upscale Restaurant", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/boston-public-library_649448-3777.jpg", imageAlt: "Elegant suspended ceiling with ambient lighting in a restaurant"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Explore our portfolio of luxurious and innovative ceiling installations that speak volumes about our craftsmanship and attention to detail."
|
||||
@@ -301,40 +191,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed Al-Mansoori",
|
||||
handle: "@AhmedMansoori",
|
||||
testimonial: "Professional service and outstanding quality. Al Huda Ceilings transformed our office space beyond expectation. Highly recommended for any large-scale project!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-caucasian-executive-manager-handshaking-smiling_74855-8807.jpg",
|
||||
},
|
||||
id: "t1", name: "Ahmed Al-Mansoori", handle: "@AhmedMansoori", testimonial: "Professional service and outstanding quality. Al Huda Ceilings transformed our office space beyond expectation. Highly recommended for any large-scale project!", imageSrc: "http://img.b2bpic.net/free-photo/bearded-caucasian-executive-manager-handshaking-smiling_74855-8807.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Fatima Zahra",
|
||||
handle: "@FatimaZahra",
|
||||
testimonial: "Excellent communication and perfect execution from start to finish. The team was highly skilled and delivered a flawless decorative ceiling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg",
|
||||
},
|
||||
id: "t2", name: "Fatima Zahra", handle: "@FatimaZahra", testimonial: "Excellent communication and perfect execution from start to finish. The team was highly skilled and delivered a flawless decorative ceiling.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Khalid Hassan",
|
||||
handle: "@KhalidHassan",
|
||||
testimonial: "Reliable company with exceptional attention to detail. Our residential villa now boasts the most elegant suspended ceilings we could have wished for.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
||||
},
|
||||
id: "t3", name: "Khalid Hassan", handle: "@KhalidHassan", testimonial: "Reliable company with exceptional attention to detail. Our residential villa now boasts the most elegant suspended ceilings we could have wished for.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sara Abdullah",
|
||||
handle: "@SaraAbdullah",
|
||||
testimonial: "The acoustic ceilings installed in our educational facility have made a huge difference. Quiet, functional, and aesthetically pleasing. Truly professional work!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-studying-floor-girl-with-laptop-works-from-home-types-computer-smiles-feels_1258-187225.jpg",
|
||||
},
|
||||
id: "t4", name: "Sara Abdullah", handle: "@SaraAbdullah", testimonial: "The acoustic ceilings installed in our educational facility have made a huge difference. Quiet, functional, and aesthetically pleasing. Truly professional work!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-studying-floor-girl-with-laptop-works-from-home-types-computer-smiles-feels_1258-187225.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mohammed Ali",
|
||||
handle: "@MohammedAli",
|
||||
testimonial: "From consultation to final installation, Al Huda Ceilings showed incredible expertise. Our retail showroom has never looked better, attracting more customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg",
|
||||
},
|
||||
id: "t5", name: "Mohammed Ali", handle: "@MohammedAli", testimonial: "From consultation to final installation, Al Huda Ceilings showed incredible expertise. Our retail showroom has never looked better, attracting more customers.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from our satisfied customers about their experience with Al Huda Ceilings and the exceptional quality of our work."
|
||||
@@ -345,20 +210,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Upgrade Your Ceiling?"
|
||||
description="Transform your space with premium suspended ceiling solutions. Request a free consultation to discuss your project needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Free Consultation",
|
||||
href: "mailto:info@alhudaceilings.com",
|
||||
},
|
||||
text: "Request a Free Consultation", href: "mailto:info@alhudaceilings.com"},
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+20XXXXXXXXXX",
|
||||
},
|
||||
text: "Call Us", href: "tel:+20XXXXXXXXXX"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -370,45 +230,27 @@ export default function LandingPage() {
|
||||
logoText="AL HUDA CEILINGS"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Info",
|
||||
items: [
|
||||
title: "Contact Info", items: [
|
||||
{
|
||||
label: "Phone: +20 XXX XXX XXXX",
|
||||
href: "tel:+20XXXXXXXXXX",
|
||||
},
|
||||
label: "Phone: +20 XXX XXX XXXX", href: "tel:+20XXXXXXXXXX"},
|
||||
{
|
||||
label: "Email: info@alhudaceilings.com",
|
||||
href: "mailto:info@alhudaceilings.com",
|
||||
},
|
||||
label: "Email: info@alhudaceilings.com", href: "mailto:info@alhudaceilings.com"},
|
||||
{
|
||||
label: "Location: Greece",
|
||||
href: "#",
|
||||
},
|
||||
label: "Location: Greece", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user