ProxMenux/web/app/page.tsx

import dynamic from "next/dynamic"
import type { Metadata } from "next"
import { metadata as siteMetadata } from './metadata'

const Hero = dynamic(() => import("@/components/hero"), { ssr: false })
const Resources = dynamic(() => import("@/components/resources"), { ssr: false })
const SupportProject = dynamic(() => import("@/components/support-project"), { ssr: false })
const Footer = dynamic(() => import("@/components/footer"), { ssr: false })

export const metadata: Metadata = {
  ...siteMetadata,
  title: "ProxMenux",
  description: "A menu-driven script for Proxmox VE management, designed to simplify and streamline the execution of commands and tasks.",
  openGraph: {
    ...siteMetadata.openGraph,
    title: "ProxMenux",
    description: "A menu-driven script for Proxmox VE management, designed to simplify and streamline the execution of commands and tasks.",
    images: [
      {
        url: `https://raw.githubusercontent.com/MacRimi/ProxMenux/main/web/public/main.png`,
        width: 1363,
        height: 735,
      },
  },
  twitter: {
    ...siteMetadata.twitter,
    title: "ProxMenux",
    description: "A menu-driven script for Proxmox VE management, designed to simplify and streamline the execution of commands and tasks.",
  },
}

export default function Home() {
  return (
    <div className="min-h-screen bg-gradient-to-b from-gray-900 to-gray-800 text-white pt-16">
      <Hero />
      <Resources />
      <SupportProject />
      <Footer />
    </div>
  )
}