'use client'

import Banner from '@/components/Banner/Banner'
import Cards from '@/components/Cards'
import Footer from '@/components/Footer'
import Hero from '@/components/Hero'
import Integration from '@/components/Integration'
import Upload from '@/components/Upload'
import React, { useEffect, useState } from 'react'

const App: React.FC = () => {
  const [hasMounted, setHasMounted] = useState(false)

  useEffect(() => {
    setHasMounted(true)
  }, [])

  if (!hasMounted) {
    return <></>
  }
  return (
    <main className="homepage">
      <Banner />
      <Hero />
      <Cards />
      <Upload />
      <Integration />
      <Footer />
    </main>
  )
}

export default App