export const metadata = {
    title: "Upcoming Community Events | Join Us",
    description: "Stay updated on upcoming Tamil cultural events and community gatherings in Waterloo, Ontario.",
};

import Layout from "@/components/layout/Layout";
import Link from "next/link";
import UpcomingEventData from '../../../components/events/UpcomingEventData';

export default function Memories() {

    return (
        <Layout headerStyle={1} footerStyle={1}>
            <div>
                {/* Header Section */}
                <div
                    className="inner-page-header"
                    style={{ backgroundImage: 'url(/assets/img/event/upcoming-event/upcoming-events-banner.webp)' }}
                >
                    <div className="container">
                        <div className="row">
                            <div className="col-lg-12 m-auto">
                                <div className="heading1">
                                    <h1>Upcoming Events</h1>
                                    <div className="space20" />
                                    <Link href="/">
                                        Home <i className="fa-solid fa-angle-right" /> <span>Upcoming Events</span>
                                    </Link>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <UpcomingEventData />

            </div>
        </Layout>
    );
}