|
import React from 'react'; |
|
import { Heart } from "lucide-react"; |
|
|
|
export default function FullScreenIframe() { |
|
return ( |
|
<div className="flex flex-col min-h-screen"> |
|
<header className="px-4 lg:px-6 h-14 flex items-center"> |
|
<a className="flex items-center justify-center" href="#"> |
|
<Heart className="h-6 w-6 text-primary" /> |
|
<span className="sr-only">FullScreen Iframe</span> |
|
</a> |
|
</header> |
|
<main className="flex-1"> |
|
<section className="w-full py-12 md:py-24 lg:py-32 xl:py-48"> |
|
<div className="container px-4 md:px-6"> |
|
<div className="flex flex-col items-center space-y-4 text-center"> |
|
<div className="space-y-2"> |
|
<h1 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl lg:text-6xl/none"> |
|
Full Screen Iframe |
|
</h1> |
|
<p className="mx-auto max-w-[700px] text-gray-500 md:text-xl dark:text-gray-400"> |
|
This is a full screen iframe. |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
<section className="w-full py-12 md:py-24 lg:py-32"> |
|
<div className="container px-4 md:px-6"> |
|
<iframe src="https://aidark.net/" frameBorder="0" scrolling="no" className="w-full h-screen"></iframe> |
|
</div> |
|
</section> |
|
</main> |
|
<footer className="flex flex-col gap-2 sm:flex-row py-6 w-full shrink-0 items-center px-4 md:px-6 border-t"> |
|
<p className="text-xs text-gray-500 dark:text-gray-400"> 2023 Full Screen Iframe. All rights reserved.</p> |
|
<nav className="sm:ml-auto flex gap-4 sm:gap-6"> |
|
<a className="text-xs hover:underline underline-offset-4" href="#"> |
|
Terms of Service |
|
</a> |
|
<a className="text-xs hover:underline underline-offset-4" href="#"> |
|
Privacy |
|
</a> |
|
</nav> |
|
</footer> |
|
</div> |
|
); |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
