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

updated other pages

Browse Source
This commit is contained in:
libertyoms
2025-05-01 11:48:37 +02:00
parent 41d2db9383
commit 4119a2d3ef
19 changed files with 469 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,32 +16,32 @@ import {
FaProjectDiagram,
} from "react-icons/fa";
const leadershipTeam = [
{
id: 1,
name: "Michael Shapiro",
title: "Managing Director",
imageUrl: "/images/profile1.jpg",
bio: "A seasoned leader and innovator with over 25 years of experience, driving strategic growth and fostering a culture of excellence within OMS.",
linkedinUrl: "#",
},
{
id: 2,
name: "Gareth Corbishley",
title: "Director",
imageUrl: "/images/profile2.jpg",
bio: "Expert in operational efficiency and technological implementation, ensuring seamless project delivery and client satisfaction.",
linkedinUrl: "#",
},
{
id: 3,
name: "Darryl Govender",
title: "Director",
imageUrl: "/images/profile3.jpg",
bio: "Specializes in aligning cutting-edge technology solutions with complex business needs to unlock transformative results.",
linkedinUrl: "#",
},
];
// const leadershipTeam = [
// {
// id: 1,
// name: "Michael Shapiro",
// title: "Managing Director",
// imageUrl: "/images/profile1.jpg",
// bio: "A seasoned leader and innovator with over 25 years of experience, driving strategic growth and fostering a culture of excellence within OMS.",
// linkedinUrl: "#",
// },
// {
// id: 2,
// name: "Gareth Corbishley",
// title: "Director",
// imageUrl: "/images/profile2.jpg",
// bio: "Expert in operational efficiency and technological implementation, ensuring seamless project delivery and client satisfaction.",
// linkedinUrl: "#",
// },
// {
// id: 3,
// name: "Darryl Govender",
// title: "Director",
// imageUrl: "/images/profile3.jpg",
// bio: "Specializes in aligning cutting-edge technology solutions with complex business needs to unlock transformative results.",
// linkedinUrl: "#",
// },
// ];
const coreValues = [
{
@ -187,7 +187,7 @@ export default function AboutUsPage() {
<div className="relative h-64 md:h-80 rounded-lg overflow-hidden shadow-lg">
{/* Replace with a relevant, high-quality image representing innovation or teamwork */}
<Image
src="/images/team-collaborative.png"
src="/images/team.svg"
alt="Team collaborating on innovative solutions"
layout="fill"
objectFit="cover"
@ -412,7 +412,7 @@ export default function AboutUsPage() {
<div className="relative h-64 md:h-80 rounded-lg overflow-hidden shadow-lg order-last md:order-first">
{/* Replace with an image representing partnership or client collaboration */}
<Image
src="/images/partners.jpg"
src="/images/meeting.svg"
alt="Client partnership and collaboration"
layout="fill"
objectFit="cover"
@ -443,7 +443,7 @@ export default function AboutUsPage() {
</div>
</div>
</section>
{/* Section 9: Our Leadership Team */}
{/* Section 9: Our Leadership Team
<section className="py-16 md:py-24 bg-gray-50 dark:bg-gray-800">
<div className="container mx-auto px-6">
<div className="text-center mb-14">
@ -459,15 +459,12 @@ export default function AboutUsPage() {
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 md:gap-10 justify-center">
{/* Added justify-center */}
{leadershipTeam.map((member) => (
<div
key={member.id}
className="bg-white dark:bg-gray-700 rounded-lg shadow-lg overflow-hidden text-center transition-transform duration-300 hover:scale-105 max-w-sm mx-auto dark:hover:shadow-gold-500/20"
>
{/* Added max-width and mx-auto for centering if fewer than 3 items */}
<div className="relative h-60 w-full">
{/* Slightly taller image */}
<Image
src={member.imageUrl || "/images/profile1.jpg"}
alt={`Photo of ${member.name}`}
@ -497,7 +494,6 @@ export default function AboutUsPage() {
className="text-sm font-medium text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors duration-200 font-poppins"
aria-label={`LinkedIn profile of ${member.name}`}
>
{/* Using a simple text link for cleanliness */}
Connect on LinkedIn
</a>
)}
@ -505,9 +501,9 @@ export default function AboutUsPage() {
</div>
))}
</div>
{/* Button removed as requested */}
</div>
</section>
*/}
{/* Section 10: Commitment to Impact (Optional, but adds value) */}
<section
className="py-16 md:py-24 bg-gold-500 text-gray-900 dark:bg-gold-600 dark:text-gray-900"