import React from 'react'
import { Button } from 'react-bootstrap'
import { motion } from "framer-motion";
import { fadeIn, zoomIn, slideFromLeft, slideFromRight } from "../animationvariants.js";

const SignUpToExperienceOurPlatform = () => {
  return (
    <>
      <section className='signUp-to-experience-our-platform-session'>
        <div className='container'>
            <div className='row justify-content-center'>
                <div className='col-md-8'>
                <motion.div variants={zoomIn(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
                    <div className='signUp-to-experience-our-platform'>
                        <div className='title'>Sign Up to experience our platform</div>
                        <div className='disc'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</div>
                        <div className=''><Button variant="primary">Gift An Experience</Button></div>
                    </div>
                    </motion.div>
                </div>
            </div>
        </div>
      </section>
    </>
  )
}

export default SignUpToExperienceOurPlatform