Update src/app/page.tsx

src/app/page.tsx

@@ -69,11 +69,11 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+  <div>
       <NavbarStyleCentered
       navItems={[
-        { name: t.nav[0], id: "menu" },
-        { name: t.nav[1], id: "contact" },
+        { name: t.nav[0], id: "/" },
+        { name: t.nav[1], id: "/" },
       ]}
       brandName="Wanhis Ravintola"
     />
@@ -84,20 +84,20 @@ export default function LandingPage() {
     </div>
   </div>
 
-  <div id="hero" data-section="hero">
+  <div>
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{ variant: "gradient-bars" }}
       title={t.hero.title}
       description={t.hero.desc}
-      buttons={[{ text: t.hero.btn, href: "#menu" }]}
+      buttons={[{ text: t.hero.btn }]}
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-pizza-restaurant-table_23-2148305651.jpg?_wi=2"
       mediaAnimation="slide-up"
       testimonials={[]}
     />
   </div>
 
-  <div id="about" data-section="about">
+  <div>
       <SplitAbout
       textboxLayout="default"
       useInvertedBackground={false}
@@ -108,7 +108,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="menu" data-section="menu">
+  <div>
       <ProductCardFour
       animationType="slide-up"
       textboxLayout="default"
@@ -119,7 +119,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="features" data-section="features">
+  <div>
       <FeatureCardSixteen
       animationType="slide-up"
       textboxLayout="default"
@@ -131,7 +131,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
+  <div>
       <TestimonialCardTwelve
       cardTitle={t.testimonials.title}
       cardTag={t.testimonials.tag}
@@ -141,7 +141,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="faq" data-section="faq">
+  <div>
       <FaqSplitText
       sideTitle={t.faq.title}
       faqsAnimation="slide-up"
@@ -150,18 +150,18 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
+  <div>
       <ContactCTA
       tag={t.contact.tag}
       title={t.contact.title}
       description={t.contact.desc}
-      buttons={[{ text: "Facebook", href: "#" }]}
+      buttons={[{ text: "Facebook" }]}
       useInvertedBackground={false}
       background={{ variant: "plain" }}
     />
   </div>
 
-  <div id="footer" data-section="footer">
+  <div>
       <FooterCard logoText="Wanhis Ravintola" copyrightText={t.footer} />
   </div>
       </ReactLenis>