-- **Prompt to recreate the About section:** > Build a full-viewport "About the Founders" section using React with Tailwind CSS and lucide-react for icons. This is a single `` with the following exact specifications: > > **Section container:** > - `id="about"` > - Background color: `#F0F5F7` > - `min-height: 100vh` > - Position relative > - Padding: `py-20 sm:py-28 px-6 sm:px-10` > - Uses `flex flex-col justify-center` to vertically center content > > **Inner wrapper:** > - `max-w-7xl mx-auto` > > **Top row -- heading + description (side by side on desktop):** > - A flex container: `flex flex-col lg:flex-row items-start justify-between gap-10 lg:gap-20` > - All text color: `#154359` > > **Left side -- Section heading:** > - `` with text `About` on line 1, `the founders` on line 2 (separated by ``) > - Uses custom font class `.font-firs` (font-family: `'TT Firs Neue', 'Inter', system-ui, sans-serif`) > - Font sizes: `text-[36px] sm:text-[48px] lg:text-[54px]` > - `font-semibold uppercase tracking-tight leading-[0.95]` > > **Right side -- Description block:** > - `flex flex-col max-w-xl` > - Text container: `text-[17px] sm:text-[18px] leading-[1.5]`, color `#154359` > - Paragraph 1: `"Launchex.Hub is a platform that is part of a portfolio of companies Launchex, for sourcing and showcasing groundbreaking innovations."` > - Paragraph 2: `"Launchex.Hub's mission is to offer every local-language innovator the chance to reshape our world with their pioneering creation."` -- with `mt
……（完整源码请在站内查看）
.webp)