xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: landing-page

Browse Source
This commit is contained in:
yassinehaimouch
2025-06-25 15:00:35 +01:00
parent c18b173bc9
commit ba9870a908
7 changed files with 50 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
apps/web/src/components/landing/hero.tsx
View File

@ -8,6 +8,7 @@ import Link from "next/link";
import { useEffect, useState } from "react";
import { useToast } from "@/hooks/use-toast";
import { getStars } from "@/lib/fetchGhStars";
import Image from "next/image";
interface HeroProps {
signupCount: number;
@ -82,7 +83,7 @@ export function Hero({ signupCount }: HeroProps) {
};
return (
<div className="min-h-[calc(100vh-4rem)] flex flex-col justify-between items-center text-center px-4">
<div className="min-h-[calc(100vh-6rem)] flex flex-col justify-between items-center text-center px-4">
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
@ -93,14 +94,24 @@ export function Hero({ signupCount }: HeroProps) {
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ delay: 0.2, duration: 0.8 }}
className="inline-block"
className="inline-block font-bold tracking-tighter text-4xl md:text-[4rem]"
>
<h1 className="text-5xl sm:text-7xl font-bold tracking-tighter">
The open source
</h1>
<h1 className="text-5xl sm:text-7xl font-bold tracking-tighter mt-2">
video editor
</h1>
<h1>The First Open Source</h1>
<div className="flex justify-center gap-4 leading-[4rem] mt-0 md:mt-2">
<span className="md:pl-24 ">Online</span>
<div className="relative -rotate-[3.76deg] max-w-[250px] md:max-w-[454px]">
<Image
className="mt-2.5 md:mt-0"
src="/frame.svg"
height={79}
width={459}
alt="frame"
/>
<span className="absolute inset-0 flex items-center justify-center ">
Video Editor
</span>
</div>
</div>
</motion.div>
<motion.p