Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 84852d5683 |
245
src/app/page.tsx
245
src/app/page.tsx
@@ -33,112 +33,69 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="EPC Construct"
|
||||
button={{
|
||||
text: "Request Proposal",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Request Proposal", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Building the Future of Industry in Saudi Arabia"
|
||||
description="A leading EPC and construction partner trusted for large-scale, high-impact projects across the Kingdom."
|
||||
kpis={[
|
||||
{
|
||||
value: "150+",
|
||||
label: "Projects Delivered",
|
||||
},
|
||||
value: "150+", label: "Projects Delivered"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "20+", label: "Years Experience"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Compliance Rate",
|
||||
},
|
||||
value: "100%", label: "Compliance Rate"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Proposal",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Proposal", href: "#contact"},
|
||||
{
|
||||
text: "View Our Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Our Projects", href: "#projects"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hight-rise-condominium-office-buildings_1127-3571.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-united-multiethnic-team-posing-office-hall_1262-20246.jpg",
|
||||
alt: "Team member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-united-multiethnic-team-posing-office-hall_1262-20246.jpg", alt: "Team member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessmen-office_1098-240.jpg",
|
||||
alt: "Team member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessmen-office_1098-240.jpg", alt: "Team member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/multi-ethnic-business-team_1098-22110.jpg",
|
||||
alt: "Team member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/multi-ethnic-business-team_1098-22110.jpg", alt: "Team member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136879.jpg",
|
||||
alt: "Team member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136879.jpg", alt: "Team member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues_23-2149097944.jpg",
|
||||
alt: "Team member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues_23-2149097944.jpg", alt: "Team member"},
|
||||
]}
|
||||
avatarText="Join our 500+ professionals."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Industrial EPC",
|
||||
},
|
||||
type: "text", text: "Industrial EPC"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Infrastructure",
|
||||
},
|
||||
type: "text", text: "Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Saudi Vision 2030",
|
||||
},
|
||||
type: "text", text: "Saudi Vision 2030"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safety Compliance",
|
||||
},
|
||||
type: "text", text: "Safety Compliance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Standards",
|
||||
},
|
||||
type: "text", text: "Global Standards"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,14 +105,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Saudi Aramco",
|
||||
"SABIC",
|
||||
"Maaden",
|
||||
"NEOM",
|
||||
"ACWA Power",
|
||||
"PIF Projects",
|
||||
"Saline Water Conversion Corp",
|
||||
]}
|
||||
"Saudi Aramco", "SABIC", "Maaden", "NEOM", "ACWA Power", "PIF Projects", "Saline Water Conversion Corp"]}
|
||||
title="Trusted by Industrial Leaders"
|
||||
description="Partnering with the world's most demanding infrastructure clients to deliver excellence."
|
||||
/>
|
||||
@@ -168,19 +118,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Operational Strength",
|
||||
value: "Global Standards",
|
||||
},
|
||||
label: "Operational Strength", value: "Global Standards"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Accountability",
|
||||
value: "Safety First",
|
||||
},
|
||||
label: "Accountability", value: "Safety First"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Quality Assurance",
|
||||
value: "Certified",
|
||||
},
|
||||
label: "Quality Assurance", value: "Certified"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -193,33 +137,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Engineering",
|
||||
subtitle: "Advanced planning and design.",
|
||||
category: "Technical",
|
||||
value: "Precision",
|
||||
},
|
||||
id: "s1", title: "Engineering", subtitle: "Advanced planning and design.", category: "Technical", value: "Precision"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Procurement",
|
||||
subtitle: "Global sourcing excellence.",
|
||||
category: "Supply Chain",
|
||||
value: "Reliability",
|
||||
},
|
||||
id: "s2", title: "Procurement", subtitle: "Global sourcing excellence.", category: "Supply Chain", value: "Reliability"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Construction",
|
||||
subtitle: "Industrial site delivery.",
|
||||
category: "Operations",
|
||||
value: "Scale",
|
||||
},
|
||||
id: "s3", title: "Construction", subtitle: "Industrial site delivery.", category: "Operations", value: "Scale"},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Project Management",
|
||||
subtitle: "End-to-end control.",
|
||||
category: "Strategy",
|
||||
value: "Efficiency",
|
||||
},
|
||||
id: "s4", title: "Project Management", subtitle: "End-to-end control.", category: "Strategy", value: "Efficiency"},
|
||||
]}
|
||||
title="Our EPC Expertise"
|
||||
description="Comprehensive engineering, procurement, and construction solutions designed for maximum efficiency."
|
||||
@@ -234,41 +158,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Offshore Refinery",
|
||||
price: "EPC Delivery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-factory-exterior-night_23-2149057727.jpg",
|
||||
},
|
||||
id: "p1", name: "Offshore Refinery", price: "EPC Delivery", imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-factory-exterior-night_23-2149057727.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gas Plant Expansion",
|
||||
price: "Procurement",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-gas-oil-refinery-oil-industry_335224-1376.jpg",
|
||||
},
|
||||
id: "p2", name: "Gas Plant Expansion", price: "Procurement", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-gas-oil-refinery-oil-industry_335224-1376.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Infrastructure Hub",
|
||||
price: "Construction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-industry-exterior-daylight_23-2149057692.jpg",
|
||||
},
|
||||
id: "p3", name: "Infrastructure Hub", price: "Construction", imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-industry-exterior-daylight_23-2149057692.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Industrial Complex",
|
||||
price: "Full EPC",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-industry-exterior-daylight_23-2149057685.jpg",
|
||||
},
|
||||
id: "p4", name: "Industrial Complex", price: "Full EPC", imageSrc: "http://img.b2bpic.net/free-photo/environmental-pollution-industry-exterior-daylight_23-2149057685.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Power Facility A",
|
||||
price: "Engineering",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pollution-industry-exterior-daylight_23-2149057673.jpg",
|
||||
},
|
||||
id: "p5", name: "Power Facility A", price: "Engineering", imageSrc: "http://img.b2bpic.net/free-photo/pollution-industry-exterior-daylight_23-2149057673.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pipeline Systems",
|
||||
price: "Operations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-oil-container-territory_140725-9895.jpg",
|
||||
},
|
||||
id: "p6", name: "Pipeline Systems", price: "Operations", imageSrc: "http://img.b2bpic.net/free-photo/modern-oil-container-territory_140725-9895.jpg"},
|
||||
]}
|
||||
title="Projects Defining Standards"
|
||||
description="High-impact industrial infrastructure developments delivered across the Kingdom."
|
||||
@@ -282,20 +182,11 @@ export default function LandingPage() {
|
||||
tag="Our Track Record"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5M+",
|
||||
description: "Safe Man-Hours",
|
||||
},
|
||||
id: "m1", value: "5M+", description: "Safe Man-Hours"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "144+",
|
||||
description: "Successful Projects",
|
||||
},
|
||||
id: "m2", value: "144+", description: "Successful Projects"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client Retention",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Client Retention"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -308,40 +199,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Khalid Al-Rashid",
|
||||
role: "Operations Lead",
|
||||
testimonial: "A significant EPC firm in Saudi Arabia with major projects. Their scale is impressive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6542.jpg",
|
||||
},
|
||||
id: "t1", name: "Khalid Al-Rashid", role: "Operations Lead", testimonial: "A significant EPC firm in Saudi Arabia with major projects. Their scale is impressive.", imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6542.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Fatima Mansour",
|
||||
role: "Project Consultant",
|
||||
testimonial: "A leading player in the region with strong industry presence and delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-portrait-photo-senior-businessman-spacious-room-with-plants-holding-reading-documents_146671-14551.jpg",
|
||||
},
|
||||
id: "t2", name: "Fatima Mansour", role: "Project Consultant", testimonial: "A leading player in the region with strong industry presence and delivery.", imageSrc: "http://img.b2bpic.net/free-photo/good-portrait-photo-senior-businessman-spacious-room-with-plants-holding-reading-documents_146671-14551.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Smith",
|
||||
role: "Infrastructure Dir.",
|
||||
testimonial: "High-quality people and a truly professional environment. Great to work with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-office-closeup_273609-4120.jpg",
|
||||
},
|
||||
id: "t3", name: "David Smith", role: "Infrastructure Dir.", testimonial: "High-quality people and a truly professional environment. Great to work with.", imageSrc: "http://img.b2bpic.net/free-photo/business-partners-office-closeup_273609-4120.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ahmed Ibrahim",
|
||||
role: "Industrial Manager",
|
||||
testimonial: "Their commitment to continuous improvement is evident in every deliverable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-smiling-businessmen-standing-near-window_23-2147899806.jpg",
|
||||
},
|
||||
id: "t4", name: "Ahmed Ibrahim", role: "Industrial Manager", testimonial: "Their commitment to continuous improvement is evident in every deliverable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-smiling-businessmen-standing-near-window_23-2147899806.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Regional Director",
|
||||
testimonial: "Professional structure and strong technical team. Highly reliable EPC partner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handshake-with-smiling-businessman_23-2147708181.jpg",
|
||||
},
|
||||
id: "t5", name: "Sarah Jenkins", role: "Regional Director", testimonial: "Professional structure and strong technical team. Highly reliable EPC partner.", imageSrc: "http://img.b2bpic.net/free-photo/handshake-with-smiling-businessman_23-2147708181.jpg"},
|
||||
]}
|
||||
title="Partner Feedback"
|
||||
description="Hear from industry leaders on our impact and professional environment."
|
||||
@@ -351,20 +217,15 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Let's Build Something That Lasts"
|
||||
description="Ready to discuss your next large-scale project? Our team is standing by."
|
||||
title="لنقم ببناء شيء يدوم"
|
||||
description="هل أنت مستعد لمناقشة مشروعك الكبير القادم؟ فريقنا جاهز للمساعدة."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "الاسم"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Work Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "البريد الإلكتروني للعمل"},
|
||||
]}
|
||||
buttonText="إرسال"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1928.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -373,13 +234,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="EPC Construct"
|
||||
leftLink={{
|
||||
text: "Careers",
|
||||
href: "#",
|
||||
}}
|
||||
text: "الوظائف", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "تواصل معنا", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user