import Sectiontwo from '@/components/landingPage/Sectiontwo'
import Hero from '@/components/landingPage/Hero'
import SearchSection from '@/components/landingPage/SearchSection'
import ExpertsSection from '@/components/landingPage/ExpertsSection'
import CustomerSuccess from '@/components/landingPage/customerSuccess'
import SectionSix from '@/components/landingPage/SectionSix'
import MobileApp from '@/components/landingPage/MobileApp'
import { getPageSession } from '@/auth/lucia'

import ScrollToTopbtn from '@/components/scrollToTopbtn'

export default async function Home() {
  const session = await getPageSession()

  return (
    <main className="flex min-h-screen flex-col items-center gap-8 sm:pt-0">
      <Hero />
      <Sectiontwo />
      <SearchSection backgroundColor="bg-[#F4FBFF]" fontSize="text-3xl" />
      <ExpertsSection session={session} />
      <CustomerSuccess />
      <SectionSix />
      <MobileApp />
      <ScrollToTopbtn />
    </main>
  )
}