pasargad/src/app/page.tsx

// ... existing imports ...
import Navbar from '@/components/layout/navbar';

async function getData() {
  // Simulate a delay to show server-side data fetching
  await new Promise((resolve) => setTimeout(resolve, 1000));
  return { message: 'This data was fetched on the server!' };
}

export default async function Home() {
  const data = await getData();

  return (
    <main className=" container mx-auto">
      <Navbar/>
    </main>
  );
}