// ... existing imports ...

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="flex min-h-screen flex-col items-center justify-between p-24 text-gray-300">
      ssss
    </main>
  );
}