// app/students/page.js
import React from 'react';
import ForeignStudentsListing from '../../components/clientcomponents/ForeignStudentsListing';
import { Metadata } from 'next';

export const metadata = {
  title: 'Foreign Students Directory | Connect with International Students',
  description: 'Browse profiles of international students, view details, and book appointments for consultations and mentorship.',
  siteName: process.env.NEXT_PUBLIC_APP_WEBSITE_NAME,
  openGraph: {
    title: 'Foreign Students Directory | Connect with International Students',
    description: 'Browse profiles of international students, view details, and book appointments for consultations and mentorship.',
    url: `${process.env.NEXT_PUBLIC_APP_URL}/students`,
    siteName: process.env.NEXT_PUBLIC_APP_WEBSITE_NAME,
    locale: 'en_US',
    type: 'website',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'Foreign Students Directory | Connect with International Students',
    description: 'Browse profiles of international students, view details, and book appointments for consultations and mentorship.',
  },
  alternates: {
    canonical: `${process.env.NEXT_PUBLIC_APP_URL}/students`,
  },
  robots: {
    index: true,
    follow: true,
  },
};

export default function StudentsPage() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-teal-50 via-white to-teal-50">
      <ForeignStudentsListing />
    </div>
  );
}