text: import React from "react";
  
  const GiftsContent = () => {
    return (
      <>
        <section id="contact-me" className="block spacer p-top-xl">
          <div className="wrapper">
            <div className="row gutter-width-md with-pb-md">
              <div className="col-sm-12 col-md-12 col-lg-12 col-xl-12 align-self-center">
                <div className="title">
                  <h2>Schedule</h2>
                </div>
  
                <div className="description max-width-1">
                  <div className="block spacer p-top-sm">
                    <div className="row gutter-width-md with-pb-md">
                      <div className="col-sm-6 col-md-6 col-lg-6 col-xl-6 align-right">
                        <h5>6:00 PM</h5>
                      </div>
  
                      <div className="col-sm-6 col-md-6 col-lg-6 col-xl-6 sm-align-center">
                        <p>Guests arrive</p>
                      </div>
                    </div>
                  </div>
  
                  <div className="block spacer p-top-sm">
                    <div className="row gutter-width-md with-pb-md">
                      <div className="col-sm-6 col-md-6 col-lg-6 col-xl-6 align-right">
                        <h5>6:30 PM</h5>
                      </div>
  
                      <div className="col-sm-6 col-md-6 col-lg-6 col-xl-6 sm-align-center">
                        <p>Ceremony</p>
                      </div>
                    </div>
                  </div>
  
                  <div className="block spacer p-top-sm">
                    <div className="row gutter-width-md with-pb-md">
                      <div className="col-sm-6 col-md-6 col-lg-6 col-xl-6 align-right">
                        <h5>7:00 PM</h5>
                      </div>
  
                      <div className="col-sm-6 col-md-6 col-lg-6 col-xl-6 sm-align-center">
                        <p>Cocktail hour</p>
                      </div>
                    </div>
                  </div>
  
                  <div className="block spacer p-top-sm">
                    <div className="row gutter-width-md with-pb-md">
                      <div className="col-sm-6 col-md-6 col-lg-6 col-xl-6 align-right">
                        <h5>8:00 PM</h5>
                      </div>
  
                      <div className="col-sm-6 col-md-6 col-lg-6 col-xl-6 sm-align-center">
                        <p>Dinner</p>
                      </div>
                    </div>
                  </div>
  
                  <div className="block spacer p-top-sm">
                    <div className="row gutter-width-md with-pb-md">
                      <div className="col-sm-6 col-md-6 col-lg-6 col-xl-6 align-right">
                        <h5>10:00 PM</h5>
                      </div>
  
                      <div className="col-sm-6 col-md-6 col-lg-6 col-xl-6 sm-align-center">
                        <p>Music & dancing</p>
                      </div>
                    </div>
                  </div>
  
                  <div className="block spacer p-top-sm">
                    <div className="row gutter-width-md with-pb-md">
                      <div className="col-sm-6 col-md-6 col-lg-6 col-xl-6 align-right">
                        <h5>11:30 PM</h5>
                      </div>
  
                      <div className="col-sm-6 col-md-6 col-lg-6 col-xl-6 sm-align-center">
                        <p>Event concludes</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
      </>
    );
  };
  
  export default GiftsContent;
  