fae5636f6b
- Complete visual overhaul with cyberpunk/terminal aesthetic - Dark theme with matrix green (#00ff41), cyan, magenta accents - Terminal-styled sections with command prompts - Sharp angular design (removed all rounded corners) - Added glowing borders, scanline effects, animations - New SVG favicon with terminal prompt icon - Added framer-motion page transitions for smooth theme switching - "Enter my zen world" section for calm pastel pages - Updated metadata/SEO for security researcher branding - Social links: GitHub, LinkedIn, X, Email Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
26 lines
606 B
TypeScript
26 lines
606 B
TypeScript
"use client";
|
|
|
|
import { motion } from "framer-motion";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
export default function Template({ children }: { children: React.ReactNode }) {
|
|
const pathname = usePathname();
|
|
const isHackerTheme = pathname === "/";
|
|
|
|
return (
|
|
<motion.div
|
|
key={pathname}
|
|
initial={{ opacity: 0, y: 8 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
exit={{ opacity: 0, y: -8 }}
|
|
transition={{
|
|
duration: 0.35,
|
|
ease: [0.22, 1, 0.36, 1],
|
|
}}
|
|
className={isHackerTheme ? "bg-[#0a0a0a]" : ""}
|
|
>
|
|
{children}
|
|
</motion.div>
|
|
);
|
|
}
|