diff --git a/app/about/page.tsx b/app/about/page.tsx new file mode 100644 index 0000000..cb9adc6 --- /dev/null +++ b/app/about/page.tsx @@ -0,0 +1,55 @@ +import React, { useRef, useEffect, useState } from "react"; + +const MouseTrackingGlowEffect: React.FC = () => { + const [position, setPosition] = useState({ x: 0, y: 0 }); + const [isHovered, setIsHovered] = useState(false); + const containerRef = useRef(null); + + useEffect(() => { + const handleMouseMove = (event: MouseEvent) => { + setPosition({ x: event.clientX, y: event.clientY }); + }; + + const handleMouseEnter = () => { + setIsHovered(true); + }; + + const handleMouseLeave = () => { + setIsHovered(false); + }; + + const container = containerRef.current; + + if (container) { + container.addEventListener("mousemove", handleMouseMove); + container.addEventListener("mouseenter", handleMouseEnter); + container.addEventListener("mouseleave", handleMouseLeave); + } + + return () => { + if (container) { + container.removeEventListener("mousemove", handleMouseMove); + container.removeEventListener("mouseenter", handleMouseEnter); + container.removeEventListener("mouseleave", handleMouseLeave); + } + }; + }, []); + + return ( +
+
+
+ ); +}; + +export default MouseTrackingGlowEffect; diff --git a/app/layout.tsx b/app/layout.tsx index 4c103ff..c162abb 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,16 +1,16 @@ import "styles/tailwind.css" import "styles/custom.css" import Navbar from "components/Navbar/Navbar" +import Footer from "components/Footer/Footer" export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - - - + - - {children} + {children} +