summaryrefslogtreecommitdiff
path: root/apps/web/src/components/landing
diff options
context:
space:
mode:
Diffstat (limited to 'apps/web/src/components/landing')
-rw-r--r--apps/web/src/components/landing/hero.tsx82
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>
+ );
+}