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

View file

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