Enhanced homepage CSS
This commit is contained in:
@@ -45,7 +45,7 @@ export default function HomePage() {
|
|||||||
className="absolute object-cover w-full h-screen -z-10 brightness-50"
|
className="absolute object-cover w-full h-screen -z-10 brightness-50"
|
||||||
src="../assets/hdb-bg.mp4"
|
src="../assets/hdb-bg.mp4"
|
||||||
></video>
|
></video>
|
||||||
<div className="p-10 w-full h-full flex flex-col justify-center">
|
<div className="pl-[10vw] w-full h-full flex flex-col justify-center">
|
||||||
<div className="flex flex-col gap-8">
|
<div className="flex flex-col gap-8">
|
||||||
<div className="w-60">
|
<div className="w-60">
|
||||||
<img
|
<img
|
||||||
@@ -54,8 +54,10 @@ export default function HomePage() {
|
|||||||
className="invert hue-rotate-180"
|
className="invert hue-rotate-180"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-5xl font-bold max-w-[600px]">
|
<p className="text-5xl font-bold leading-tight">
|
||||||
Connecting neighbourhoods together
|
Connecting
|
||||||
|
<br />
|
||||||
|
neighbourhoods together
|
||||||
</p>
|
</p>
|
||||||
<div className="flex flex-row gap-4">
|
<div className="flex flex-row gap-4">
|
||||||
<button
|
<button
|
||||||
|
|||||||
Reference in New Issue
Block a user