feat: improvement algolia search, anchoring

Author: nsdonato

app/[menu]/[submenu]/page.tsx

@@ -17,11 +17,7 @@ export default async function SubmenuPage({ params }: SubmenuPageProps) {
 
   return (
     <>
-      <Header
-        href={data.title}
-        title={data.title}
-        description={data.description}
-      />
+      <Header title={data.title} description={data.description} />
       <div className='grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-4 mt-8'>
         {data.pageItems.map(item => (
           <Card key={item.imgPlaceholder} item={item} />

app/page.tsx

@@ -9,7 +9,6 @@ export default async function Home() {
   return (
     <>
       <Header
-        href='Inicio'
         title='Inicio'
         description={['En Internet siempre veo las mismas preguntas:']}
       />

components/header/header.tsx

@@ -1,18 +1,13 @@
 type HeaderProps = {
   title: string
   description: string[]
-  href?: string
 }
 
-export const Header = ({ title, description, href }: HeaderProps) => {
+export const Header = ({ title, description }: HeaderProps) => {
   return (
     <header>
-      <h1
-        id={`${href ?? title}`}
-        className='text-5xl font-bold mb-10 underline underline-offset-8 decoration-pink-500 block'>
-        <a className='pointer-events-none' href={`#${href ?? title}`}>
-          {title}
-        </a>
+      <h1 className='text-5xl font-bold mb-10 underline underline-offset-8 decoration-pink-500 block'>
+        {title}
       </h1>
       {description.map((parrafo, index) => (
         <p key={index} className='text-balance last-of-type:pt-4'>