pleb/flockstr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

landing page updates

Browse Source
This commit is contained in:
zmeyer44 2023-10-17 11:34:46 -04:00
parent f85f29ca0c
commit 4ad3a5c6e5
1 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
app/(landing)/page.tsx
View File

@ -58,17 +58,18 @@ export default function LandingPage() {
<div className="mx-auto max-w-2xl gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
<div className="w-full max-w-xl lg:shrink-0 xl:max-w-2xl">
<h1 className="text-4xl font-bold tracking-tight text-zinc-900 sm:text-6xl">
Monatized, Curated content on Nostr.
Own your following. Only on Nostr.
</h1>
<p className="relative mt-6 text-lg leading-8 text-zinc-600 sm:max-w-md lg:max-w-none">
Cupidatat minim id magna ipsum sint dolor qui. Sunt sit in
quis cupidatat mollit aute velit. Et labore commodo nulla
aliqua proident mollit ullamco exercitation tempor. Sint
aliqua anim nulla sunt mollit id pariatur in voluptate cillum.
We're bringing the creator economy onto Nostr. The days of
walled gardens are coming to an end. It's time to truly own
your following, no-long dependent on an external company.
</p>
<div className="mt-10 flex items-center gap-x-6">
<Link href="/app">
<Button className="rounded-sm">Start Exploring</Button>
<Button size={"lg"} className="rounded-sm">
Start Exploring
</Button>
</Link>
{/* <a
@ -83,9 +84,9 @@ export default function LandingPage() {
<div className="ml-auto w-44 flex-none space-y-8 pt-32 sm:ml-0 sm:pt-80 lg:order-last lg:pt-36 xl:order-none xl:pt-80">
<div className="relative">
<img
src="https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
src="https://o-0-o-image-storage.s3.amazonaws.com/Screenshot+2023-10-17+at+11.30.33+AM.png"
alt=""
className="aspect-[2/3] w-full rounded-xl bg-zinc-900/5 object-cover shadow-lg"
className="aspect-[5/7] w-full rounded-xl bg-zinc-900/5 object-cover shadow-lg"
/>
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-zinc-900/10" />
</div>
@ -93,17 +94,17 @@ export default function LandingPage() {
<div className="mr-auto w-44 flex-none space-y-8 sm:mr-0 sm:pt-52 lg:pt-36">
<div className="relative">
<img
src="https://images.unsplash.com/photo-1485217988980-11786ced9454?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
src="https://o-0-o-image-storage.s3.amazonaws.com/Screenshot+2023-10-17+at+11.16.43+AM.png"
alt=""
className="aspect-[2/3] w-full rounded-xl bg-zinc-900/5 object-cover shadow-lg"
className="aspect-[5/7] w-full rounded-xl bg-zinc-900/5 object-cover shadow-lg"
/>
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-zinc-900/10" />
</div>
<div className="relative">
<img
src="https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=focalpoint&fp-x=.4&w=396&h=528&q=80"
src="https://o-0-o-image-storage.s3.amazonaws.com/Screenshot+2023-10-17+at+11.22.52+AM.png"
alt=""
className="aspect-[2/3] w-full rounded-xl bg-zinc-900/5 object-cover shadow-lg"
className="aspect-[5/7] w-full rounded-xl bg-zinc-900/5 object-cover shadow-lg"
/>
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-zinc-900/10" />
</div>
@ -111,17 +112,17 @@ export default function LandingPage() {
<div className="w-44 flex-none space-y-8 pt-32 sm:pt-0">
<div className="relative">
<img
src="https://images.unsplash.com/photo-1670272504528-790c24957dda?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=left&w=400&h=528&q=80"
src="https://o-0-o-image-storage.s3.amazonaws.com/Screenshot+2023-10-17+at+11.16.36+AM.png"
alt=""
className="aspect-[2/3] w-full rounded-xl bg-zinc-900/5 object-cover shadow-lg"
className="aspect-[5/7] w-full rounded-xl bg-zinc-900/5 object-cover shadow-lg"
/>
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-zinc-900/10" />
</div>
<div className="relative">
<img
src="https://images.unsplash.com/photo-1670272505284-8faba1c31f7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
src="https://o-0-o-image-storage.s3.amazonaws.com/Screenshot+2023-10-17+at+11.16.09+AM.png"
alt=""
className="aspect-[2/3] w-full rounded-xl bg-zinc-900/5 object-cover shadow-lg"
className="aspect-[5/7] w-full rounded-xl bg-zinc-900/5 object-cover shadow-lg"
/>
<div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-zinc-900/10" />
</div>