diff options
| author | Maze Winther <mazewinther@gmail.com> | 2026-03-27 00:55:15 +0100 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2026-03-29 15:56:48 +0200 |
| commit | 4d127a038bf768eded68aae3cfa5c1b12241bdac (patch) | |
| tree | 16bbb801caf6770546cff4fdb37b6408ec9ead98 /apps/web/src/components/landing | |
| parent | 82817cb50cb0487350573d6129130aec705f924b (diff) | |
| download | opencut-4d127a038bf768eded68aae3cfa5c1b12241bdac.tar.gz | |
chore: normalize line endings
Diffstat (limited to 'apps/web/src/components/landing')
| -rw-r--r-- | apps/web/src/components/landing/hero.tsx | 82 |
1 files changed, 41 insertions, 41 deletions
diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx index 355bbc81..ac49e4be 100644 --- a/apps/web/src/components/landing/hero.tsx +++ b/apps/web/src/components/landing/hero.tsx @@ -1,41 +1,41 @@ -"use client"; - -import { Button } from "../ui/button"; -import { ArrowRight } from "lucide-react"; -import Image from "next/image"; -import { Handlebars } from "./handlebars"; -import Link from "next/link"; - -export function Hero() { - return ( - <div className="flex min-h-[calc(100svh-4.5rem)] flex-col items-center justify-between px-4 text-center"> - <Image - className="absolute top-0 left-0 -z-50 size-full object-cover opacity-85 invert dark:invert-0" - src="/landing-page-dark.png" - height={1903.5} - width={1269} - alt="OpenCut video editor landing page background" - /> - <div className="mx-auto flex w-full max-w-3xl flex-1 flex-col justify-center"> - <div className="inline-block text-4xl font-bold tracking-tighter md:text-[4rem]"> - <h1>The open source</h1> - <Handlebars>Video editor</Handlebars> - </div> - - <p className="text-muted-foreground mx-auto mt-10 max-w-xl text-base font-light tracking-wide sm:text-xl"> - A simple but powerful video editor that gets the job done. Works on - any platform. - </p> - - <div className="mt-8 flex justify-center gap-8"> - <Link href="/projects"> - <Button type="submit" size="lg" className="h-11 text-base"> - Try early beta - <ArrowRight className="ml-0.5" /> - </Button> - </Link> - </div> - </div> - </div> - ); -} +"use client";
+
+import { Button } from "../ui/button";
+import { ArrowRight } from "lucide-react";
+import Image from "next/image";
+import { Handlebars } from "./handlebars";
+import Link from "next/link";
+
+export function Hero() {
+ return (
+ <div className="flex min-h-[calc(100svh-4.5rem)] flex-col items-center justify-between px-4 text-center">
+ <Image
+ className="absolute top-0 left-0 -z-50 size-full object-cover opacity-85 invert dark:invert-0"
+ src="/landing-page-dark.png"
+ height={1903.5}
+ width={1269}
+ alt="OpenCut video editor landing page background"
+ />
+ <div className="mx-auto flex w-full max-w-3xl flex-1 flex-col justify-center">
+ <div className="inline-block text-4xl font-bold tracking-tighter md:text-[4rem]">
+ <h1>The open source</h1>
+ <Handlebars>Video editor</Handlebars>
+ </div>
+
+ <p className="text-muted-foreground mx-auto mt-10 max-w-xl text-base font-light tracking-wide sm:text-xl">
+ A simple but powerful video editor that gets the job done. Works on
+ any platform.
+ </p>
+
+ <div className="mt-8 flex justify-center gap-8">
+ <Link href="/projects">
+ <Button type="submit" size="lg" className="h-11 text-base">
+ Try early beta
+ <ArrowRight className="ml-0.5" />
+ </Button>
+ </Link>
+ </div>
+ </div>
+ </div>
+ );
+}
|