feat&fix(Wip home page, services and illustrations & add static pages)

resources/js/components/common/LegalSection.tsx

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+
+interface Props {
+    heading: string;
+    children: ReactNode;
+}
+
+export function LegalSection({ heading, children }: Props) {
+    return (
+        <section className="flex flex-col gap-3">
+            <h2 className="text-xl font-semibold text-accent border-b border-accent/20 pb-2">
+                {heading}
+            </h2>
+            <div className="text-sm leading-relaxed text-foreground flex flex-col gap-2">
+                {children}
+            </div>
+        </section>
+    );
+}