feat: build resume website with MagicUI components

- 6 sections: Hero, About, Experience, Skills, Projects, Contact
- MagicUI: Globe, Particles, Meteors, AnimatedList, IconCloud, BentoGrid
- Dark mode support, scroll-triggered animations
- Static export ready for deployment

components/section-wrapper.tsx

@@ -0,0 +1,21 @@
+"use client"
+
+import { BlurFade } from "@/components/ui/blur-fade"
+
+export function SectionWrapper({
+  children,
+  className,
+  id,
+}: {
+  children: React.ReactNode
+  className?: string
+  id?: string
+}) {
+  return (
+    <section id={id} className={className}>
+      <BlurFade delay={0.15} inView inViewMargin="-50px">
+        {children}
+      </BlurFade>
+    </section>
+  )
+}