src/pages/index.js

import HomeHeader from "@/components/HomeHeader";
import HomeSearch from "@/components/HomeSearch";
import Image from "next/image";
import "@/app/globals.css";

export default function Home() {
  return (
    <>
      {/* Header */}
      <HomeHeader />

      {/* body */}

      <div className="flex flex-col items-center mt-24">
        <Image
          width="300"
          height="100"
          src="https://upload.wikimedia.org/wikinews/en/archive/0/0c/20050620003808%21Google_logo_png.png"
        />

        <HomeSearch/>
      </div>
    </>
  );
}

export async function getStaticProps(context) {
    // You can access the query parameters of the request with context.query
    const searchParams = context.query;
    if (searchParams) {
        return { props: { searchParams } };
    }
    return { props: {} };    
}