import type { Metadata } from "next"

export const metadata: Metadata = {
  title: "Meet Our Committee Members | Community Leaders",
  description: "Meet the dedicated committee members leading Tamil Culture Waterloo and organizing community initiatives.",
};

import Layout from "@/components/layout/Layout";
import Section1 from "@/components/about/committee/Section1"; // adjust path if needed

export default function CommitteePage() {
  return (
    <Layout headerStyle={1} footerStyle={1}>
      <div className="inner-page-header" style={{ backgroundImage: "url(/assets/img/about/banner/committee-banner.webp)" }}>
        <div className="container">
          <div className="row">
            <div className="col-lg-12 m-auto">
              <div className="heading1">
                <h1>Committee</h1>
                <div className="space20" />
                <a href="/">Home <i className="fa-solid fa-angle-right" /> <span>Committee</span></a>
              </div>
            </div>
          </div>
        </div>
      </div>

      {/* Injecting Section1 which has dynamic communityData logic */}
      <Section1 />
    </Layout>
  );
}