Merge pull request #26 from OwethuManagedServices/dev

Dev

app/(website)/_components/ClientLogosSection.tsx

@@ -22,7 +22,7 @@ const ClientLogosSection: React.FC<ClientLogosSectionProps> = ({
   title,
   description,
   clients = [], // Default to empty array
-  speed = 50, //Default speed in seconds for one full cycle
+  speed = 80, //Default speed in seconds for one full cycle
   squareSize = 120, // Default size for the square container (e.g., 120px)
 }) => {
   // Need at least one client to render the marquee

components/Footer.tsx

@@ -157,40 +157,39 @@ const Footer = () => {
             </p>
             <form className="flex flex-col sm:flex-row gap-2">
               {/* Input needs dark background styles */}
-              <div className="relative">
+              <div className="relative max-w-md mx-auto w-full">
                 <input
                   type="email"
                   placeholder="Enter your email"
                   aria-label="Email for newsletter"
                   className="
-          w-full
+      w-full
-          pr-24           
+      pr-24
-          
+      px-4 py-2
-          px-4 py-2
+      rounded-lg
-          rounded-lg
+      bg-[var(--dark-input)]
-          bg-[var(--dark-input)]
+      border border-[var(--dark-border)]
-          border border-[var(--dark-border)]
+      text-[var(--dark-foreground)]
-          text-[var(--dark-foreground)]
+      placeholder:text-[var(--dark-muted-foreground)]
-          placeholder:text-[var(--dark-muted-foreground)]
+      focus:outline-none focus:ring-2 focus:ring-ring
-          focus:outline-none focus:ring-2 focus:ring-ring
+      focus:ring-offset-2 focus:ring-offset-[var(--oms-black)]
-          focus:ring-offset-2 focus:ring-offset-[var(--oms-black)]
+    "
-        "
                 />
                 <button
                   type="submit"
                   className="
-          absolute top-0 right-0
+      absolute top-0 right-0
-          h-full
+      h-full
-          px-4
+      px-4
-          rounded-r-lg  
+      rounded-r-lg  
-          bg-[linear-gradient(to_right,#e6cd4b,#fff8b3,#e0b843)] 
+      bg-[linear-gradient(to_right,#e6cd4b,#fff8b3,#e0b843)] 
-          text-primary-foreground
+      text-primary-foreground
-          font-semibold
+      font-semibold
-          hover:bg-opacity-90
+      hover:bg-opacity-90
-          transition-colors
+      transition-colors
-          focus:outline-none focus:ring-2 focus:ring-ring
+      focus:outline-none focus:ring-2 focus:ring-ring
-          focus:ring-offset-2 focus:ring-offset-[var(--oms-black)]
+      focus:ring-offset-2 focus:ring-offset-[var(--oms-black)]
-        "
+    "
                 >
                   Subscribe
                 </button>