continue re-design

2025-09-05 13:06:17 -04:00
parent b96d048dbd
commit 836b085f75
270 changed files with 32269 additions and 5182 deletions
@@ -0,0 +1,55 @@
+import {
+  Connector,
+  ConnectorToLeft,
+  ConnectorToRight,
+} from "@/components/shared/layout/curvy-rect";
+
+export default function SectionTitle({
+  index,
+  max,
+  title,
+}: {
+  index: number;
+  max: number;
+  title: string;
+}) {
+  return (
+    <div className="container -mt-1 pointer-events-none select-none relative">
+      <Connector className="absolute right-[-10.5px] -top-10" />
+      <Connector className="absolute left-[-10.5px] -top-10" />
+      <Connector className="absolute right-[-10.5px] -bottom-10" />
+      <Connector className="absolute left-[-10.5px] -bottom-10" />
+
+      <div className="h-92 lg:h-140 relative">
+        <div className="h-1 bottom-0 absolute left-0 w-full bg-border-faint" />
+        <div className="h-1 top-0 absolute w-screen left-[calc(50%-50vw)] bg-border-faint" />
+      </div>
+
+      <div className="relative grid lg:grid-cols-2 -mt-1">
+        <div className="h-1 bottom-0 absolute w-screen left-[calc(50%-50vw)] bg-border-faint" />
+
+        <ConnectorToRight className="absolute left-0 -top-10" />
+        <ConnectorToLeft className="absolute right-0 -top-10" />
+
+        <div className="flex gap-40 py-24 lg:py-45 relative">
+          <div className="h-full w-1 right-0 top-0 bg-border-faint absolute lg-max:hidden" />
+          <div className="w-2 h-16 bg-heat-100" />
+
+          <div className="flex gap-12 items-center !text-mono-x-small text-black-alpha-16 font-mono">
+            <div>
+              [{" "}
+              <span className="text-heat-100">
+                {index.toString().padStart(2, "0")}
+              </span>{" "}
+              / {max.toString().padStart(2, "0")} ]
+            </div>
+
+            <div className="w-8 text-center">·</div>
+
+            <div className="uppercase text-black-alpha-32">{title}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}