Initial commit with essential code files only

pages/elements/main.js

@@ -0,0 +1,32 @@
+// 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>
+  );
+}