Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -32,15 +32,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Início",          id: "#hero"},
+          name: "Início",          id: "#inicio"},
         {
-          name: "Sobre Nós",          id: "#about"},
+          name: "Sobre Nós",          id: "#sobre"},
         {
           name: "Menu",          id: "#menu"},
         {
-          name: "Avaliações",          id: "#testimonials"},
+          name: "Avaliações",          id: "#avaliacoes"},
         {
-          name: "Contato",          id: "#contact"},
+          name: "Contato",          id: "#contato"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o0f0pt"
       logoAlt="Ponto do Açaí Logo"
@@ -51,7 +51,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="inicio" data-section="inicio" className="scroll-mt-20">
       <HeroSplitTestimonial
       useInvertedBackground={true}
       background={{
@@ -138,7 +138,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="about" data-section="about">
+  <div id="sobre" data-section="sobre" className="scroll-mt-20">
       <TextSplitAbout
       useInvertedBackground={true}
       title="A Nossa História e Paixão"
@@ -147,7 +147,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="menu" data-section="menu">
+  <div id="menu" data-section="menu" className="scroll-mt-20">
       <ProductCardFour
       animationType="slide-up"
       textboxLayout="default"
@@ -173,7 +173,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
+  <div id="avaliacoes" data-section="avaliacoes" className="scroll-mt-20">
       <TestimonialCardSixteen
       animationType="slide-up"
       textboxLayout="default"
@@ -221,7 +221,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
+  <div id="contato" data-section="contato" className="scroll-mt-20">
       <ContactText
       useInvertedBackground={true}
       background={{