Frontend migration

frontend/components/Section.tsx

@@ -0,0 +1,34 @@
+'use client';
+
+import React, {CSSProperties} from "react";
+import clsx from "clsx";
+
+interface SectionProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    shadow?: boolean;
+}
+
+const Section: React.FC<SectionProps> = ({
+                                             children,
+                                             className = "",
+                                             style,
+                                             shadow = false,
+                                         }) => {
+    return (
+        <section
+            className={clsx("relative transition-colors duration-500", className)}
+            style={style}
+        >
+            <div className="relative z-10">{children}</div>
+            {shadow && (
+                <div
+                    className="absolute bottom-0 left-0 w-full h-16 pointer-events-none"
+                />
+            )}
+        </section>
+    );
+};
+
+export default Section;