import { Metadata } from "next";

import BusinessPanelHome from "@/components/pages/participant/business-panel/business-panel-home";
import { retrieveUserSession } from "@/lib/user-session";

export const metadata: Metadata = {
  title: "Join our business panel: get paid to shape industry innovation",
  description:
    "Join thousands of professionals sharing expert insights with global brands, startups, and government bodies. Take part in flexible, paid research sessions from anywhere and influence the future of products and services in your industry.",
  openGraph: {
    title: "Join our business panel: get paid to shape industry innovation",
    description:
      "Join thousands of professionals sharing expert insights with global brands, startups, and government bodies. Take part in flexible, paid research sessions from anywhere and influence the future of products and services in your industry.",
    images: [
      {
        url: "/global-assets/pfr-logo-og-participant.svg",
        alt: "People for Research logo, featuring a person inside a circle, representing a focus on human-centered research and activities.",
        width: 200,
        height: 150,
      },
    ],
  },
  twitter: {
    card: "summary_large_image",
    title: "Join our business panel: get paid to shape industry innovation",
    images: "/global-assets/pfr-logo-og-participant.svg",
    description:
      "Join thousands of professionals sharing expert insights with global brands, startups, and government bodies. Take part in flexible, paid research sessions from anywhere and influence the future of products and services in your industry.",
  },
};

export default async function B2BPage() {
  const { isLoggedIn } = (await retrieveUserSession()) || {};

  return <BusinessPanelHome isLoggedIn={isLoggedIn} />;
}