21 lines
No EOL
680 B
TypeScript
21 lines
No EOL
680 B
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import { useRef } from "react";
|
|
import { useEffect } from "react";
|
|
import { useCallback } from "react";
|
|
|
|
export default function YoutubeDemo() {
|
|
return <div className="w-full max-w-3xl mx-auto">
|
|
<div className="relative" style={{ paddingBottom: '56.25%' }}>
|
|
<iframe
|
|
className="absolute top-0 left-0 w-full h-full rounded-xl shadow-lg"
|
|
src="https://www.youtube.com/embed/o1eIAwVll5I"
|
|
title="Elato Demo"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
allowFullScreen
|
|
/>
|
|
</div>
|
|
<p className="text-center text-gray-600 mt-4 text-lg">Watch the Elato Demo</p>
|
|
</div>
|
|
} |