+Page.tsx

import React from 'react'

import FlexibilitySection from './sections/Flexibility'
import IntroSection from './sections/Intro'
import StabilitySection from './sections/Stability'
import DxSection from './sections/Dx'
import useScrollSmoother from './hooks/useScrollSmoother'

import './tailwind.css'
import Footer from './sections/Footer'

const LandingPage = () => {
  // useScrollSmoother()

  return (
    <>
      <div id="tailwind-portal" data-theme="vike" className="bg-base-300 overflow-x-clip">
        <IntroSection />
        <FlexibilitySection />
        <StabilitySection />
        <DxSection />
        <Footer />
      </div>
    </>
  )
}

export default LandingPage