188 lines
7.6 KiB
TypeScript
188 lines
7.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
|
|
export default function ProjectsPage() {
|
|
const navItems = [
|
|
{ name: "Capabilities", id: "capabilities" },
|
|
{ name: "Projects", id: "projects" },
|
|
{ name: "Technology", id: "technology" },
|
|
{ name: "Careers", id: "careers" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="fluid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="DSI" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="projects-intro" data-section="projects-intro">
|
|
<TextSplitAbout
|
|
title="Our Portfolio"
|
|
description={[
|
|
"Desert Sides International has delivered 100+ landmark infrastructure and industrial projects across Saudi Arabia and the greater Middle East region. Each project reflects our commitment to precision engineering, on-time delivery, and international quality standards.",
|
|
"From massive industrial complexes to specialized infrastructure systems, our portfolio demonstrates our capacity to execute at scale while maintaining uncompromising standards for quality, safety, and performance.",
|
|
]}
|
|
buttons={[{ text: "View Case Studies", href: "/projects" }]}
|
|
useInvertedBackground={false}
|
|
showBorder={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="all-projects" data-section="all-projects">
|
|
<ProductCardFour
|
|
title="Featured Projects"
|
|
description="A selection of our most significant infrastructure and industrial solutions."
|
|
tag="Portfolio"
|
|
products={[
|
|
{
|
|
id: "proj-1",
|
|
name: "Al Khobar Industrial Complex Expansion",
|
|
price: "AED 45M+",
|
|
variant: "Prefab Manufacturing, Structural Integration",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/fourth-block-chernobyl-nuclear-power-plant-30-years-after-explosion-nuclear-power-plant_627829-11676.jpg?_wi=2",
|
|
imageAlt: "Al Khobar Industrial Complex",
|
|
},
|
|
{
|
|
id: "proj-2",
|
|
name: "Jeddah Port Authority Infrastructure",
|
|
price: "AED 72M+",
|
|
variant: "Heavy Structural, Installation Management",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/low-angle-view-scafolding-building_1252-1176.jpg?_wi=2",
|
|
imageAlt: "Jeddah Port Infrastructure",
|
|
},
|
|
{
|
|
id: "proj-3",
|
|
name: "Riyadh Industrial Park Development",
|
|
price: "AED 58M+",
|
|
variant: "Modular Manufacturing, Civil Integration",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/centre-pompidou-blue-sky-sunlight-daytime-paris-france_181624-16566.jpg?_wi=2",
|
|
imageAlt: "Riyadh Industrial Park",
|
|
},
|
|
{
|
|
id: "proj-4",
|
|
name: "Saudi Aramco Supply Chain Integration",
|
|
price: "AED 95M+",
|
|
variant: "Custom Solutions, System Integration",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/plant-production-cars-modern-automotive-industry-electric-car-factory-conveyor_645730-147.jpg",
|
|
imageAlt: "Aramco Supply Chain Project",
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="client-success" data-section="client-success">
|
|
<TestimonialCardSixteen
|
|
title="Client Success Stories"
|
|
description="Hear directly from the organizations that have partnered with DSI on major infrastructure initiatives."
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Ahmed Al-Rasheed",
|
|
role: "CEO",
|
|
company: "Saudi Industrial Development",
|
|
rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Fatima Al-Otaibi",
|
|
role: "Project Director",
|
|
company: "Gulf Infrastructure Partners",
|
|
rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Mohammed Al-Dosari",
|
|
role: "VP Operations",
|
|
company: "Aramco Supply Chain",
|
|
rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "100+", label: "Projects Completed" },
|
|
{ value: "98%", label: "On-Time Delivery Rate" },
|
|
{ value: "AED 2B+", label: "Total Project Value" },
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="DSI"
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Prefab Manufacturing", href: "capabilities" },
|
|
{ label: "Structural Solutions", href: "capabilities" },
|
|
{ label: "Industrial Projects", href: "capabilities" },
|
|
{ label: "Custom Solutions", href: "capabilities" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About DSI", href: "/about" },
|
|
{ label: "Our Projects", href: "/projects" },
|
|
{ label: "Technology", href: "#technology" },
|
|
{ label: "Careers", href: "/careers" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "Get in Touch", href: "/contact" },
|
|
{ label: "Request Quote", href: "/contact" },
|
|
{ label: "Support", href: "#contact" },
|
|
{ label: "Email: info@dsi.sa", href: "mailto:info@dsi.sa" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Compliance", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Desert Sides International. All rights reserved. Engineering excellence, delivered."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |