init: First version

app/_page_sections/AboutSection.tsx

@@ -0,0 +1,21 @@
+import { aboutPicture } from "@/_assets/illustrations";
+import bio from "@/_data/bio";
+import Image from "next/image";
+import React from "react";
+import cls from "./AboutSection.module.scss";
+
+const AboutSection: React.FC = () => (
+	<section id="about" className={ cls.section }>
+		<div>
+			<h2>About me</h2>
+
+			{ bio.map((i, index) =>
+				<p key={ index }>{ i }</p>
+			) }
+		</div>
+
+		<Image src={ aboutPicture.src } alt={ aboutPicture.alt } />
+	</section>
+);
+
+export default AboutSection;