From dde96c224e411aa25f9cd465c782f8bf6834583e Mon Sep 17 00:00:00 2001
From: Zhakhangir Anuarbek <zhaxa65@gmail.com>
Date: Mon, 4 Aug 2025 22:59:09 +0500
Subject: [PATCH] feat: add section IDs to Activities and Events components for
 improved navigation

---
 src/components/Activities.tsx |  2 +-
 src/components/Events.tsx     |  1 +
 src/components/Navbar.tsx     | 16 +++++++++++++---
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/Activities.tsx b/src/components/Activities.tsx
index aa3d448..f8517f3 100644
--- a/src/components/Activities.tsx
+++ b/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
diff --git a/src/components/Events.tsx b/src/components/Events.tsx
index b8fe387..6b1dae6 100644
--- a/src/components/Events.tsx
+++ b/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')`,
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index d320164..dcbb497 100644
--- a/src/components/Navbar.tsx
+++ b/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>