msgapp/src/app/page.tsx

import Image from "next/image";
import { QuickActions } from "@/app/components/QuickActions";
import { HeroBanner } from "@/app/components/HeroBanner";
import { PostList } from "@/app/components/PostList";
import { PersonalWidgets } from "@/app/components/PersonalWidgets";

export default function Home({ searchParams }: { searchParams?: { sort?: "recent" | "popular" } }) {
  const sort = searchParams?.sort ?? "recent";
  return (
    <div className="">
      <HeroBanner />
      <QuickActions />
      <PostList sort={sort} />
      <PersonalWidgets />
    </div>
  );
}