import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import React from 'react'
import { H2, P, PS, H3, PXS, H4 } from '@/components/text'



const CnnVideo = () => {
    return (
      <Container>
        <div className="bg-transparent mx-auto max-w-7xl md:text-center pt-12">
          <H2  className="">
          VEDA ON CNN 
          </H2>
          <P className="">
          CNN Travel visited the Veda boats to give you a first hand impression of what awaits you when cruising the Nile.
          </P>
        </div>
      <div className="video-container mt-12 bg-transparent">
        <iframe
          src="https://player.vimeo.com/video/371621672?loop=1&muted=1"
          width="100%"
          height="300"
          frameBorder="0"
          allow="autoplay; fullscreen; picture-in-picture"
          allowFullScreen
          className="rounded-lg w-full max-w-6xl mx-auto sm:h-[400px] lg:h-[600px]"
        ></iframe>
      </div>
        </Container>
    );
  };
  
  export default CnnVideo;
