Spaces:
Build error
Build error
File size: 1,849 Bytes
75fefa7 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
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>
);
}
|