feat: add auto scroll to section

Author: iz-120

src/features/home/pages/home-page.tsx

@@ -102,8 +102,11 @@ export function HomePage() {
           </div>
         </motion.section>
 
-        <section className="flex h-screen flex-col items-center justify-center">
-          <h1 className="mb-10 text-6xl font-semibold">How Knowly Works</h1>
+        <section
+          id="how-knowly-works"
+          className="flex h-screen flex-col items-center justify-center"
+        >
+          <h1 className="text-6xl font-semibold">How Knowly Works</h1>
           <div className="flex w-full max-w-6xl justify-between gap-8">
             {/* Parte da Esquerda */}
             <div className="flex flex-col items-center">

src/shared/components/navbar.tsx

@@ -21,7 +21,7 @@ export function Navbar() {
           <p className="text-lg">Knowly</p>
         </div>
         <div className="flex items-center gap-8">
-          <a href="">Our product</a>
+          <a href="#how-knowly-works">Our product</a>
           <a href="">About us</a>
           <a href="">Pricing</a>
           <a href="">FAQ</a>

src/shared/styles/global.css

@@ -22,3 +22,7 @@
   --color-blue-80: #8048a4;
   --color-blue-100: #5a3374;
 }
+
+html {
+  scroll-behavior: smooth;
+}