feat(www): sections enhanced for clarify & diagrams added

This commit is contained in:
Musa 2025-11-20 14:14:20 -08:00
parent 94447c14e6
commit 52c6ccb9a9
11 changed files with 348 additions and 114 deletions

View file

@ -5,13 +5,13 @@ import Image from "next/image";
export function HowItWorksSection() {
return (
<section className="bg-[#1a1a1a] text-white py-24 px-6 lg:px-[102px]">
<section className="bg-[#1a1a1a] text-white pb-28 px-6 lg:px-[102px]">
<div className="max-w-324 mx-auto">
<div className="flex flex-col gap-16">
{/* Header and Description */}
<div className="max-w-4xl">
<h2 className="font-sans font-normal text-3xl lg:text-4xl tracking-[-2.88px]! text-white leading-[1.03] mb-8">
How it works
<h2 className="font-sans font-normal text-3xl lg:text-4xl tracking-[-2.4px]! text-white leading-[1.03] mb-8">
A high-level overview of how Plano works
</h2>
<div className="font-mono text-white text-xl lg:text-lg leading-10 tracking-[-1.2px]!">
<p className="mb-0">