navlink

proyek-frontend/app/assets/css/main.css

@@ -1 +1,4 @@
-@import "tailwindcss";
+@import "tailwindcss";
+html {
+  scroll-behavior: smooth;
+}

proyek-frontend/app/components/landing-page/aboutsection.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="about-section">
+  <section id="tentang-kami" class="about-section">
     <div class="container">
       <!-- Judul -->
       <h2 class="section-title">Tentang Kami</h2>

proyek-frontend/app/components/landing-page/header.vue

@@ -18,8 +18,8 @@
 import { ref } from 'vue';
 
 const navLinks = ref([
-  { name: 'Beranda', path: '#' },
-  { name: 'Tentang Kami', path: '#' },
+  { name: 'Beranda', path: '#beranda' },
+  { name: 'Tentang Kami', path: '#tentang-kami' },
   { name: 'Templat', path: '#' },
   { name: 'Panduan', path: '#' },
   { name: 'Keistimewaan', path: '#' },

proyek-frontend/app/components/landing-page/hero.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="hero-section">
+  <section id="beranda" class="hero-section">
     <div class="container hero-layout">
       <div class="hero-text">
         <h1>