diff options
| -rw-r--r-- | app/page.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/app/page.tsx b/app/page.tsx index d14ccd3..b480509 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -9,10 +9,10 @@ import Parallax from "react-next-parallax"; export default function Home() { return ( - <div className={cn("h-screen w-full top-0 left-0 overflow-hidden fixed -z-6 animate-ZoomInFast")}> - <section className={cn("top-0 left-0 m-0 p-0 w-full h-full bg-center bg-no-repeat bg-cover text-foreground dark:text-dforground bg-background dark:bg-dbackground")}> - <Parallax fullPageListening spotGlareEnable={false} lineGlareEnable={false} className={cn("tilt relative top-[15%] left-[10%] h-[70%] w-[80%] bg-transparent flex justify-center items-center z-[999] overflow-visible animate-zoomIn")}> - <div className={cn("relative w-full h-full border border-white rounded-[1em] flex justify-center items-center text-center z-[11] shadow-[0_0_100px_rgba(5,1,13,0.4)]")}> + <div className={cn("h-screen w-full top-0 left-0 overflow-hidden fixed -z-6")}> + <section className={cn("top-0 left-0 m-0 p-0 w-full h-full bg-center bg-no-repeat bg-cover text-foreground bg-background")}> + <Parallax fullPageListening spotGlareEnable={false} lineGlareEnable={false} className={cn("tilt relative top-[15%] left-[10%] h-[70%] w-[80%] bg-transparent flex justify-center items-center z-[999] overflow-visible")}> + <div className={cn("relative w-full h-full border border-white rounded-[1em] flex justify-center items-center text-center z-[11] shadow-[0_0_100px_rgba(5,1,13,0.4)] motion-safe:animate-ZoomInFast")}> <div className="relative w-full text-center"> <h2 className="font-inter text-[2.5vw] " data-parallax-offset="-5">Hello! I'm</h2> <div className={cn("font-monoton uppercase text-[7vw] transition-all text-shadow-[15px_15px_15px_black]")}> |