Update src/pages/HomePage.tsx
This commit is contained in:
@@ -12,251 +12,155 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<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,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
text: "MEP Maintenance",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
text: "Full Renovation",
|
||||
icon: Wrench,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-architects-looking-plan_23-2147702511.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user