summaryrefslogtreecommitdiff
path: root/apps/web/src/components/ui/sponsor-button.tsx
diff options
context:
space:
mode:
authorSimon Orzel <simonorzel@gmail.com>2025-07-20 18:35:06 +0200
committerSimon Orzel <simonorzel@gmail.com>2025-07-20 18:35:06 +0200
commitb03287df8d6fa14153af264c6a3e3da5b2a06153 (patch)
tree100b2c2a729295419dce61655bca418e74195ec4 /apps/web/src/components/ui/sponsor-button.tsx
parent061624ab588afff18073ae62fbac425c1aa5cf3a (diff)
parentba3da43728bc051aa033dc7b45042b0f0f788e63 (diff)
downloadopencut-b03287df8d6fa14153af264c6a3e3da5b2a06153.tar.gz
Merge branch 'main' into feat/project-preview-images
Diffstat (limited to 'apps/web/src/components/ui/sponsor-button.tsx')
-rw-r--r--apps/web/src/components/ui/sponsor-button.tsx57
1 files changed, 29 insertions, 28 deletions
diff --git a/apps/web/src/components/ui/sponsor-button.tsx b/apps/web/src/components/ui/sponsor-button.tsx
index ffbd8a4f..79c708a2 100644
--- a/apps/web/src/components/ui/sponsor-button.tsx
+++ b/apps/web/src/components/ui/sponsor-button.tsx
@@ -2,38 +2,39 @@ import { motion } from "motion/react";
import { ComponentType } from "react";
interface SponsorButtonProps {
- href: string;
- logo: ComponentType<{ className?: string }>;
- companyName: string;
- className?: string;
+ href: string;
+ logo: ComponentType<{ className?: string }>;
+ companyName: string;
+ className?: string;
}
export function SponsorButton({
- href,
- logo: Logo,
- companyName,
- className = "",
+ href,
+ logo: Logo,
+ companyName,
+ className = "",
}: SponsorButtonProps) {
- return (
- <motion.a
- href={href}
- target="_blank"
- rel="noopener noreferrer"
- className={`inline-flex items-center gap-2 px-3 py-2 rounded-full border border-white/10 bg-white/5 backdrop-blur-sm hover:bg-white/10 hover:border-white/20 transition-all duration-200 group shadow-lg ${className}`}
- >
- <span className="text-xs font-medium text-zinc-400 group-hover:text-zinc-300 transition-colors">
- Sponsored by
- </span>
- <div className="flex items-center gap-1.5">
- <div className="text-zinc-100 group-hover:text-white transition-colors">
- <Logo className="w-4 h-4" />
- </div>
+ return (
+ <motion.a
+ href={href}
+ target="_blank"
+ rel="noopener noreferrer"
+ className={`inline-flex items-center gap-2 px-3 py-2 rounded-full border border-white/10 bg-white/5 backdrop-blur-sm hover:bg-white/10 hover:border-white/20 transition-all duration-200 group shadow-lg ${className}`}
+ >
+ <span className="text-xs font-medium text-zinc-400 group-hover:text-zinc-300 transition-colors">
+ Sponsored by
+ </span>
- <span className="text-xs font-medium text-zinc-100 group-hover:text-white transition-colors">
- {companyName}
- </span>
- </div>
- </motion.a>
- );
+ <div className="flex items-center gap-1.5">
+ <div className="text-zinc-100 group-hover:text-white transition-colors">
+ <Logo className="w-4 h-4" />
+ </div>
+
+ <span className="text-xs font-medium text-zinc-100 group-hover:text-white transition-colors">
+ {companyName}
+ </span>
+ </div>
+ </motion.a>
+ );
}