anjam shod

components/ui/border-beam.tsx

@@ -56,8 +56,8 @@ export const BorderBeam = ({
   size = 50,
   delay = 0,
   duration = 6,
-  colorFrom = "#ffaa40",
-  colorTo = "#9c40ff",
+  colorFrom = "#FCC61D",
+  colorTo = "#0046FF",
   transition,
   style,
   reverse = false,

components/ui/button.tsx

@@ -9,16 +9,16 @@ const buttonVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-accent hover:text-foreground transition-colors",
+        default: "bg-primary text-primary-foreground hover:bg-accent hover:text-foreground dark:hover:bg-[#FCC61D] dark:hover:text-foreground transition-colors",
         destructive:
           "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
         outline:
-          "border bg-background shadow-xs hover:bg-accent hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-accent/20 transition-colors",
+          "border bg-background shadow-xs hover:bg-accent hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-[#FCC61D] dark:hover:text-foreground transition-colors",
         secondary:
-          "bg-secondary text-secondary-foreground hover:bg-accent hover:text-foreground transition-colors",
+          "bg-secondary text-secondary-foreground hover:bg-accent hover:text-foreground dark:hover:bg-[#FCC61D] dark:hover:text-foreground transition-colors",
         ghost:
-          "hover:bg-accent hover:text-foreground dark:hover:bg-accent/50 transition-colors",
-        link: "text-primary underline-offset-4 hover:text-accent hover:underline transition-colors",
+          "hover:bg-accent hover:text-foreground dark:hover:bg-[#FCC61D] dark:hover:text-foreground transition-colors",
+        link: "text-primary underline-offset-4 hover:text-accent hover:underline dark:hover:text-[#FCC61D] transition-colors",
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",

components/ui/card.tsx

@@ -7,7 +7,7 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
     <div
       data-slot="card"
       className={cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm transition-all duration-300 hover:shadow-md hover:border-border/80",
         className
       )}
       {...props}

components/ui/logo-item.tsx

@@ -0,0 +1,31 @@
+import { Icon } from "@iconify/react";
+import { cn } from "@/lib/utils";
+
+interface LogoItemProps {
+  icon: string;
+  alt: string;
+  size?: "sm" | "md" | "lg";
+  className?: string;
+}
+
+const sizeMap = {
+  sm: "h-8",
+  md: "h-10",
+  lg: "h-12",
+};
+
+export function LogoItem({ icon, alt, size = "md", className }: LogoItemProps) {
+  return (
+    <div className={cn("flex", className)}>
+      <Icon
+        icon={icon}
+        className={cn(
+          "mx-auto w-fit dark:invert",
+          sizeMap[size]
+        )}
+        aria-label={alt}
+      />
+    </div>
+  );
+}
+

components/ui/tailark/border-beam.tsx

@@ -51,8 +51,8 @@ export const BorderBeam = ({
   size = 50,
   delay = 0,
   duration = 6,
-  colorFrom = "#ffaa40",
-  colorTo = "#9c40ff",
+  colorFrom = "#FCC61D",
+  colorTo = "#0046FF",
   transition,
   style,
   reverse = false,