import React from 'react';
import type { ReactElement } from 'react';
import Head from 'next/head';
import HeaderPublic from '../components/HeaderPublic';
import FooterPublic from '../components/FooterPublic';

export default function About() {
  return (
    <>
      <Head>
        <title>About | MFT Self Help Group</title>
        <meta name="description" content="About MFT Self Help Group" />
      </Head>
      <HeaderPublic />
      <main className="pt-16">
        <section className="py-16 bg-gray-100">
          <div className="max-w-4xl mx-auto px-4 text-center">
            <h1 className="text-3xl font-bold mb-4">About Us</h1>
            <p className="text-lg text-gray-700">
              MFT Self Help Group is a community-based financial cooperative that provides members with saving, lending, and welfare services.
            </p>
          </div>
        </section>
      </main>
      <FooterPublic />
    </>
  );
}

About.getLayout = function getLayout(page: ReactElement) {
  return page;
};