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

new colors and some minor fixes

Browse Source
This commit is contained in:
JohannesOmsDev
2025-05-27 02:56:04 +02:00
parent 735f98f564
commit 860a895e45
8 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -230,6 +230,7 @@ const useCases = [
];
export default function ObsePage() {
return (
<div className="bg-white text-gray-800 overflow-x-hidden dark:bg-gray-900 dark:text-gray-200 font-poppins">
{/* 1. Hero Section */}
@ -255,12 +256,14 @@ export default function ObsePage() {
<div className="flex flex-col sm:flex-row justify-center items-center gap-4">
<Link
href="https://youtu.be/Sd3TnvoLtDA?si=UOeXScbosM5LZxbg" // Link to the "How it Works" section
className="inline-flex items-center justify-center bg-gold-500 text-gray-900 font-bold py-3 px-8 rounded-md hover:bg-gold-600 transition-colors duration-300"
className="inline-flex items-center justify-center bg-[linear-gradient(to_right,#e6cd4b,#fff8b3,#e0b843)] text-gray-900 font-bold py-3 px-8 rounded-md hover:bg-gold-600 transition-colors duration-300"
style={{ backgroundColor: COLORS.primary }}
>
<FaPlayCircle className="inline mr-2 text-red-400" /> See How It
Works
</Link>
{/* Optional Mini-CTA */}
{/* <Link href="#overview-video" className="inline-flex items-center text-gold-400 hover:text-gold-300 transition-colors duration-300">
<FaPlayCircle className="mr-2" /> Watch a Quick Overview
@ -718,7 +721,7 @@ export default function ObsePage() {
{/* 12. Call to Action (CTA) Section */}
<section
className="py-16 md:py-24 bg-gold-500 text-gray-900"
className="py-16 md:py-24 bg-[linear-gradient(to_right,#ead566,#e0be45)] text-gray-900"
style={{ backgroundColor: COLORS.primary }}
>
<div className="container mx-auto px-6 text-center">