aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/docs/components/pages/pack-home/PackLetter.tsx
diff options
context:
space:
mode:
author简律纯 <hsiangnianian@outlook.com>2023-05-03 01:22:45 +0800
committer简律纯 <hsiangnianian@outlook.com>2023-05-03 01:22:45 +0800
commite76a5f847e78fee4e62f6eb37d468557a1504c55 (patch)
tree4bcdeeeafb5bdc5945d855a22e6495926b5fbdd6 /docs/components/pages/pack-home/PackLetter.tsx
parent4ddbf86780b7dd2f74f8fcc037ede1222f73f81e (diff)
downloadHydroRoll-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.tsx114
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&apos;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&apos;s time for a new beginning in compiler infrastructure for
- the entire web ecosystem. Webpack has been downloaded over 3 billion
- times. It&apos;s become an integral part of building for the web.
- But just like Babel and Terser, it&apos;s time to go all-in on
- native. I joined Vercel and assembled a team of world class
- engineers to build the web&apos;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&apos;s Bazel, and invented an architecture ready to withstand
- the next 10 years.
- </p>
- <br />
- <p>
- With that, we&apos;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&apos;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>
- );
-}