First Commit

components/layout/Section.tsx

@@ -0,0 +1,19 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Section({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>) {
+    return (
+        <section
+            {...props}
+            className={twMerge(
+                "flex flex-col items-center w-full",
+                "px-4 sm:px-10 py-10",
+                props.className
+            )}
+        >
+            {props.children}
+        </section>
+    );
+}