diff options
| author | 2023-05-03 01:22:45 +0800 | |
|---|---|---|
| committer | 2023-05-03 01:22:45 +0800 | |
| commit | e76a5f847e78fee4e62f6eb37d468557a1504c55 (patch) | |
| tree | 4bcdeeeafb5bdc5945d855a22e6495926b5fbdd6 /docs/components/pages/pack-home/PackLetter.tsx | |
| parent | 4ddbf86780b7dd2f74f8fcc037ede1222f73f81e (diff) | |
| download | HydroRoll-e76a5f847e78fee4e62f6eb37d468557a1504c55.tar.gz HydroRoll-e76a5f847e78fee4e62f6eb37d468557a1504c55.zip | |
Diffstat (limited to 'docs/components/pages/pack-home/PackLetter.tsx')
| -rw-r--r-- | docs/components/pages/pack-home/PackLetter.tsx | 114 |
1 files changed, 0 insertions, 114 deletions
diff --git a/docs/components/pages/pack-home/PackLetter.tsx b/docs/components/pages/pack-home/PackLetter.tsx deleted file mode 100644 index 46477d7..0000000 --- a/docs/components/pages/pack-home/PackLetter.tsx +++ /dev/null @@ -1,114 +0,0 @@ -import { HeroText } from "../home-shared/Headings"; -import Image from "next/image"; -import cn from "classnames"; -import gradients from "../home-shared/gradients.module.css"; -import { FadeIn } from "../home-shared/FadeIn"; -import { CTAButton } from "../home-shared/CTAButton"; -import Link from "next/link"; -import { Gradient } from "../home-shared/Gradient"; - -export function PackLetter() { - return ( - <section className="relative flex flex-col items-center px-6 py-16 font-sans md:py-24 lg:py-32 gap-14"> - <FadeIn> - <HeroText> - Let's move - <br /> - the web forward - </HeroText> - </FadeIn> - <div className="flex flex-col max-w-xl leading-6 md:text-lg lg:text-lg"> - <FadeIn className="opacity-70"> - <p> - It's time for a new beginning in compiler infrastructure for - the entire web ecosystem. Webpack has been downloaded over 3 billion - times. It's become an integral part of building for the web. - But just like Babel and Terser, it's time to go all-in on - native. I joined Vercel and assembled a team of world class - engineers to build the web's next generation bundler. - </p> - <br /> - <p> - This team has taken lessons from 10 years of Webpack, combined with - the innovations in incremental computation from Turborepo and - Google's Bazel, and invented an architecture ready to withstand - the next 10 years. - </p> - <br /> - <p> - With that, we're excited to introduce Turbopack, our - Rust-powered successor to Webpack. It will harness the power of our - build system, Turborepo, for massive performance improvements. - Turbopack is the new foundation of high-performance bare-metal - tooling and is now open source—we're excited to share it with - you. - </p> - </FadeIn> - <FadeIn - noVertical - viewTriggerOffset - className="relative h-2 md:h-12 lg:h-12" - > - <span - className={cn( - "w-full h-[1px] -bottom-8 md:-bottom-4 lg:-bottom-4 absolute", - gradients.letterLine - )} - /> - </FadeIn> - <FadeIn - viewTriggerOffset - noVertical - className="flex items-end justify-center gap-3 md:self-start md:-ml-4 lg:self-start lg:-ml-4 min-w-[300px]" - > - <div className="w-24 h-24 min-w-[96px] min-h-[96px] rounded-full border dark:border-white/10 border-black/10 flex items-center justify-center "> - <Image - alt="Image of Tobias Koopers" - src="/images/people/tobiaskoppers.jpg" - width={64} - height={64} - className="rounded-full" - /> - </div> - <div className="flex flex-col gap-3 pb-2"> - <Image - alt="Tobias Koppers hand written signature" - src="/images/docs/TRPG/tobias-signature-light.svg" - // 16 px added and offset to account for the glow - width={173 + 16} - height={91 + 16} - className="block -mb-3 -ml-3 dark:hidden" - /> - <Image - alt="Tobias Koppers hand written signature" - src="/images/docs/TRPG/tobias-signature-dark.svg" - // 16 px added and offset to account for the glow - width={173 + 16} - height={91 + 16} - className="hidden -mb-3 -ml-3 dark:block" - /> - <div className="flex gap-2 flex-wrap text-sm leading-none text-[#888888] max-w-[156px] md:max-w-xl lg:max-w-xl"> - <p className="font-bold">Tobias Koppers</p> - <p>Creator of Webpack</p> - </div> - </div> - </FadeIn> - </div> - <FadeIn noVertical className="relative flex justify-center w-full mt-16"> - <div className="max-w-[180px] w-full"> - <CTAButton> - <Link href="/TRPG/docs" className="block py-3 font-sans"> - Start Building - </Link> - </CTAButton> - </div> - <Gradient - width={1200} - height={300} - className="bottom-[-200px] -z-10 opacity-20" - conic - /> - </FadeIn> - </section> - ); -} |
