feat: add section IDs to Activities and Events components for improved navigation

src/components/Activities.tsx

@@ -86,7 +86,7 @@ function Activities() {
   };
 
   return (
-    <div className="bg-[#F4F4F4] relative pt-12 pb-16 sm:pt-16 sm:pb-24 lg:pt-20 lg:pb-32">
+    <div id="activities" className="bg-[#F4F4F4] relative pt-12 pb-16 sm:pt-16 sm:pb-24 lg:pt-20 lg:pb-32">
       <div className="container mx-auto px-4">
         <div className="flex space-y-6 flex-row sm:justify-between sm:items-center sm:space-y-0">
           <h1

src/components/Events.tsx

@@ -63,6 +63,7 @@ function EventCard(props: EventCardProps) {
 function Events() {
   return (
     <div
+      id="events"
       className="bg-[#161616] relative pt-32 md:pt-64 pb-16 md:pb-32"
       style={{
         backgroundImage: `url('/images/noise.svg')`,

src/components/Navbar.tsx

@@ -10,6 +10,16 @@ function Navbar() {
     setIsMenuOpen(!isMenuOpen);
   };
 
+  // const scrollToElement = useCallback((elementId: string) => {
+  //   const element = document.getElementById(elementId);
+  //   if (element) {
+  //     element.scrollIntoView({
+  //       behavior: "smooth",
+  //       block: "start",
+  //     });
+  //   }
+  // }, []);
+
   return (
     <nav className="absolute top-0 left-0 w-full bg-[#0D0D0D] text-white px-2 z-50">
       <div className="container min-h-20 mx-auto flex justify-between items-center">
@@ -22,7 +32,7 @@ function Navbar() {
         {/* Desktop Navigation */}
         <ul className="hidden lg:flex space-x-20 uppercase text-base">
           <li>
-            <Link href="/" className="hover:underline">
+            <Link href="#info" className="hover:underline">
               О фестивале
             </Link>
           </li>
@@ -32,12 +42,12 @@ function Navbar() {
             </Link>
           </li> */}
           <li>
-            <Link href="/events" className="hover:underline">
+            <Link href="#events" className="hover:underline">
               соревнования
             </Link>
           </li>
           <li>
-            <Link href="/contact" className="hover:underline">
+            <Link href="#activities" className="hover:underline">
               Активности
             </Link>
           </li>