fix: update project details in projects.html and projects.json with new client names, descriptions, and layout adjustments for improved clarity

data/projects.json

@@ -1,15 +1,14 @@
 [
   {
     "id": "proj-001",
-    "name": "ACCRA CORPORATE TOWER",
+    "name": "Google Accra Office Fit-out",
     "category": "Corporate",
     "location": "Accra, Ghana",
-    "description": "A state-of-the-art 15-story corporate tower featuring modern office spaces, executive suites, and premium amenities. The project showcases innovative construction techniques and sustainable design principles.",
+    "description": "RAZOR.KH3 served as General Contractor implementing the design by Boogermart & MultiCAD. Scope included partitioning works, mechanical, electrical and plumbing (MEP), flooring and joinery installations. The project was managed by Mace PTY (South Africa).",
-    "client": "Accra Development Consortium",
+    "client": "Google",
-    "typeOfWork": "Construction & Project Management",
+    "typeOfWork": "General contracting; partitioning, MEP, flooring, joinery installations",
-    "size": "25,000 SQM",
+    "size": "925 SQM",
-    "duration": "18 months",
+    "completionDate": "2022",
-    "completionDate": "2023",
     "images": [
       "assets/images/room.png",
       "assets/images/chair.png",
@@ -17,23 +16,22 @@
       "assets/images/room.png"
     ],
     "highlights": [
-      "LEED Gold certification",
+      "RAZOR.KH3 as General Contractor",
-      "Smart building technology integration",
+      "Design by Boogermart & MultiCAD",
-      "Premium office fit-outs",
+      "Project management by Mace PTY (South Africa)",
-      "Executive lounge and conference facilities"
+      "Scope: partitioning, MEP, flooring, joinery"
     ],
     "details_url": "/projects/accra-corporate-tower.html"
   },
   {
     "id": "proj-002",
-    "name": "KH3 HEADQUARTERS",
+    "name": "Mastercard Foundation Office",
     "category": "Corporate",
     "location": "Accra, Ghana",
-    "description": "Our own headquarters building featuring contemporary design with open-plan workspaces, collaborative zones, and modern amenities. A showcase of our design and construction capabilities.",
+    "description": "RAZOR.KH3 acted as Design & Build Contractor for the new Mastercard Foundation office at Stanbic Heights, Airport City, Accra. Scope covered design and construction management including partitioning works, mechanical, electrical and plumbing (MEP), flooring and furniture installations.",
-    "client": "KH3 Group",
+    "client": "Mastercard Foundation",
-    "typeOfWork": "Design Development & Fit-out",
+    "typeOfWork": "Design & Build; design and construction management; partitioning, MEP, flooring, furniture installations",
-    "size": "1,200 SQM",
+    "size": "1,807 SQM",
-    "duration": "6 months",
     "completionDate": "2024",
     "images": [
       "assets/images/chair.png",
@@ -51,15 +49,14 @@
   },
   {
     "id": "proj-003",
-    "name": "LABONE PREMIUM APARTMENTS",
+    "name": "Development Bank, Ghana",
-    "category": "Residential",
+    "category": "Corporate",
     "location": "Accra, Ghana",
-    "description": "Luxury residential development featuring 24 premium apartments with high-end finishes, modern amenities, and sophisticated design. Each unit showcases quality craftsmanship and attention to detail.",
+    "description": "RAZOR.KH3 and rhayCAD served as Design & Build Contractors for the Development Bank Ghana office fit-out. The engagement included space evaluation and optimisation to align with accommodation needs and philosophy, followed by construction of the optimised design. Works included partitioning, mechanical, electrical & plumbing (MEP), flooring and joinery installations.",
-    "client": "Labone Properties Ltd",
+    "client": "Development Bank Ghana",
-    "typeOfWork": "Construction & Interior Fit-out",
+    "typeOfWork": "Design & Build; space optimisation; partitioning, MEP, flooring, joinery",
-    "size": "8,500 SQM",
+    "size": "973 SQM",
-    "duration": "14 months",
+    "completionDate": "2021",
-    "completionDate": "2023",
     "images": [
       "assets/images/google.png",
       "assets/images/room.png",
@@ -68,24 +65,22 @@
       "assets/images/room.png"
     ],
     "highlights": [
-      "Premium residential fit-outs",
+      "Design & Build by RAZOR.KH3 and rhayCAD",
-      "High-end kitchen and bathroom designs",
+      "Space optimisation to align with client needs",
-      "Integrated smart home systems",
+      "Scope: partitioning, MEP, flooring, joinery"
-      "Luxury amenities and facilities"
     ],
     "details_url": "/projects/labone-apartments.html"
   },
   {
     "id": "proj-004",
-    "name": "EAST LEGON SHOPPING CENTER",
+    "name": "Enterprise Group Head Office",
-    "category": "Retail",
+    "category": "Corporate",
     "location": "Accra, Ghana",
-    "description": "Modern retail development featuring boutique shops, restaurants, and entertainment spaces. The project includes comprehensive fit-out services for multiple retail tenants with diverse design requirements.",
+    "description": "KH3 and rhayCAD delivered the Enterprise Group Head Office fit‑out at Advantage Place, Ridge, Accra as Design & Build Contractors. Scope covered design and construction management including interior design, partitioning works, mechanical, electrical & plumbing (MEP), flooring and furniture installations.",
-    "client": "East Legon Retail Group",
+    "client": "Enterprise Group",
-    "typeOfWork": "Retail Fit-out & Project Management",
+    "typeOfWork": "Design & Build; design & construction management; interior design, partitioning, MEP, flooring, furniture installations",
-    "size": "12,000 SQM",
+    "size": "1,800 SQM",
-    "duration": "10 months",
+    "completionDate": "2019",
-    "completionDate": "2023",
     "images": [
       "assets/images/room.png",
       "assets/images/chair.png",
@@ -93,24 +88,22 @@
       "assets/images/room.png"
     ],
     "highlights": [
-      "Multiple retail tenant fit-outs",
+      "Design & Build by KH3 and rhayCAD",
-      "Modern shopping center design",
+      "Interior design and space partitioning",
-      "Restaurant and entertainment spaces",
+      "Scope: MEP, flooring, furniture installations"
-      "Premium retail finishes"
     ],
     "details_url": "/projects/east-legon-shopping.html"
   },
   {
     "id": "proj-005",
-    "name": "KUMASI BUSINESS HUB",
+    "name": "Norfund West Africa",
     "category": "Corporate",
-    "location": "Kumasi, Ghana",
+    "location": "Accra, Ghana",
-    "description": "Innovative business center designed to support startups and established companies. Features flexible office spaces, meeting rooms, and collaborative areas with modern technology integration.",
+    "description": "RAZOR.KH3 served as Design & Build Contractor for the Norfund West‑Africa office at One Airport Square, Airport City, Accra. KH3 Produkts Ltd provided supply and installation. Scope included design & construction management, partitioning works, mechanical, electrical & plumbing (MEP), flooring and furniture installations.",
-    "client": "Kumasi Business Development Authority",
+    "client": "Norfund West‑Africa",
-    "typeOfWork": "Design & Construction Management",
+    "typeOfWork": "Design & Build; design & construction management; partitioning, MEP, flooring, furniture installations",
-    "size": "6,500 SQM",
+    "size": "200 SQM",
-    "duration": "12 months",
+    "completionDate": "2022",
-    "completionDate": "2024",
     "images": [
       "assets/images/chair.png",
       "assets/images/google.png",
@@ -118,24 +111,22 @@
       "assets/images/chair.png"
     ],
     "highlights": [
-      "Flexible coworking spaces",
+      "RAZOR.KH3 as Design & Build Contractor",
-      "Modern meeting facilities",
+      "KH3 Produkts Ltd as supply & installation vendor",
-      "Technology-enabled environments",
+      "Scope: partitioning, MEP, flooring, furniture"
-      "Sustainable design features"
     ],
     "details_url": "/projects/kumasi-business-hub.html"
   },
   {
     "id": "proj-006",
-    "name": "TAKORADI PORT OFFICE COMPLEX",
+    "name": "Align Technology Company Ltd",
     "category": "Corporate",
-    "location": "Takoradi, Ghana",
+    "location": "Accra, Ghana",
-    "description": "Professional office complex for port operations and maritime services. Features robust construction, modern office fit-outs, and specialized facilities for port management and logistics operations.",
+    "description": "RAZOR.KH3 delivered the Accra office for Align Technology Company Ltd as Design & Build Contractor at the Grand Oyeeman, Airport City. Scope included design & construction management with partitioning works, mechanical, electrical & plumbing (MEP), flooring and furniture installations.",
-    "client": "Ghana Ports and Harbours Authority",
+    "client": "Align Technology Company Ltd",
-    "typeOfWork": "Construction & Office Fit-out",
+    "typeOfWork": "Design & Build; design & construction management; partitioning, MEP, flooring, furniture installations",
-    "size": "15,000 SQM",
+    "size": "200 SQM",
-    "duration": "16 months",
+    "completionDate": "2022",
-    "completionDate": "2023",
     "images": [
       "assets/images/google.png",
       "assets/images/room.png",
@@ -143,23 +134,21 @@
       "assets/images/google.png"
     ],
     "highlights": [
-      "Specialized port facilities",
+      "Design & Build by RAZOR.KH3",
-      "Modern office environments",
+      "Located at Grand Oyeeman, Airport City",
-      "Operational control centers",
+      "Scope: partitioning, MEP, flooring, furniture"
-      "Durable construction materials"
     ],
     "details_url": "/projects/takoradi-port.html"
   },
   {
     "id": "proj-007",
-    "name": "CAPE COAST HOTEL RENOVATION",
+    "name": "Oracle Office",
     "category": "Hospitality",
     "location": "Cape Coast, Ghana",
     "description": "Comprehensive renovation and fit-out of a historic hotel, modernizing facilities while preserving architectural heritage. Includes guest room upgrades, restaurant renovations, and amenity improvements.",
     "client": "Cape Coast Hospitality Group",
     "typeOfWork": "Renovation & Hospitality Fit-out",
     "size": "8,000 SQM",
-    "duration": "8 months",
     "completionDate": "2024",
     "images": [
       "assets/images/room.png",
@@ -177,15 +166,14 @@
   },
   {
     "id": "proj-008",
-    "name": "TEMA INDUSTRIAL WAREHOUSE",
+    "name": "General Electric Head Office Fit-out",
-    "category": "Industrial",
+    "category": "Corporate",
-    "location": "Tema, Ghana",
+    "location": "Accra, Ghana",
-    "description": "Large-scale industrial warehouse facility designed for manufacturing and logistics operations. Features high-bay storage systems, loading docks, and specialized industrial fit-outs for efficient operations.",
+    "description": "KH3 and rhayCAD served as General Contractors implementing the design by Paragon Interiors (South Africa) for the General Electric head office. Works included partitioning, mechanical, electrical & plumbing (MEP), flooring and joinery installations, delivered in collaboration with Lerumo PTY (South Africa) and ARG1 Africa.",
-    "client": "Tema Industrial Development Corporation",
+    "client": "General Electric",
-    "typeOfWork": "Industrial Construction & Fit-out",
+    "typeOfWork": "General contracting; implementation of Paragon Interiors design; partitioning, MEP, flooring, joinery",
-    "size": "35,000 SQM",
+    "size": "965 SQM",
-    "duration": "20 months",
+    "completionDate": "",
-    "completionDate": "2023",
     "images": [
       "assets/images/chair.png",
       "assets/images/google.png",
@@ -193,11 +181,41 @@
       "assets/images/chair.png"
     ],
     "highlights": [
-      "High-bay storage systems",
+      "General Contractors: KH3 & rhayCAD",
-      "Industrial-grade construction",
+      "Design by Paragon Interiors (South Africa)",
-      "Efficient logistics design",
+      "Collaboration with Lerumo PTY and ARG1 Africa",
-      "Modern office facilities"
+      "Scope: partitioning, MEP, flooring, joinery"
     ],
     "details_url": "/projects/tema-warehouse.html"
+  },
+  {
+    "id": "proj-009",
+    "name": "8D Ghana",
+    "category": "Corporate",
+    "location": "Accra, Ghana",
+    "description": "Placeholder description for 8D Ghana. Details to be provided.",
+    "client": "",
+    "typeOfWork": "",
+    "size": "",
+    "duration": "",
+    "completionDate": "",
+    "images": ["assets/images/room.png", "assets/images/chair.png"],
+    "highlights": ["", ""],
+    "details_url": "/projects/8d-ghana.html"
+  },
+  {
+    "id": "proj-010",
+    "name": "Cal Bank (3Ds)",
+    "category": "Corporate",
+    "location": "Accra, Ghana",
+    "description": "Placeholder description for Cal bank (3Ds). Details to be provided.",
+    "client": "",
+    "typeOfWork": "",
+    "size": "",
+    "duration": "",
+    "completionDate": "",
+    "images": ["assets/images/room.png", "assets/images/chair.png"],
+    "highlights": ["", ""],
+    "details_url": "/projects/cal-bank-3ds.html"
   }
 ]

projects.html

@@ -696,46 +696,39 @@
                     PROJECT DETAILS
                   </h3>
                   <div class="space-y-3">
-                    <div class="flex justify-between">
+                    <div class="flex justify-between gap-4">
                       <span class="text-white/60 text-sm">Client:</span>
                       <span
                         id="modalClient"
-                        class="text-white text-sm font-medium"
+                        class="text-white text-sm font-medium text-right max-w-[60%]"
                       ></span>
                     </div>
-                    <div class="flex justify-between">
+                    <div class="flex justify-between gap-4">
                       <span class="text-white/60 text-sm">Type of Work:</span>
                       <span
                         id="modalTypeOfWork"
-                        class="text-white text-sm font-medium"
+                        class="text-white text-sm font-medium text-right max-w-[60%]"
                       ></span>
                     </div>
-                    <div class="flex justify-between">
+                    <div class="flex justify-between gap-4">
                       <span class="text-white/60 text-sm">Size:</span>
                       <span
                         id="modalSize"
-                        class="text-white text-sm font-medium"
+                        class="text-white text-sm font-medium text-right max-w-[60%]"
                       ></span>
                     </div>
-                    <div class="flex justify-between">
+                    <div class="flex justify-between gap-4">
-                      <span class="text-white/60 text-sm">Duration:</span>
-                      <span
-                        id="modalDuration"
-                        class="text-white text-sm font-medium"
-                      ></span>
-                    </div>
-                    <div class="flex justify-between">
                       <span class="text-white/60 text-sm">Completion:</span>
                       <span
                         id="modalCompletionDate"
-                        class="text-white text-sm font-medium"
+                        class="text-white text-sm font-medium text-right max-w-[60%]"
                       ></span>
                     </div>
-                    <div class="flex justify-between">
+                    <div class="flex justify-between gap-4">
                       <span class="text-white/60 text-sm">Location:</span>
                       <span
                         id="modalLocation"
-                        class="text-white text-sm font-medium"
+                        class="text-white text-sm font-medium text-right max-w-[60%]"
                       ></span>
                     </div>
                   </div>
@@ -1387,7 +1380,6 @@
         document.getElementById("modalTypeOfWork").textContent =
           project.typeOfWork;
         document.getElementById("modalSize").textContent = project.size;
-        document.getElementById("modalDuration").textContent = project.duration;
         document.getElementById("modalCompletionDate").textContent =
           project.completionDate;
         document.getElementById("modalLocation").textContent = project.location;