ok rm gitignore
This commit is contained in:
32
public/images/components/CNNVIDEO.jsx
Normal file
32
public/images/components/CNNVIDEO.jsx
Normal file
@@ -0,0 +1,32 @@
|
||||
import { Button } from '@/components/Button'
|
||||
import { Container } from '@/components/Container'
|
||||
import React from 'react'
|
||||
|
||||
|
||||
const CnnVideo = () => {
|
||||
return (
|
||||
<Container>
|
||||
<div className="mx-auto max-w-4xl md:text-center">
|
||||
<h2 className="font-display text-3xl font-semibold tracking-[-0.05em] text-darkgr-700 lg:text-4xl">
|
||||
VEDA ON CNN
|
||||
</h2>
|
||||
<p className="mb-6 sm:mb-10 mt-4 text-xl/5 font-medium tracking-[-0.045em] lg:tracking-[-0.02em] leading-[1.3] lg:leading-[1.4] lg:text-2xl text-darkgr">
|
||||
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">
|
||||
<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;
|
Reference in New Issue
Block a user