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/PackHero.tsx | |
| parent | 4ddbf86780b7dd2f74f8fcc037ede1222f73f81e (diff) | |
| download | HydroRoll-e76a5f847e78fee4e62f6eb37d468557a1504c55.tar.gz HydroRoll-e76a5f847e78fee4e62f6eb37d468557a1504c55.zip | |
Diffstat (limited to 'docs/components/pages/pack-home/PackHero.tsx')
| -rw-r--r-- | docs/components/pages/pack-home/PackHero.tsx | 115 |
1 files changed, 0 insertions, 115 deletions
diff --git a/docs/components/pages/pack-home/PackHero.tsx b/docs/components/pages/pack-home/PackHero.tsx deleted file mode 100644 index 9def8df..0000000 --- a/docs/components/pages/pack-home/PackHero.tsx +++ /dev/null @@ -1,115 +0,0 @@ -import cn from "classnames"; -import Image from "next/image"; -import Link from "next/link"; -// import { Marquee } from "../../clients/Marquee"; -// import { Clients } from "../../clients/Clients"; -import gradients from "../home-shared/gradients.module.css"; -import { HeroText, SectionSubtext } from "../home-shared/Headings"; -import { Gradient } from "../home-shared/Gradient"; -import { FadeIn } from "../home-shared/FadeIn"; -import { CTAButton } from "../home-shared/CTAButton"; -import PackLogo from "../../logos/PackLogo"; - -export function PackHero() { - return ( - <> - <FadeIn - noVertical - className="font-sans w-auto pb-16 pt-[48px] md:pb-24 lg:pb-32 md:pt-16 lg:pt-20 flex justify-between gap-8 items-center flex-col relative z-0" - > - <FadeIn className="z-50 flex items-center justify-center w-full"> - <div className="absolute min-w-[614px] min-h-[614px]"> - <Image - alt="HydroRollTRPG" - src="/images/docs/TRPG/turbopack-hero-hexagons-dark.svg" - width={614} - height={614} - className="hidden dark:block" - /> - <Image - alt="HydroRollTRPG" - src="/images/docs/TRPG/turbopack-hero-hexagons-light.svg" - width={614} - height={614} - className="block dark:hidden" - /> - </div> - <div className="absolute z-50 flex items-center justify-center w-64 h-64"> - <Gradient - small - width={120} - height={120} - conic - className="dark:opacity-100 opacity-40" - /> - </div> - - <div className="w-[120px] z-50 mt-[-8.075px] mb-[-8.075px]"> - <Image - alt="" - src={`/images/docs/TRPG/turbopack-hero-logo-dark.svg`} - width={120} - height={136.15} - className="hidden dark:block" - /> - <Image - alt="" - src={`/images/docs/TRPG/turbopack-hero-logo-light.svg`} - width={120} - height={136.15} - className="block dark:hidden" - /> - </div> - </FadeIn> - <Gradient - width={1000} - height={1000} - className="top-[-500px] dark:opacity-20 opacity-[0.15]" - conic - /> - <div className="absolute top-0 z-10 w-full h-48 dark:from-black from-white to-transparent bg-gradient-to-b" /> - <FadeIn - delay={0.15} - className="z-50 flex flex-col items-center justify-center gap-5 px-6 text-center lg:gap-6" - > - <PackLogo - alt="Turbopack" - width="200" - className="w-[160px] md:w-[200px] fill-black dark:fill-white" - /> - <HeroText h1>The Rust-powered successor to Webpack</HeroText> - <SectionSubtext hero> - Turbopack is an incremental bundler optimized for JavaScript and - TypeScript, written in Rust. - </SectionSubtext> - </FadeIn> - <FadeIn - delay={0.3} - className="z-50 flex flex-col items-center w-full max-w-md gap-5 px-6" - > - <div className="flex flex-col w-full gap-3 md:!flex-row"> - <CTAButton> - <Link href="/TRPG/docs" className="block py-3"> - Get Started - </Link> - </CTAButton> - <CTAButton outline> - <a - target="_blank" - rel="noreferrer" - href="https://github.com/retrofor/HydroRoll" - className="block py-3" - > - GitHub - </a> - </CTAButton> - </div> - <p className="text-sm text-[#666666]">License: MPL-2.0</p> - </FadeIn> - <FadeIn delay={0.5} className="relative w-full"> - <div className="absolute bottom-0 w-full dark:from-black from-white to-transparent h-72 bg-gradient-to-t" /> - </FadeIn> - </FadeIn> - </> - ); -} |
