gradient
This commit is contained in:
parent
e296c56778
commit
95ca59bc27
@ -5,11 +5,11 @@ export default function Home() {
|
|||||||
return (
|
return (
|
||||||
<main className="min-h-screen bg-white text-black">
|
<main className="min-h-screen bg-white text-black">
|
||||||
<Navbar></Navbar>
|
<Navbar></Navbar>
|
||||||
<div className="w-full h-[90vh] relative overflow-hidden">
|
<div className="w-full h-75vh] relative overflow-hidden">
|
||||||
<div className="">
|
<div className="">
|
||||||
<Image height={2000} width={2000} alt="Background Image" src="/lava_flows.jpg"></Image>
|
<Image height={2000} width={2000} alt="Background Image" src="/lava_flows.jpg"></Image>
|
||||||
</div>
|
</div>
|
||||||
<div className="absolute inset-0 bg-gradient-to-b from-transparent via-black/50 to-black/80"></div>
|
<div className="absolute inset-0 bg-gradient-to-b from-transparent via-black/30 to-black/60"></div>
|
||||||
<div className="flex inset-0 w-full absolute mt-24 float">
|
<div className="flex inset-0 w-full absolute mt-24 float">
|
||||||
<p className="mx-auto text-7xl text-white font-bold font-[roboto]">
|
<p className="mx-auto text-7xl text-white font-bold font-[roboto]">
|
||||||
<Image height={300} width={750} alt="Title Image" src="/tremortrackertext.png"></Image>
|
<Image height={300} width={750} alt="Title Image" src="/tremortrackertext.png"></Image>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user