change hero section and title to opensource loom alternative

This commit is contained in:
MarconLP 2023-07-07 12:47:40 +02:00
parent 3930373a7a
commit 7fe3303b7c
No known key found for this signature in database
GPG key ID: A08A9C8B623F5EA5
2 changed files with 11 additions and 9 deletions

View file

@ -47,7 +47,7 @@ const Home: NextPage = () => {
return ( return (
<> <>
<Head> <Head>
<title>Snapify | Async video messaging</title> <title>Snapify | The Open Source Loom Alternative</title>
<meta <meta
name="description" name="description"
content="Share high-quality videos asynchronously and collaborate on your own schedule" content="Share high-quality videos asynchronously and collaborate on your own schedule"
@ -70,11 +70,11 @@ const Home: NextPage = () => {
{/*</div>*/} {/*</div>*/}
<div className="text-center"> <div className="text-center">
<h1 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl"> <h1 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">
Async video messaging The open source Loom alternative.
</h1> </h1>
<p className="mt-6 text-lg leading-8 text-gray-600"> <p className="mt-6 text-lg leading-8 text-gray-600">
Share high-quality videos asynchronously and collaborate on your Self-hosted or hosted by us. You are in control of your own
own schedule data.
</p> </p>
<div className="mt-10 flex items-center justify-center gap-x-6"> <div className="mt-10 flex items-center justify-center gap-x-6">
<button <button

View file

@ -84,7 +84,9 @@ const VideoList: NextPage = () => {
return ( return (
<> <>
<Head> <Head>
<title>{video?.title ?? "Snapify | Async video messaging"}</title> <title>
{video?.title ?? "Snapify | The Open Source Loom Alternative"}
</title>
<meta <meta
name="description" name="description"
content="Share high-quality videos asynchronously and collaborate on your own schedule" content="Share high-quality videos asynchronously and collaborate on your own schedule"
@ -170,8 +172,8 @@ const VideoList: NextPage = () => {
</div> </div>
) : ( ) : (
<div className="mb-4 flex flex-col"> <div className="mb-4 flex flex-col">
<div className="animate-pulse h-5 w-[300px] rounded bg-slate-200"></div> <div className="h-5 w-[300px] animate-pulse rounded bg-slate-200"></div>
<div className="animate-pulse mt-2 h-4 w-[50px] rounded bg-slate-200"></div> <div className="mt-2 h-4 w-[50px] animate-pulse rounded bg-slate-200"></div>
</div> </div>
)} )}
</div> </div>
@ -191,8 +193,8 @@ const VideoList: NextPage = () => {
</> </>
) : ( ) : (
<> <>
<div className="animate-pulse h-10 w-10 overflow-hidden rounded-full bg-slate-200"></div> <div className="h-10 w-10 animate-pulse overflow-hidden rounded-full bg-slate-200"></div>
<div className="animate-pulse ml-3 h-4 w-[100px] rounded bg-slate-200 font-medium"></div> <div className="ml-3 h-4 w-[100px] animate-pulse rounded bg-slate-200 font-medium"></div>
</> </>
)} )}
</div> </div>