'use client';
import Countdown from '@/components/elements/Countdown';
import Layout from "@/components/layout/Layout";
import { memoryData } from '@/utility/constant.utils';
import Link from "next/link";
import { useState } from 'react';
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-6 m-auto">
                                <div className="heading1 text-center">
                                    <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>
    );
}
