Commit workspace changes

resources/js/components/docs/DocsSection.jsx

@@ -0,0 +1,14 @@
+import React from 'react'
+
+export default function DocsSection({ id, eyebrow, title, summary, children, className = '' }) {
+  return (
+    <section id={id} aria-labelledby={`${id}-title`} className={`scroll-mt-24 rounded-[32px] border border-white/10 bg-white/[0.03] p-6 shadow-[0_22px_70px_rgba(2,6,23,0.22)] md:p-7 ${className}`.trim()}>
+      <div className="max-w-3xl">
+        {eyebrow ? <p className="text-[11px] font-semibold uppercase tracking-[0.22em] text-sky-200/80">{eyebrow}</p> : null}
+        <h2 id={`${id}-title`} className="mt-2 text-3xl font-semibold tracking-[-0.03em] text-white md:text-[2rem]">{title}</h2>
+        {summary ? <p className="mt-4 text-sm leading-7 text-slate-300 md:text-[15px]">{summary}</p> : null}
+      </div>
+      <div className="mt-6">{children}</div>
+    </section>
+  )
+}