Merge pull request #12 from OwethuManagedServices/dev

Dev
This commit is contained in:
2025-05-26 10:02:29 +02:00
committed by GitHub
2 changed files with 56 additions and 65 deletions

View File

@ -4,7 +4,6 @@ import Link from "next/link";
import { Metadata } from "next"; import { Metadata } from "next";
import { import {
FaArrowRight, FaArrowRight,
FaBriefcase,
FaCheckCircle, FaCheckCircle,
FaClipboardList, // For BA FaClipboardList, // For BA
FaClock, // For Time & Material FaClock, // For Time & Material
@ -13,15 +12,12 @@ import {
FaPaintBrush, // For UX/UI Design FaPaintBrush, // For UX/UI Design
FaProjectDiagram, // For Architecture/Milestones FaProjectDiagram, // For Architecture/Milestones
FaPuzzlePiece, // For Integration/Solutions FaPuzzlePiece, // For Integration/Solutions
FaRegHandshake, // For Partnership/Client Relations
FaShieldAlt, // For Reliability/QA FaShieldAlt, // For Reliability/QA
FaSitemap, // For Process/Architecture FaSitemap, // For Process/Architecture
FaSyncAlt, // For Agile/Flexibility FaSyncAlt, // For Agile/Flexibility
FaTasks, // For Project Management/Milestones FaTasks, // For Project Management/Milestones
FaVial, // For Testing FaVial, // For Testing
FaUsers, // For Teams/Resources
FaChartLine, // For Reporting/MI FaChartLine, // For Reporting/MI
FaLightbulb, // For Innovation/Solutions
FaTools, // General Capabilities FaTools, // General Capabilities
FaLayerGroup, // Frameworks (SAFe, etc.) FaLayerGroup, // Frameworks (SAFe, etc.)
FaFileInvoiceDollar, // Cost/Pricing FaFileInvoiceDollar, // Cost/Pricing
@ -295,62 +291,62 @@ const capabilities: Capability[] = [
}, },
]; ];
interface Benefit { // interface Benefit {
icon: React.ElementType; // icon: React.ElementType;
title: string; // title: string;
description: string; // description: string;
} // }
const augmentationBenefits: Benefit[] = [ // const augmentationBenefits: Benefit[] = [
{ // {
icon: FaSyncAlt, // icon: FaSyncAlt,
title: "Ultimate Flexibility", // title: "Ultimate Flexibility",
description: // description:
"Scale your team up or down quickly based on project demands and budget.", // "Scale your team up or down quickly based on project demands and budget.",
}, // },
{ // {
icon: FaUsers, // icon: FaUsers,
title: "Access to Expertise", // title: "Access to Expertise",
description: // description:
"Gain immediate access to specialized IT skills that may not be available in-house.", // "Gain immediate access to specialized IT skills that may not be available in-house.",
}, // },
{ // {
icon: FaFileInvoiceDollar, // icon: FaFileInvoiceDollar,
title: "Cost-Effectiveness", // title: "Cost-Effectiveness",
description: // description:
"Reduce recruitment costs, overheads, and long-term commitments associated with FTEs.", // "Reduce recruitment costs, overheads, and long-term commitments associated with FTEs.",
}, // },
{ // {
icon: FaChartLine, // icon: FaChartLine,
title: "Increased Productivity", // title: "Increased Productivity",
description: // description:
"Focus your core team on strategic initiatives while OMS resources handle specific tasks or projects.", // "Focus your core team on strategic initiatives while OMS resources handle specific tasks or projects.",
}, // },
{ // {
icon: FaShieldAlt, // icon: FaShieldAlt,
title: "Reduced Hiring Burden", // title: "Reduced Hiring Burden",
description: // description:
"Avoid the time-consuming process of sourcing, vetting, hiring, and onboarding new employees.", // "Avoid the time-consuming process of sourcing, vetting, hiring, and onboarding new employees.",
}, // },
{ // {
icon: FaTasks, // icon: FaTasks,
title: "Focus on Core Business", // title: "Focus on Core Business",
description: // description:
"Outsource IT project execution or specific roles, allowing you to concentrate on your primary objectives.", // "Outsource IT project execution or specific roles, allowing you to concentrate on your primary objectives.",
}, // },
{ // {
icon: FaCheckCircle, // icon: FaCheckCircle,
title: "Quality Assurance", // title: "Quality Assurance",
description: // description:
"Benefit from experienced professionals and managed delivery (in Milestone model) for high-quality outcomes.", // "Benefit from experienced professionals and managed delivery (in Milestone model) for high-quality outcomes.",
}, // },
{ // {
icon: FaLightbulb, // icon: FaLightbulb,
title: "Faster Project Delivery", // title: "Faster Project Delivery",
description: // description:
"Accelerate project timelines by quickly filling skill gaps and adding capacity.", // "Accelerate project timelines by quickly filling skill gaps and adding capacity.",
}, // },
]; // ];
const methodologies = [ const methodologies = [
{ name: "Agile (SCRUM)", icon: FaSyncAlt }, { name: "Agile (SCRUM)", icon: FaSyncAlt },

View File

@ -8,11 +8,9 @@ import { usePathname } from "next/navigation"; // Import usePathname
import { import {
FiChevronDown, FiChevronDown,
FiClipboard, FiClipboard,
FiArrowRight,
FiMenu, FiMenu,
FiX, FiX,
FiUsers, FiUsers,
FiBriefcase,
FiCpu, FiCpu,
FiBox, FiBox,
FiFileText, FiFileText,
@ -45,7 +43,7 @@ const HeaderClient = () => {
const [servicesDropdownOpen, setServicesDropdownOpen] = useState(false); const [servicesDropdownOpen, setServicesDropdownOpen] = useState(false);
const [productsDropdownOpen, setProductsDropdownOpen] = useState(false); const [productsDropdownOpen, setProductsDropdownOpen] = useState(false);
const [joinUsDropdownOpen, setJoinUsDropdownOpen] = useState(false); const [joinUsDropdownOpen, setJoinUsDropdownOpen] = useState(false);
const [offeringsDropdownOpen, setOfferingsDropdownOpen] = useState(false);
const handleServicesMouseEnter = () => setServicesDropdownOpen(true); const handleServicesMouseEnter = () => setServicesDropdownOpen(true);
const handleServicesMouseLeave = () => setServicesDropdownOpen(false); const handleServicesMouseLeave = () => setServicesDropdownOpen(false);
@ -56,9 +54,6 @@ const HeaderClient = () => {
const handleJoinUsMouseEnter = () => setJoinUsDropdownOpen(true); const handleJoinUsMouseEnter = () => setJoinUsDropdownOpen(true);
const handleJoinUsMouseLeave = () => setJoinUsDropdownOpen(false); const handleJoinUsMouseLeave = () => setJoinUsDropdownOpen(false);
const handleOfferingsMouseEnter = () => setOfferingsDropdownOpen(true);
const handleOfferingsMouseLeave = () => setOfferingsDropdownOpen(false);
const pathname = usePathname(); // Get current path const pathname = usePathname(); // Get current path
// Helper function to check if a path is active (exact match for simple links, startsWith for base paths) // Helper function to check if a path is active (exact match for simple links, startsWith for base paths)