omswebsite-backups/oms-website-nextjs
1
0
Fork 0
mirror of https://github.com/OwethuManagedServices/oms-website-nextjs.git synced 2025-12-17 19:08:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: product development fixed

Browse Source
This commit is contained in:
libertyoms
2025-05-19 07:54:59 +02:00
parent ec3f4a51dc
commit 0f3eaff970
5 changed files with 457 additions and 487 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
app/(website)/services/resource-augmentation/page.tsx
View File

@ -22,15 +22,12 @@ import {
FaUsers, // For Teams/Resources
FaChartLine, // For Reporting/MI
FaLightbulb, // For Innovation/Solutions
FaPhone, // Contact
FaEnvelope, // Contact
FaTools, // General Capabilities
FaLayerGroup, // Frameworks (SAFe, etc.)
FaFileInvoiceDollar, // Cost/Pricing
FaBusinessTime, // Experience/Past Projects
} from "react-icons/fa";
import { COLORS } from "@/constants"; // Assuming COLORS constant is available
import ContactForm from "@/components/ContactForm"; // Assuming ContactForm is available
// SEO Metadata
export const metadata: Metadata = {
@ -98,7 +95,7 @@ interface ServiceModel {
const serviceModels: ServiceModel[] = [
{
icon: FaClock,
title: "Resource Augmentation Model (Time & Material)",
title: "Resource Augmentation Model",
description:
"Access skilled IT professionals on demand to supplement your existing team.",
details: [
@ -111,15 +108,14 @@ const serviceModels: ServiceModel[] = [
},
{
icon: FaTasks,
title: "Milestone-Based Model (Managed Service)",
title: "Milestone-Based Model",
description:
"OMS takes full responsibility for delivering specific IT project phases or entire projects.",
details: [
"Includes Project Planning & Management.",
"Covers End-to-end Process Design (Requirements, BPD, Arch, UX/UI).",
"Includes Data & MI Design (Architecture, Transformation, BI).",
"Comprehensive Testing & QA (Strategy, Implementation, Management).",
"OMS manages all deployed team members, deliverables, and velocity.",
"Covers End-to-end Process Design (Requirements, Business Process Design, Architecture, User Experience/User Interface, Data Architecture, Transformation, and Business Intelligence).",
"Change Management & Training ",
"Comprehensive Testing and Quality Assurance.",
],
pricingModel:
"Milestone-Based pricing, payable on delivery of key milestones.",
@ -553,7 +549,7 @@ export default function ResourceAugmentationPage() {
{model.title}
</h3>
</div>
<p className="text-gray-600 dark:text-gray-300 mb-4 text-sm flex-grow">
<p className="text-gray-600 dark:text-gray-300 mb-4 text-sm">
{model.description}
</p>
<ul className="space-y-2 mb-4">
@ -566,17 +562,19 @@ export default function ResourceAugmentationPage() {
</li>
))}
</ul>
{/* Add the sentence as a separate paragraph for the Milestone model */}
{model.title === "Milestone-Based Model" && (
<p className="text-sm text-gray-700 dark:text-gray-300 mb-4 italic">
OMS manages all deployed team members, deliverables, and
velocity.
</p>
)}
<p className="text-sm font-semibold text-gray-800 dark:text-gray-200 mt-auto pt-4 border-t border-gray-200 dark:border-gray-600">
{model.pricingModel}
</p>
</div>
))}
</div>
<p className="text-center text-md text-gray-700 dark:text-gray-300 mt-12 max-w-3xl mx-auto">
OMS operates using both <span className="font-semibold">AGILE</span>{" "}
and <span className="font-semibold">Waterfall</span> Frameworks,
depending on client preference and project suitability.
</p>
</div>
</section>
@ -704,8 +702,10 @@ export default function ResourceAugmentationPage() {
Financial Services & Compliance
</h4>
<p className="text-sm text-gray-600 dark:text-gray-300">
FIC/KYC Remediation (Data Architecture, MI), Core Banking
Systems, Lending/Credit Process Optimisation.
Expertise in FIC/KYC remediation, including data architecture
and management information design, as well as core banking
systems and end-to-end optimisation of lending and credit
processes.
</p>
</div>
<div className="bg-gray-50 dark:bg-gray-800 p-6 rounded-lg shadow-sm">
@ -717,8 +717,9 @@ export default function ResourceAugmentationPage() {
Customer Management & Onboarding
</h4>
<p className="text-sm text-gray-600 dark:text-gray-300">
Design, Testing, Requirements, Process Engineering, UX/UI for
customer-facing platforms.
Crafting seamless, data-driven onboarding experiences through
straight-through processing, enhanced customer journeys,
real-time insights, and a 360-degree customer view.
</p>
</div>
<div className="bg-gray-50 dark:bg-gray-800 p-6 rounded-lg shadow-sm">
@ -730,8 +731,10 @@ export default function ResourceAugmentationPage() {
Platform & Process Automation
</h4>
<p className="text-sm text-gray-600 dark:text-gray-300">
Straight-Through Processing (STP) on Banking Platforms, API
Integration, Salesforce implementations.
Specialising in Straight-Through Processing (STP) for banking
platforms, seamless API integration, and end-to-end Salesforce
implementations to drive efficiency and reduce manual
intervention.
</p>
</div>
</div>
@ -831,100 +834,6 @@ export default function ResourceAugmentationPage() {
</div>
</div>
</section>
{/* 11. Contact Information Section */}
<section className="py-16 md:py-24 bg-gray-100 dark:bg-gray-800">
<div className="container mx-auto px-6">
<div className="text-center mb-12">
<h2 className="text-3xl md:text-4xl font-bold font-poppins text-gray-900 dark:text-white mb-4">
Get in Touch
</h2>
<p className="text-md md:text-lg text-gray-700 dark:text-gray-300 max-w-3xl mx-auto">
We&apos;re ready to assist you. Reach out via phone, email, or use
the form below to start the conversation about your IT resource
needs.
</p>
</div>
<div className="max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8 items-start">
{/* Contact Details */}
<div className="space-y-6 bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md">
<h3 className="text-xl font-semibold font-poppins text-gray-900 dark:text-white mb-4">
Contact Information
</h3>
<div className="flex items-center space-x-4">
<FaPhone
className="w-6 h-6 flex-shrink-0"
style={{ color: COLORS.primary }}
/>
<div>
<h4 className="text-lg font-semibold font-poppins text-gray-800 dark:text-gray-100">
Phone
</h4>
{/* Using specific numbers from PDF */}
<a
href="tel:+27120513281"
className="block text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-gray-100 transition text-sm"
>
Zanele: (012) 051 3281
</a>
<a
href="tel:+27120513282"
className="block text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-gray-100 transition text-sm"
>
Lindiwe: (012) 051 3282
</a>
</div>
</div>
<div className="flex items-center space-x-4">
<FaEnvelope
className="w-6 h-6 flex-shrink-0"
style={{ color: COLORS.primary }}
/>
<div>
<h4 className="text-lg font-semibold font-poppins text-gray-800 dark:text-gray-100">
Email
</h4>
{/* Using specific emails from PDF */}
<a
href="mailto:Zanelem@oms.africa"
className="block text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-gray-100 transition text-sm"
>
Zanelem@oms.africa
</a>
<a
href="mailto:Lindiwes@oms.africa"
className="block text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-gray-100 transition text-sm"
>
Lindiwes@oms.africa
</a>
<a
href="mailto:admin@oms.africa"
className="block text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-gray-100 transition text-sm mt-1"
>
admin@oms.africa (General)
</a>
</div>
</div>
{/* Optional: Link to main contact page */}
<Link
href="/contact"
className="inline-flex items-center text-gold-600 dark:text-gold-400 hover:text-gold-700 dark:hover:text-gold-300 font-semibold transition-colors duration-300 mt-4"
style={{ color: COLORS.primary }}
>
Go to Full Contact Page <FaArrowRight className="ml-2" />
</Link>
</div>
{/* Contact Form */}
<div className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md">
<h3 className="text-xl font-semibold font-poppins text-gray-900 dark:text-white mb-4">
Send a Quick Inquiry
</h3>
<ContactForm /> {/* Reuse your existing contact form */}
</div>
</div>
</div>
</section>
</div>
);
}