167 lines
9.7 KiB
TypeScript
167 lines
9.7 KiB
TypeScript
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
|
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
|
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
|
|
import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
|
|
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
|
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
|
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
|
import { Award, CheckCircle, Truck, Users, Wrench, Zap } from "lucide-react";
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroOverlayMarquee
|
|
tag="Trusted Contracting Partner"
|
|
title="Unique Green Contracting LLC"
|
|
description="Premium MEP, heavy transport, and renovation contracting services in the UAE. Committed to excellence and sustainability."
|
|
primaryButton={{
|
|
text: "Get a Quote", href: "#contact"}}
|
|
secondaryButton={{
|
|
text: "Our Services", href: "#services"}}
|
|
items={[
|
|
{
|
|
text: "Heavy Transport", icon: Truck,
|
|
},
|
|
{
|
|
text: "MEP Maintenance", icon: Zap,
|
|
},
|
|
{
|
|
text: "Full Renovation", icon: Wrench,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/professional-architects-looking-plan_23-2147702511.jpg"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<SectionErrorBoundary name="services">
|
|
<FeaturesMediaCarousel
|
|
tag="Our Expertise"
|
|
title="High-Impact Services"
|
|
description="We specialize in end-to-end contracting services tailored to your specific requirements."
|
|
items={[
|
|
{
|
|
title: "Heavy Transport", description: "Safe, reliable transport for heavy machinery and materials across the UAE.", buttonIcon: "Truck", imageSrc: "http://img.b2bpic.net/free-photo/shipping-port-sunset-cargo-airplanes-trucks_23-2151998695.jpg"},
|
|
{
|
|
title: "MEP Maintenance", description: "Expert mechanical, electrical, and plumbing maintenance services for commercial and residential sectors.", buttonIcon: "Zap", imageSrc: "http://img.b2bpic.net/free-photo/engineer-writing-condenser-values_482257-90848.jpg"},
|
|
{
|
|
title: "Renovation Services", description: "Turning spaces into premium environments with our comprehensive renovation and fit-out solutions.", buttonIcon: "Hammer", imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836952.jpg"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<SectionErrorBoundary name="portfolio">
|
|
<FeaturesImageBento
|
|
tag="Recent Projects"
|
|
title="Our Work in Action"
|
|
description="A glimpse into our professional projects and technical expertise."
|
|
items={[
|
|
{ title: "MEP Facility Project", description: "Comprehensive engineering installation.", imageSrc: "http://img.b2bpic.net/free-photo/constructors-consulting_1098-13717.jpg" },
|
|
{ title: "Modern Renovation", description: "Premium interior fit-out design.", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-decoration-project_23-2150334535.jpg" },
|
|
{ title: "Logistics fleet", description: "Efficient heavy equipment transport.", imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307764.jpg" },
|
|
{ title: "Site Coordination", description: "Professional construction management.", imageSrc: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35643.jpg" },
|
|
{ title: "Facade Maintenance", description: "Building exterior protection.", imageSrc: "http://img.b2bpic.net/free-photo/two-workers-washing-windows-outside-building_1268-20391.jpg" },
|
|
{ title: "Electrical Systems", description: "Smart building integration.", imageSrc: "http://img.b2bpic.net/free-photo/woman-engineer-runs-night-switchboard-audit-tablet-smartfactory-control_169016-71444.jpg" },
|
|
{ title: "Major Infrastructure", description: "Large scale road construction.", imageSrc: "http://img.b2bpic.net/free-photo/construction-site-with-cranes-against-blue-sky_1127-2304.jpg" },
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<SectionErrorBoundary name="metrics">
|
|
<MetricsIconCards
|
|
tag="By the Numbers"
|
|
title="Performance Standards"
|
|
description="Our commitment to quality ensures project success every time."
|
|
metrics={[
|
|
{
|
|
icon: "Award", title: "Years Experience", value: "15+"},
|
|
{
|
|
icon: "CheckCircle", title: "Projects Completed", value: "500+"},
|
|
{
|
|
icon: "Users", title: "Satisfied Clients", value: "200+"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<SectionErrorBoundary name="testimonials">
|
|
<TestimonialMarqueeCards
|
|
tag="Client Stories"
|
|
title="Trusted by Industry Leaders"
|
|
description="Real feedback from our partners across the contracting industry."
|
|
testimonials={[
|
|
{
|
|
name: "Ali Al-Farsi", role: "Site Director", quote: "Reliable and efficient. The best transport services in the region.", imageSrc: "http://img.b2bpic.net/free-photo/executives-with-architect_1098-582.jpg"},
|
|
{
|
|
name: "John Smith", role: "Facility Manager", quote: "Their MEP team is incredibly responsive and highly skilled.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-electrician-standing-against-wall_23-2148087578.jpg"},
|
|
{
|
|
name: "Fatima Zahra", role: "Architect", quote: "Professional renovation quality that exceeds our expectations.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
|
{
|
|
name: "David Brown", role: "Project Owner", quote: "A truly unique contracting service. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-safety-vest-crossed-arms_23-2148269352.jpg"},
|
|
{
|
|
name: "Ahmed Ibrahim", role: "Head Developer", quote: "Great communication and delivered ahead of schedule.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<SectionErrorBoundary name="faq">
|
|
<FaqTabbedAccordion
|
|
tag="Common Questions"
|
|
title="How Can We Help?"
|
|
description="Clear answers to help you navigate our contracting services."
|
|
categories={[
|
|
{
|
|
name: "General", items: [
|
|
{
|
|
question: "Are you licensed?", answer: "Yes, we are fully licensed for MEP and construction contracting."},
|
|
{
|
|
question: "Do you provide consultations?", answer: "Yes, contact us to schedule an on-site consultation."},
|
|
{
|
|
question: "What is your coverage area?", answer: "We operate across all major regions in the UAE."},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SectionErrorBoundary name="social-proof">
|
|
<SocialProofMarquee
|
|
tag="Our Partners"
|
|
title="We Work with the Best"
|
|
description="Collaborating with industry-leading entities to deliver excellence."
|
|
names={[
|
|
"Alpha Construction", "Dubai Logistics Hub", "MEP Solutions Co", "Infrastructure Pro", "Green Buildings Ltd", "Regional Transport", "Urban Renovations"]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactCta
|
|
tag="Ready to Start?"
|
|
text="Discuss your project with us today by calling +971 553882921"
|
|
primaryButton={{
|
|
text: "Call +971 553882921", href: "tel:+971553882921"}}
|
|
secondaryButton={{
|
|
text: "Email Support", href: "mailto:info@uniquegreen.ae"}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|