Add login button, UI tweaks

components/header.tsx

@@ -60,7 +60,14 @@ export function Header() {
           </div>
 
           {/* CTA Button */}
-          <div className="hidden md:block">
+          <div className="hidden md:flex items-center gap-8">
+            <Link
+              href="https://auth.cloudrite.co.nz"
+              className="relative text-sm font-medium text-muted-foreground hover:text-foreground transition-colors duration-300 group"
+            >
+              Login
+              <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary transition-all duration-300 group-hover:w-full" />
+            </Link>
             <Button
               asChild
               className="bg-primary text-primary-foreground hover:bg-primary/90 transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-primary/25"
@@ -115,7 +122,15 @@ export function Header() {
           ))}
           <Button
             asChild
-            className="w-full mt-4 bg-primary text-primary-foreground hover:bg-primary/90"
+            className="w-full mt-4 bg-secondary text-secondary-foreground hover:bg-secondary/90"
+          >
+            <Link href="https://auth.cloudrite.co.nz" onClick={() => setIsMobileMenuOpen(false)}>
+              Login
+            </Link>
+          </Button>
+          <Button
+            asChild
+            className="w-full bg-primary text-primary-foreground hover:bg-primary/90"
           >
             <Link href="#contact" onClick={() => setIsMobileMenuOpen(false)}>
               Get in Touch