feat: Initialize portfolio project with core pages, UI components, and configuration files.

components/magicui/animated-gradient-text.tsx

@@ -16,7 +16,7 @@ export function AnimatedGradientText({
     <motion.span
       className={cn(
         "bg-gradient-to-r from-cyan-400 via-blue-500 to-blue-600 bg-clip-text text-transparent font-bold",
-        className
+        className,
       )}
       animate={{
         backgroundPosition: ["0% 50%", "100% 50%", "0% 50%"],

components/magicui/aurora-text.tsx

@@ -13,7 +13,7 @@ export function AuroraText({ children, className }: AuroraTextProps) {
     <motion.span
       className={cn(
         "bg-gradient-to-r from-blue-400 via-cyan-500 to-blue-500 bg-clip-text text-transparent",
-        className
+        className,
       )}
       animate={{
         backgroundPosition: ["0% 50%", "100% 50%", "0% 50%"],

components/magicui/bento-grid.tsx

@@ -20,7 +20,7 @@ export function BentoGrid({ children, className }: BentoGridProps) {
     <div
       className={cn(
         "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 max-w-6xl mx-auto justify-center",
-        className
+        className,
       )}
     >
       {children}
@@ -39,7 +39,7 @@ export function BentoGridItem({
       className={cn(
         "relative overflow-hidden rounded-lg border border-white/20 bg-white/5 backdrop-blur-sm p-6",
         `col-span-${colSpan} row-span-${rowSpan}`,
-        className
+        className,
       )}
       initial={{ opacity: 0, y: 20 }}
       whileInView={{ opacity: 1, y: 0 }}

components/magicui/magic-card.tsx

@@ -13,7 +13,7 @@ export function MagicCard({ children, className }: MagicCardProps) {
     <motion.div
       className={cn(
         "relative overflow-hidden rounded-lg border border-white/20 bg-white/5 backdrop-blur-sm",
-        className
+        className,
       )}
       whileHover={{ scale: 1.02 }}
       transition={{ duration: 0.2 }}

components/magicui/shimmer-button.tsx

@@ -18,7 +18,7 @@ export function ShimmerButton({
     <motion.button
       className={cn(
         "relative overflow-hidden rounded-lg bg-gradient-to-r from-cyan-500 to-blue-600 px-6 py-3 font-semibold text-white shadow-lg",
-        className
+        className,
       )}
       whileHover={{ scale: 1.05 }}
       whileTap={{ scale: 0.95 }}

components/magicui/squares.tsx

@@ -165,7 +165,7 @@ const Particles: React.FC<ParticlesProps> = ({
       positions.set([x * r, y * r, z * r], i * 3);
       randoms.set(
         [Math.random(), Math.random(), Math.random(), Math.random()],
-        i * 4
+        i * 4,
       );
       const col = hexToRgb(palette[Math.floor(Math.random() * palette.length)]);
       colors.set(col, i * 3);