feat: implement floating navbar with aurora background and updated header styling

src/components/AnimatedSection.tsx

@@ -1,12 +1,13 @@
 import { useRef } from 'react'
 import { motion, useInView } from 'framer-motion'
 
-export function AnimatedSection({ children }: { children: React.ReactNode }) {
+export function AnimatedSection({ children, id }: { children: React.ReactNode; id?: string }) {
   const ref = useRef(null)
   const isInView = useInView(ref, { once: true, margin: '-20% 0px -20% 0px' })
 
   return (
     <motion.section
+      id={id}
       ref={ref}
       initial={{ opacity: 0, y: 50 }}
       animate={{