src/app/page.tsx

@@ -26,7 +26,7 @@ export default function LandingPage() {
       secondaryButtonStyle="layered"
       headingFontWeight="normal"
     >
-      <div id="nav" data-section="nav">
+      <div id="nav" data-section="nav" className="scroll-smooth">
         <NavbarStyleApple
           brandName="SmileCare Dental"
           navItems={[
@@ -39,7 +39,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" className="scroll-smooth">
         <HeroLogo
           logoText="SmileCare"
           description="Experience exceptional dental care with a touch of warmth and expertise"
@@ -54,7 +54,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="about" data-section="about">
+      <div id="about" data-section="about" className="scroll-smooth">
         <InlineImageSplitTextAbout
           heading={[
             { type: "text", content: "Your smile deserves" },
@@ -68,7 +68,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="services" data-section="services">
+      <div id="services" data-section="services" className="scroll-smooth">
         <FeatureCardTwentyOne
           tag="Our Services"
           title="Comprehensive Dental Solutions"
@@ -99,7 +99,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="team" data-section="team">
+      <div id="team" data-section="team" className="scroll-smooth">
         <TeamCardTen
           title="Meet our experienced and compassionate dental team dedicated to your smile"
           tag="Our Team"
@@ -121,7 +121,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
+      <div id="testimonials" data-section="testimonials" className="scroll-smooth">
         <TestimonialCardFifteen
           testimonial="SmileCare Dental transformed my experience. The team is incredibly professional yet so warm and welcoming. I've never felt more comfortable at a dental office!"
           rating={5}
@@ -138,7 +138,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="faq" data-section="faq">
+      <div id="faq" data-section="faq" className="scroll-smooth">
         <FaqSplitMedia
           title="Frequently Asked Questions"
           description="Find answers to common questions about our dental services and care"
@@ -171,7 +171,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
+      <div id="contact" data-section="contact" className="scroll-smooth">
         <ContactCenter
           tag="Get Started"
           title="Ready for your healthier smile?"
@@ -186,7 +186,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="footer" data-section="footer">
+      <div id="footer" data-section="footer" className="scroll-smooth">
         <FooterLogoReveal
           logoText="SmileCare"
           leftLink={{ text: "Privacy Policy", href: "#" }}