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

shwo active page

Browse Source
This commit is contained in:
libertyoms
2025-05-18 09:39:57 +02:00
parent e2347ecc87
commit ec3f4a51dc
3 changed files with 282 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
components/Footer.tsx
View File

@ -157,20 +157,44 @@ const Footer = () => {
</p>
<form className="flex flex-col sm:flex-row gap-2">
{/* Input needs dark background styles */}
<input
type="email"
placeholder="Enter your email"
aria-label="Email for newsletter"
// Use dark variable for input bg/border, bright for text
className="flex-grow px-4 py-2 rounded-lg bg-[var(--dark-input)] border border-[var(--dark-border)] text-[var(--dark-foreground)] placeholder:text-[var(--dark-muted-foreground)] focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-[var(--oms-black)]" // Ring offset needs dark bg
/>
{/* Keep button styling primary */}
<button
type="submit"
className="bg-primary text-primary-foreground px-4 py-2 rounded-lg font-semibold hover:bg-opacity-90 transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-[var(--oms-black)]" // Ring offset needs dark bg
>
Subscribe
</button>
<div className="relative">
<input
type="email"
placeholder="Enter your email"
aria-label="Email for newsletter"
className="
w-full
pr-24
px-4 py-2
rounded-lg
bg-[var(--dark-input)]
border border-[var(--dark-border)]
text-[var(--dark-foreground)]
placeholder:text-[var(--dark-muted-foreground)]
focus:outline-none focus:ring-2 focus:ring-ring
focus:ring-offset-2 focus:ring-offset-[var(--oms-black)]
"
/>
<button
type="submit"
className="
absolute top-0 right-0
h-full
px-4
rounded-r-lg
bg-primary
text-primary-foreground
font-semibold
hover:bg-opacity-90
transition-colors
focus:outline-none focus:ring-2 focus:ring-ring
focus:ring-offset-2 focus:ring-offset-[var(--oms-black)]
"
>
Subscribe
</button>
</div>
</form>
{/* Badges - Use a subtle dark bg */}
<div className="mt-6 space-x-2 sm:space-x-4">