import Navbar from '../components/header';
import Hero from '../components/hero';
import MainContent from '../components/maincontext';
import { Footer } from '../components/footer';

export default async function Home({
  params,
}: {
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;
  const dir = locale === 'en' ? 'ltr' : 'rtl';

  return (
    <main className="min-h-screen app-bg font-sans" dir={dir}>
      <Navbar />
      <Hero />
      <MainContent />
      <Footer />
    </main>
  );
}