Spaces:
Sleeping
Sleeping
File size: 1,966 Bytes
06a7653 6873acf 06a7653 6873acf 06a7653 6873acf 06a7653 6873acf 06a7653 6873acf 06a7653 6873acf 06a7653 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 |
"use client";
import { IconButton, Button, Typography } from "@material-tailwind/react";
import { PlayIcon } from "@heroicons/react/24/solid";
function Hero() {
return (
<div className="relative min-h-screen w-full bg-[url('/image/event.jpeg')] bg-cover bg-no-repeat">
<div className="absolute inset-0 h-full w-full bg-gray-900/60" />
<div className="grid min-h-screen px-8">
<div className="container relative z-10 my-auto mx-auto grid place-items-center text-center">
<Typography variant="h3" color="white" className="mb-2" placeholder={""}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
>
29-31 August @ New York
</Typography>
<Typography variant="h1" color="white" className="lg:max-w-3xl" placeholder={""}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
>
AI Conference 2023: Unlocking the Future
</Typography>
<Typography placeholder={""}
variant="lead"
color="white"
className="mt-1 mb-12 w-full md:max-w-full lg:max-w-2xl"
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
>
Join us for the most anticipated event of the year - the AI
Conference 2023!
</Typography>
<div className="flex items-center gap-4">
<Button variant="gradient" color="white" placeholder={""} onPointerEnterCapture={undefined} onPointerLeaveCapture={undefined}>
Get started
</Button>
<IconButton
className="rounded-full bg-white p-6"
placeholder={""}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
>
<PlayIcon className="h-4 w-4 text-gray-900" />
</IconButton>
</div>
</div>
</div>
</div>
);
}
export default Hero;
|