fix: revert hero

components/home/Hero.tsx

@@ -23,12 +23,26 @@ export default function Hero({ data }: { data?: any }) {
               className="text-center md:text-left mb-6 md:mb-8 md:max-w-none text-white text-4xl sm:text-5xl md:text-7xl font-extrabold [text-shadow:_-2px_-2px_0_#002b49,_2px_-2px_0_#002b49,_-2px_2px_0_#002b49,_2px_2px_0_#002b49,_-2px_0_0_#002b49,_2px_0_0_#002b49,_0_-2px_0_#002b49,_0_2px_0_#002b49]"
             >
               {data?.title ? (
-                <span dangerouslySetInnerHTML={{ __html: data.title.replace(/<green>/g, '<span class="relative inline-block"><span class="relative z-10 text-accent italic inline-block">').replace(/<\/green>/g, '</span><div class="w-[140%] h-[140%] -top-[20%] -left-[20%] text-accent/30 hidden md:block absolute -z-10 animate-in fade-in zoom-in-0 duration-1000 ease-out fill-mode-both" style="animation-delay: 500ms;"><Scribble variant="circle" /></div></span>') }} />
+                <span
+                  dangerouslySetInnerHTML={{
+                    __html: data.title
+                      .replace(
+                        /<green>/g,
+                        '<span class="relative inline-block"><span class="relative z-10 text-accent italic inline-block">',
+                      )
+                      .replace(
+                        /<\/green>/g,
+                        '</span><div class="w-[140%] h-[140%] -top-[20%] -left-[20%] text-accent/30 hidden md:block absolute -z-10 animate-in fade-in zoom-in-0 duration-1000 ease-out fill-mode-both" style="animation-delay: 500ms;"><Scribble variant="circle" /></div></span>',
+                      ),
+                  }}
+                />
               ) : (
                 t.rich('title', {
                   green: (chunks) => (
                     <span className="relative inline-block">
-                      <span className="relative z-10 text-accent italic inline-block">{chunks}</span>
+                      <span className="relative z-10 text-accent italic inline-block">
+                        {chunks}
+                      </span>
                       <div
                         className="w-[140%] h-[140%] -top-[20%] -left-[20%] text-accent/30 hidden md:block absolute -z-10 animate-in fade-in zoom-in-0 duration-1000 ease-out fill-mode-both"
                         style={{ animationDelay: '500ms' }}
@@ -86,7 +100,7 @@ export default function Hero({ data }: { data?: any }) {
         </div>
       </Container>
 
-      <div className="relative md:absolute inset-0 z-0 w-full h-[40vh] md:h-full order-1 md:order-none mb-[-80px] md:mb-0 mt-[80px] md:mt-0 overflow-visible animate-in fade-in zoom-in-95 duration-1000 ease-out fill-mode-both">
+      <div className="relative md:absolute inset-0 z-0 w-full h-[40vh] md:h-full order-1 md:order-none mb-[-80px] md:mb-0 mt-[80px] md:mt-0 overflow-visible pointer-events-none animate-in fade-in zoom-in-95 duration-1000 ease-out fill-mode-both">
         <HeroIllustration />
       </div>