'use client';

import React from "react";
import { motion } from "framer-motion";
import HeaderTop from "@/components/HeaderTop";
import HeaderSticky from "@/components/HeaderSticky";
import BookDemoForm from "@/section/BookDemoForm";
import Certifications from "@/section/Certifications";

import { Container } from 'react-bootstrap';

export default function BookDemoPage() {
  return (
    <React.Fragment>
        <section className="section-main">
            <video className="position-absolute top-0 start-0 w-100 h-100 object-fit-cover" poster="https://media.vensysco.com/contact-video.webp" preload="metadata" autoPlay loop muted playsInline>
                <source src="https://media.vensysco.com/contact-video.mp4" type="video/mp4" />
                Your browser does not support the video tag.
            </video>
            <Container className="py-3 py-md-5 d-flex flex-column position-relative">
                <HeaderTop />
                <div className='my-5 text-center text-md-start'>
                    <motion.h1 className='display-5' whileInView={{y:[-30,0]}} transition={{duration:1.6}} viewport={{once: true, amount: 0.5}}>
                        Book Free <span className="fw-bold">Demo</span>
                    </motion.h1>                  
                </div>                       
            </Container>
        </section>
        <BookDemoForm />
        <Certifications />
    </React.Fragment>
  );
}