import Image from "next/image";
import React from "react";
import { Button } from "react-bootstrap";

const GiftAnExperience = () => {
  return (
    <>
      <section className="gift-an-experience-session">
        <div className="container">
          <div className="row">
            <div className="col-12">
              <div className="gift-an-experience-inner">
                <div className="row align-items-center">
                  <div className="col-md-6">
                    <div className="content">
                      <div className="title">Gift An Experience For Any Occasion</div>
                      <div className="disc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</div>
                      <div>
                        <Button variant="primary">Gift An Experience</Button>
                      </div>
                    </div>
                  </div>
                  <div className="col-md-6">
                    <div className="img">
                      <span className="image-container">
                        <Image layout="fill" alt="" className="image img-fluid" src="/images/gift-card.png" />
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  );
};

export default GiftAnExperience;