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

OBSE page completed

Browse Source
This commit is contained in:
libertyoms
2025-04-27 16:57:53 +02:00
parent 9b0cf2a5f6
commit 77260b1f7a
4 changed files with 1766 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/(website)/vacancies/page.tsx
View File

@ -27,9 +27,6 @@ export const metadata: Metadata = {
};
*/
// Define gold color for consistency (if COLORS.primary is not '#e1c44a', adjust accordingly)
const goldColor = COLORS.primary || "#e1c44a"; // Use COLORS.primary or fallback
// --- VacancyCard Component (no changes needed here) ---
interface VacancyCardProps {
vacancy: Vacancy;
@ -57,7 +54,7 @@ function VacancyCard({ vacancy }: VacancyCardProps) {
>
<div
className="relative flex flex-col h-full overflow-hidden rounded-lg bg-white dark:bg-gray-800 p-6 shadow-md transition-shadow duration-300 hover:shadow-xl border-l-4 dark:border-l-yellow-500" // Card base style + left border + dark mode
style={{ borderColor: goldColor }} // Apply gold border color (consider dark mode alternative if needed)
style={{ borderColor: COLORS.primary }} // Apply gold border color (consider dark mode alternative if needed)
>
<div className="flex-grow">
<h3 className="mb-2 text-xl font-bold font-poppins text-gray-900 dark:text-gray-100 transition-colors group-hover:text-gray-700 dark:group-hover:text-gray-300">
@ -67,7 +64,7 @@ function VacancyCard({ vacancy }: VacancyCardProps) {
<span className="inline-flex items-center gap-2">
<FaMapMarkerAlt
className="h-4 w-4 flex-shrink-0"
style={{ color: goldColor }} // Keep gold or use dark:text-yellow-400
style={{ color: COLORS.primary }} // Keep gold or use dark:text-yellow-400
aria-hidden="true"
/>
<span>
@ -82,7 +79,7 @@ function VacancyCard({ vacancy }: VacancyCardProps) {
<span className="inline-flex items-center gap-2">
<FaBriefcase
className="h-4 w-4 flex-shrink-0"
style={{ color: goldColor }} // Keep gold or use dark:text-yellow-400
style={{ color: COLORS.primary }} // Keep gold or use dark:text-yellow-400
aria-hidden="true"
/>
{vacancy.employmentType}
@ -91,7 +88,7 @@ function VacancyCard({ vacancy }: VacancyCardProps) {
<span className="inline-flex items-center gap-2">
<FaRegClock
className="h-4 w-4 flex-shrink-0"
style={{ color: goldColor }} // Keep gold or use dark:text-yellow-400
style={{ color: COLORS.primary }} // Keep gold or use dark:text-yellow-400
aria-hidden="true"
/>
Posted: {postedDate}
@ -102,7 +99,7 @@ function VacancyCard({ vacancy }: VacancyCardProps) {
<div className="mt-auto pt-4 border-t border-gray-100 dark:border-gray-700">
<span
className="inline-flex items-center text-sm font-medium font-poppins"
style={{ color: goldColor }} // Keep gold or use dark:text-yellow-400
style={{ color: COLORS.primary }} // Keep gold or use dark:text-yellow-400
>
View Details
<FaArrowRight
@ -142,7 +139,7 @@ export default function VacanciesPage() {
<div className="container mx-auto px-6 text-center relative z-10">
<h1
className="text-4xl md:text-5xl lg:text-6xl font-bold mb-4 font-poppins drop-shadow-md"
style={{ color: goldColor }} // Keep gold or use dark:text-yellow-400
style={{ color: COLORS.primary }} // Keep gold or use dark:text-yellow-400
>
Career Opportunities
</h1>
@ -169,7 +166,7 @@ export default function VacanciesPage() {
<div className="mt-10 max-w-2xl mx-auto rounded-lg border border-dashed border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 p-10 text-center shadow-sm">
<FaSearch
className="mx-auto mb-5 h-12 w-12"
style={{ color: goldColor }} // Keep gold or use dark:text-yellow-400
style={{ color: COLORS.primary }} // Keep gold or use dark:text-yellow-400
/>
<h3 className="text-xl font-semibold text-gray-800 dark:text-gray-100 font-poppins mb-2">
No Open Vacancies Right Now
@ -187,7 +184,7 @@ export default function VacanciesPage() {
{/* Section 3: Future Positions / CV Submission */}
<section
className="py-16 md:py-24 text-gray-900 dark:text-gray-800" // Adjust text color for dark mode contrast on gold bg
style={{ backgroundColor: goldColor }} // Keep gold background
style={{ backgroundColor: COLORS.primary }} // Keep gold background
>
<div className="container mx-auto px-6 text-center">
<FaPaperPlane className="text-5xl mx-auto mb-5 text-gray-800 dark:text-gray-900" />{" "}