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

23-05-2025/New Changes

Browse Source
This commit is contained in:
JohannesOmsDev
2025-05-23 14:45:53 +02:00
parent 0f3eaff970
commit d2281b9648
5 changed files with 72 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/(website)/_components/CoreServicesSection.tsx
View File

@ -61,9 +61,9 @@ export const defaultCoreServices: ServiceItem[] = [
}, },
{ {
icon: FaProjectDiagram, icon: FaProjectDiagram,
title: "Project Management", title: "IT Implementation",
description: description:
"Expert management ensuring on-time, within-budget delivery with superior results, risk mitigation, and maximum efficiency.", "Empowering your business through seamless IT rollouts—delivered on time and on budget. We turn complex systems into powerful solutions that drive transformation, reduce risk, and unlock real results. ",
}, },
{ {
icon: FaCode, icon: FaCode,

17
app/(website)/about/page.tsx
View File

@ -125,7 +125,8 @@ const industryExpertise = [
{ {
icon: FaBriefcase, icon: FaBriefcase,
industry: "Retail/E-commerce", industry: "Retail/E-commerce",
details: "Describe experience in this sector.", details:
"Experience in building scalable e-commerce platforms, optimizing digital customer journeys, enabling secure payment integrations, and leveraging data analytics to drive personalized shopping experiences and operational efficiency.",
}, },
]; ];
@ -241,7 +242,7 @@ export default function AboutUsPage() {
style={{ color: "#e1c44a" }} style={{ color: "#e1c44a" }}
/> />
<h3 className="text-2xl font-bold mb-4 font-poppins text-gray-900 dark:text-white"> <h3 className="text-2xl font-bold mb-4 font-poppins text-gray-900 dark:text-white">
Our Mission Our Purpose
</h3> </h3>
<p className="text-gray-700 dark:text-gray-300 leading-relaxed font-poppins flex-grow"> <p className="text-gray-700 dark:text-gray-300 leading-relaxed font-poppins flex-grow">
&quot;Our purpose is to help our clients drive transformative &quot;Our purpose is to help our clients drive transformative
@ -299,10 +300,9 @@ export default function AboutUsPage() {
Deep Domain Knowledge Deep Domain Knowledge
</h2> </h2>
<p className="text-md md:text-lg text-gray-700 dark:text-gray-300 leading-relaxed font-poppins"> <p className="text-md md:text-lg text-gray-700 dark:text-gray-300 leading-relaxed font-poppins">
Retail/E-commerce: Experience in building scalable e-commerce We combine broad technological capabilities with specialized
platforms, optimizing digital customer journeys, enabling secure expertise across key industries, understanding the unique
payment integrations, and leveraging data analytics to drive challenges and opportunities within each sector.
personalized shopping experiences and operational efficiency.
</p> </p>
</div> </div>
<div className="lg:col-span-2 grid grid-cols-1 md:grid-cols-2 gap-6"> <div className="lg:col-span-2 grid grid-cols-1 md:grid-cols-2 gap-6">
@ -324,6 +324,7 @@ export default function AboutUsPage() {
</div> </div>
</div> </div>
</section> </section>
{/* Section 6: Technology Philosophy */} {/* Section 6: Technology Philosophy */}
<section className="py-16 md:py-24 bg-gray-800 text-white"> <section className="py-16 md:py-24 bg-gray-800 text-white">
<div className="container mx-auto px-6 text-center"> <div className="container mx-auto px-6 text-center">
@ -378,6 +379,8 @@ export default function AboutUsPage() {
</div> </div>
</div> </div>
</section> </section>
{/* Section 7: Core Values (Reusing previous structure, adjusting background) */} {/* Section 7: Core Values (Reusing previous structure, adjusting background) */}
<section className="py-16 md:py-24 bg-gray-100 dark:bg-gray-800"> <section className="py-16 md:py-24 bg-gray-100 dark:bg-gray-800">
<div className="container mx-auto px-6"> <div className="container mx-auto px-6">
@ -405,6 +408,8 @@ export default function AboutUsPage() {
</div> </div>
</div> </div>
</section> </section>
{/* Section 8: The OMS Partnership */} {/* Section 8: The OMS Partnership */}
<section className="py-16 md:py-24 bg-white dark:bg-gray-900"> <section className="py-16 md:py-24 bg-white dark:bg-gray-900">
<div className="container mx-auto px-6"> <div className="container mx-auto px-6">

4
app/(website)/obse/page.tsx
View File

@ -324,7 +324,9 @@ export default function ObsePage() {
className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md text-center transform transition duration-300 hover:-translate-y-1 hover:shadow-lg" className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md text-center transform transition duration-300 hover:-translate-y-1 hover:shadow-lg"
> >
<item.icon <item.icon
className="text-4xl text-red-500 dark:text-red-400 mx-auto mb-4" // Using red to signify pain points className="text-4xl 0 mx-auto mb-4"
style={{ color: "#e1c44a" }} // Using red to signify pain points
//text-red-500 dark:text-red-40
/> />
<h4 className="text-xl font-semibold mb-2 font-poppins dark:text-white"> <h4 className="text-xl font-semibold mb-2 font-poppins dark:text-white">
{item.title} {item.title}

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

@ -422,28 +422,29 @@ export default function ResourceAugmentationPage() {
businesses today. businesses today.
</p> </p>
</div> </div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8 items-stretch">
{[ {[
{ {
icon: FaPuzzlePiece, icon: FaPuzzlePiece,
title: "Skill Gaps", title: "Access Specialised Expertise",
desc: "Struggling to find specialized IT talent for specific project needs or new technologies.", desc: "Get experienced professionals in software development, business analysis, cybersecurity, cloud computing, data science, and more — bringing the right skills to your project, exactly when you need them.",
}, },
{ {
icon: FaChartLine, icon: FaChartLine,
title: "Fluctuating Demand", title: "Flexibility & Scalability",
desc: "Need to scale development or testing teams quickly for peak periods without long-term overhead.", desc: "Easily scale your team in response to changing project needs — expanding or reducing resources without long-term obligations, while maintaining agility and control.",
}, },
{ {
icon: FaClock, icon: FaClock,
title: "Project Delays", title: "Faster Onboarding & Deployment",
desc: "Lack of internal resources causing bottlenecks and delaying critical project timelines.", desc: "Our experts are project-ready, helping you accelerate delivery timelines and reduce the overhead typically associated with recruitment and training.",
}, },
{ {
icon: FaFileInvoiceDollar, icon: FaFileInvoiceDollar,
title: "Cost Control", title: "Cost-Effective Hiring",
desc: "Wanting to manage IT personnel costs effectively, avoiding expensive recruitment and full-time hires.", desc: "Maximize impact, minimize overhead — allowing you to scale your team according to project needs while managing costs efficiently and without compromising on quality. .",
}, },
/*
{ {
icon: FaBriefcase, icon: FaBriefcase,
title: "Focus on Core Business", title: "Focus on Core Business",
@ -453,14 +454,16 @@ export default function ResourceAugmentationPage() {
icon: FaSyncAlt, icon: FaSyncAlt,
title: "Need for Flexibility", title: "Need for Flexibility",
desc: "Requiring adaptable staffing solutions that can change as project requirements evolve.", desc: "Requiring adaptable staffing solutions that can change as project requirements evolve.",
}, },*/
].map((item) => ( ].map((item) => (
<div <div
key={item.title} key={item.title}
className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md text-center transform transition duration-300 hover:-translate-y-1 hover:shadow-lg" className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md text-center transform transition duration-300 hover:-translate-y-1 hover:shadow-lgflex flex-col h-full"
> >
<item.icon <item.icon
className="text-4xl text-red-500 dark:text-red-400 mx-auto mb-4" // Using red to signify challenges/needs className="text-4xl mx-auto mb-4"
// Using red to signify challenges/needs
style={{ color: COLORS.primary }} // Use gold color
/> />
<h4 className="text-xl font-semibold mb-2 font-poppins dark:text-white"> <h4 className="text-xl font-semibold mb-2 font-poppins dark:text-white">
{item.title} {item.title}
@ -639,45 +642,46 @@ export default function ResourceAugmentationPage() {
</section> </section>
{/* 6. Benefits of Partnering with OMS Section */} {/* 6. Benefits of Partnering with OMS Section */}
<section className="py-16 md:py-24 bg-gray-50 dark:bg-gray-800"> {/* Benefits of Resource Augmentation
<div className="container mx-auto px-6"> <section className="py-16 md:py-24 bg-gray-50 dark:bg-gray-800">
<div className="text-center mb-12 md:mb-16"> <div className="container mx-auto px-6">
<FaRegHandshake <div className="text-center mb-12 md:mb-16">
className="text-5xl mx-auto mb-4" <FaRegHandshake
style={{ color: COLORS.primary }} className="text-5xl mx-auto mb-4"
/> style={{ color: COLORS.primary }}
<h2 className="text-3xl md:text-4xl font-bold font-poppins text-gray-900 dark:text-white mb-4"> />
Why Choose OMS for Resource Augmentation? <h2 className="text-3xl md:text-4xl font-bold font-poppins text-gray-900 dark:text-white mb-4">
</h2> Why Choose OMS for Resource Augmentation?
<p className="text-md md:text-lg text-gray-700 dark:text-gray-300 max-w-3xl mx-auto"> </h2>
Leverage our expertise and flexible models to gain a competitive <p className="text-md md:text-lg text-gray-700 dark:text-gray-300 max-w-3xl mx-auto">
advantage. Leverage our expertise and flexible models to gain a competitive
</p> advantage.
</div> </p>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8"> </div>
{augmentationBenefits.map((benefit) => ( <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
<div {augmentationBenefits.map((benefit) => (
key={benefit.title} <div
className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md text-center transform transition duration-300 hover:-translate-y-1 hover:shadow-lg" key={benefit.title}
> className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md text-center transform transition duration-300 hover:-translate-y-1 hover:shadow-lg"
<benefit.icon >
className="text-4xl mx-auto mb-4" <benefit.icon
style={{ color: COLORS.primary }} className="text-4xl mx-auto mb-4"
/> style={{ color: COLORS.primary }}
<h4 className="text-lg font-semibold mb-2 font-poppins dark:text-white"> />
{benefit.title} <h4 className="text-lg font-semibold mb-2 font-poppins dark:text-white">
</h4> {benefit.title}
<p className="text-gray-600 dark:text-gray-300 text-sm leading-relaxed"> </h4>
{benefit.description} <p className="text-gray-600 dark:text-gray-300 text-sm leading-relaxed">
</p> {benefit.description}
</div> </p>
))} </div>
</div> ))}
</div> </div>
</section> </div>
</section>
*/}
{/* 7. Proven Experience / Past Projects (High Level) */} {/* 7. Proven Experience / Past Projects (High Level) */}
<section className="py-16 md:py-24 bg-white dark:bg-gray-900"> <section className="py-16 md:py-24 bg-gradient-to-br from-gray-100 to-gray-200 dark:from-gray-800 dark:to-gray-700">
<div className="container mx-auto px-6"> <div className="container mx-auto px-6">
<div className="text-center mb-12 md:mb-16"> <div className="text-center mb-12 md:mb-16">
<FaBusinessTime <FaBusinessTime

2
components/HeaderClient.tsx
View File

@ -233,6 +233,7 @@ const HeaderClient = () => {
</p> </p>
</div> </div>
</Link> </Link>
{/* Add more service links here
<Link <Link
href="/services/project-management" href="/services/project-management"
className={`${megaMenuItemClasses} ${ className={`${megaMenuItemClasses} ${
@ -248,6 +249,7 @@ const HeaderClient = () => {
</p> </p>
</div> </div>
</Link> </Link>
*/}
<Link <Link
href="/services/product-development" href="/services/product-development"
className={`${megaMenuItemClasses} ${ className={`${megaMenuItemClasses} ${