import type { Metadata } from 'next/types';
import React from 'react';

import { PostsList } from '@/components/PostsList';

import PageClient from './page.client';

export const revalidate = 600;

export default async function Page() {
  return (
    <div className='pb-12'>
      <PageClient />

      <PostsList postType='hub' />
    </div>
  );
}

export function generateMetadata(): Metadata {
  return {
    title: `Suno Hub Posts`,
  };
}