import React from "react";

const UpcomingEvents = () => {
  return (
    <div className="flex flex-col justify-center items-center">
      <div className="max-w-2xl mx-auto mb-32">

      <h1 className="text-4xl text-center py-4">Upcoming Events</h1>
      <h3 className="text-left text-2xl py-2">Sunday October 22, 2023</h3>
      <ul>
        <li>Sunday School begins at 9:45 a.m.</li>
        <li>Morning Worship begins at 11:00 a.m.</li>
      </ul>
      <h3 className="text-left text-2xl py-2">Wednesday October 25, 2023</h3>
      <ul>
        <li>
          Activities for children, youth and adults beginning at 6:30 p.m.
        </li>
      </ul>
      <h3 className="text-left text-2xl py-2">Sunday October 29, 2023</h3>
      <ul>
        <li>Sunday School begins at 9:45 a.m.</li>
        <li>Morning Worship begins at 11:00 a.m.</li>
      </ul>
      </div>
    </div>
  );
};

export default UpcomingEvents;
