HOTFIX | add id to 'about' and remove seminar invisible anchor (#34)

* style: add table overflow-scroll

* style: add seminar table fade animation

* Feat/maicivil (#26)

* chore: ignore

* feat: mock navbar

* docs: update package.json

* feat: change navbar titile

* feat: init footer

* chore: update package-lock

* feat: called nav bar component

* feat: clean navbar and restructure

* feat: adjust css to navbar and footer

* fix: css in footer to have horizon linear fade

* remove package-lock

* remove: conflict file ( src/app/footer.tsx )

* remove conflict file ( nav-tabs.tsx )

* Feat/navbar active (#28)

* chore: ignore

* feat: mock navbar

* docs: update package.json

* feat: change navbar titile

* feat: init footer

* chore: update package-lock

* feat: called nav bar component

* feat: clean navbar and restructure

* feat: adjust css to navbar and footer

* fix: css in footer to have horizon linear fade

* remove package-lock

* remove: conflict file ( src/app/footer.tsx )

* remove conflict file ( nav-tabs.tsx )

* feat: add navbar href and anchor

* feat: add navbar color and smooth scroll

* feat: add navbar active animation and hamburger menu

---------

Co-authored-by: ktunchar <maikittitee1615@gmail.com>
Co-authored-by: Kittipod Lambangchang <tonkittipod@gmail.com>

* style: more height and bright seminar table

* move content in company-logos into container (#30)

* STYLE | navbar and seminar (#31)

* style: text white navbar

* style: hidden scroll-x

* style: add seminar border & wrap circle with text

* FEAT | intro (#33)

* feat: remove invisible box and add id 'about'

---------

Co-authored-by: ktunchar <70048235+Maikittitee@users.noreply.github.com>
Co-authored-by: ktunchar <maikittitee1615@gmail.com>
Co-authored-by: Kittipod Lambangchang <tonkittipod@gmail.com>
Co-authored-by: Chaksawat <88503339+Nonene2546@users.noreply.github.com>

src/modules/home/_sections/introduction.tsx

@@ -29,7 +29,10 @@ function Grid() {
 
 export default function Introduction() {
   return (
-    <div className="relative flex min-h-screen items-center justify-center overflow-hidden p-4">
+    <div
+      id="about"
+      className="relative flex min-h-screen items-center justify-center overflow-hidden p-4"
+    >
       <City />
 
       <div className="relative flex flex-col items-center justify-center md:-mt-32">

src/modules/home/_sections/seminar.tsx

@@ -13,10 +13,10 @@ export default async function Seminar() {
   const seminarList = await getSeminarsGroupedByDay();
 
   return (
-    <article className="relative mx-auto flex flex-col bg-black pb-20">
-      <div id="seminar" className="anchor-holder invisible relative p-4">
-        #
-      </div>
+    <article
+      id="seminar"
+      className="relative mx-auto flex flex-col bg-black pb-20"
+    >
       <div className="relative w-full">
         <Image
           src="/assets/illustrations/cloud.png"
@@ -45,7 +45,7 @@ export default async function Seminar() {
               <TabsTrigger
                 key={index + 1}
                 value={`day${index + 1}`}
-                className="flex flex-row flex-wrap items-baseline gap-2 text-xl text-gray-100 transition-colors duration-300 hover:text-white data-[state=active]:border-b-4 data-[state=active]:border-b-orange-300 data-[state=active]:text-orange-300 sm:gap-5 sm:py-2 md:text-2xl"
+                className="flex flex-row flex-wrap items-baseline gap-2 border-b-4 border-b-gray-500 text-xl text-white transition-colors duration-300 data-[state=active]:border-b-orange-300 data-[state=active]:text-orange-300 sm:gap-5 sm:py-2 md:text-2xl"
               >
                 <span className="text-lg font-bold sm:text-xl md:text-2xl">
                   Day {index + 1}{' '}