feat: modernize sign-in and responsive refactor

src/components/ui/GlassCard.tsx

@@ -0,0 +1,28 @@
+import { cn } from "@/lib/utils";
+import React from "react";
+
+interface GlassCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+    hoverEffect?: boolean;
+}
+
+export const GlassCard = ({
+    children,
+    className,
+    hoverEffect = false,
+    ...props
+}: GlassCardProps) => {
+    return (
+        <div
+            className={cn(
+                "glass-card bg-white/40 border border-white/40 shadow-sm backdrop-blur-xl",
+                hoverEffect && "hover:bg-white/50 transition-all duration-300 hover:scale-[1.02]",
+                className
+            )}
+            {...props}
+        >
+            {children}
+        </div>
+    );
+};