Merge version_4 into main

Merge version_4 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: "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={{
@@ -249,7 +249,7 @@ export default function LandingPage() {
           href: "#",          ariaLabel: "Facebook"},
         {
           icon: MapPin,
-          href: "https://www.google.com/maps/search/Ponto+do+A%C3%A7a%C3%AD+de+Roma",          ariaLabel: "Localização"},
+          href: "https://www.google.com/maps/search/Ponto+do+A%C3%3A%C3%A7a%C3%AD+de+Roma",          ariaLabel: "Localização"},
       ]}
     />
   </div>