33 lines
1.3 KiB
JavaScript
33 lines
1.3 KiB
JavaScript
// import Image from "next/image";
|
|
|
|
export default function Main() {
|
|
return (
|
|
<div className="flex px-48 py-12 ">
|
|
<div className="relative ">
|
|
<div className="absolute rounded-l-3xl h-full w-1/2 bg-slate-800 opacity-50 "></div>
|
|
<div className="absolute rounded-l-3xl h-full w-1/2 text-white p-12">
|
|
<h1 className="text-6xl py-4">Lorem Ipsum</h1>
|
|
<p className="text-2xl py-4">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
|
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
|
|
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
|
aliquip ex ea commodo consequat. Duis aute irure dolor in
|
|
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
|
culpa qui officia deserunt mollit anim id est laborum.
|
|
</p>
|
|
</div>
|
|
<div
|
|
className="absolute rounded-xl bg-slate-300 right-20 bottom-20 px-3 py-2 cursor-pointer"
|
|
onClick={(e) => {
|
|
console.log(e.target.innerHTML);
|
|
}}
|
|
>
|
|
Więcej
|
|
</div>
|
|
<img src="/main.png" alt="Prąd" className="rounded-3xl"></img>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|