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

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

4
components/Footer.tsx
View File

@ -183,7 +183,7 @@ const Footer = () => {
h-full
px-4
rounded-r-lg
bg-primary
bg-[linear-gradient(to_right,#e6cd4b,#fff8b3,#e0b843)]
text-primary-foreground
font-semibold
hover:bg-opacity-90
@ -244,4 +244,4 @@ const Footer = () => {
};
export default Footer;
//Data-Privacy-Statement-for-Candidates
//Data-Privacy-Statement-for-Candidates

6
components/HeaderClient.tsx
View File

@ -149,7 +149,7 @@ const HeaderClient = () => {
<ThemeToggle />
<Link
href="/contact"
className="flex items-center text-sm font-medium bg-primary text-primary-foreground px-3 py-1.5 rounded-lg hover:bg-opacity-90 transition-colors"
className="flex items-center text-sm font-medium bg-[linear-gradient(to_right,#e6cd4b,#fff8b3,#e0b843)] text-primary-foreground px-3 py-1.5 rounded-lg hover:bg-opacity-90 transition-colors"
title="Request a Demo"
>
<FiClipboard className="w-4 h-4 mr-1.5" />
@ -177,7 +177,7 @@ const HeaderClient = () => {
</div>
{/* Secondary Row w/ Mega Menus */}
<div className="bg-primary relative">
<div className="bg-[linear-gradient(to_right,#dec750,#f0de7e,#e1c44a)] relative">
<div className="container mx-auto px-4 sm:px-6 lg:px-8">
<div className="hidden md:flex justify-between items-center h-12">
{/* Wrap nav and link in a flex container */}
@ -447,7 +447,7 @@ const HeaderClient = () => {
<Link
href="/contact"
onClick={handleMobileLinkClick}
className="flex w-full justify-center items-center text-sm font-medium bg-primary text-primary-foreground px-4 py-2 rounded-lg hover:bg-opacity-90 transition-colors"
className="flex w-full justify-center items-center text-sm font-medium bg-[linear-gradient(to_right,#e6cd4b,#fff8b3,#e0b843)] text-primary-foreground px-4 py-2 rounded-lg hover:bg-opacity-90 transition-colors"
title="Request a Demo"
>
<FiClipboard className="w-4 h-4 mr-1.5" /> Request OBSE Demo

5
components/ui/Button.tsx
View File

@ -24,13 +24,16 @@ const Button: React.FC<ButtonProps> = ({
// Variant styles using semantic vars (Tailwind classes generated via @theme)
const variantStyles = {
primary: "bg-primary text-primary-foreground hover:bg-primary/90", // bg-primary generated from --primary
//primary: "bg-primary text-primary-foreground hover:bg-primary/90", // bg-primary generated from --primary
primary: "bg-[linear-gradient(to_right,#e6cd4b,#fff8b3,#e0b843)] text-primary-foreground hover:bg-primary/90",
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
outline:
"border border-border bg-transparent hover:bg-accent hover:text-accent-foreground",
ghost: "hover:bg-accent hover:text-accent-foreground",
destructive:
"bg-destructive text-destructive-foreground hover:bg-destructive/90",
//linear-gradient(to right, #ead566, #e0be45) created using Tailwind's gradient utilities
//i want that variant
};
const sizeStyles = {