diff options
| author | Manu Arora <manuarorawork@gmail.com> | 2025-07-09 17:30:37 +0530 |
|---|---|---|
| committer | Manu Arora <manuarorawork@gmail.com> | 2025-07-09 17:30:37 +0530 |
| commit | c5d96a0ded593cb9e270db6ca7eec031a17f5a98 (patch) | |
| tree | 04782c32580faf88f66dfa5374363c7f4486a4de /apps/web/src/components/landing/hero.tsx | |
| parent | 612fa55937e095e0561b53e33d9012c647a90ac6 (diff) | |
| download | opencut-c5d96a0ded593cb9e270db6ca7eec031a17f5a98.tar.gz | |
add: actual handlebars to resize container
Diffstat (limited to 'apps/web/src/components/landing/hero.tsx')
| -rw-r--r-- | apps/web/src/components/landing/hero.tsx | 10 |
1 files changed, 2 insertions, 8 deletions
diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx index d45f33ed..a71bee90 100644 --- a/apps/web/src/components/landing/hero.tsx +++ b/apps/web/src/components/landing/hero.tsx @@ -8,6 +8,7 @@ import { useState } from "react"; import { useToast } from "@/hooks/use-toast"; import Image from "next/image"; +import { Handlebars } from "./handlebars"; interface HeroProps { signupCount: number; @@ -91,14 +92,7 @@ export function Hero({ signupCount }: HeroProps) { className="inline-block font-bold tracking-tighter text-4xl md:text-[4rem]" > <h1>The Open Source</h1> - <div className="flex justify-center gap-4 leading-[4rem] mt-0 md:mt-2"> - <div className="relative -rotate-[2.76deg] max-w-[250px] md:max-w-[454px] mt-2"> - <Image src="/frame.svg" height={79} width={459} alt="frame" /> - <span className="absolute inset-0 flex items-center justify-center"> - Video Editor - </span> - </div> - </div> + <Handlebars>Video Editor</Handlebars> </motion.div> <motion.p |