zias/stats
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

a looooot

Browse Source
This commit is contained in:
Carl-Gerhard Lindesvärd
2024-02-22 21:50:30 +01:00
parent 1d800835b8
commit 9c92803c4c
61 changed files with 2689 additions and 681 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
apps/public/src/app/hero.tsx
View File

@@ -38,41 +38,27 @@ const features = [
export function Hero({ waitlistCount }: { waitlistCount: number }) {
return (
<div>
<div className="absolute top-0 left-0 right-0 py-6">
<div className="container">
<div className="flex justify-between">
<Logo />
</div>
</div>
</div>
<div
className="flex flex-col items-center w-full text-center text-blue-950 bg-[radial-gradient(circle_at_2px_2px,#D9DEF6_2px,transparent_0)] relative"
style={{
backgroundSize: '70px 70px',
}}
>
<div className="py-32 p-4 flex flex-col items-center max-w-3xl bg-[radial-gradient(circle,rgba(255,255,255,0.7)_0%,rgba(255,255,255,0.7)_50%,rgba(255,255,255,0)_100%)]">
<Heading1 className="mb-4">
An open-source
<br />
alternative to Mixpanel
</Heading1>
<p className="mb-8">
Mixpanel + Plausible ={' '}
<strong className="text-blue-600">Openpanel!</strong> A simple
analytics tool that your wallet can afford.
<div className="flex flex-col items-center w-full text-center text-blue-950">
<div className="py-32 p-4 flex flex-col items-center max-w-3xl bg-[radial-gradient(circle,rgba(255,255,255,0.7)_0%,rgba(255,255,255,0.7)_50%,rgba(255,255,255,0)_100%)]">
<Heading1 className="mb-4">
An open-source
<br />
alternative to Mixpanel
</Heading1>
<p className="mb-8">
Mixpanel + Plausible ={' '}
<strong className="text-blue-600">Openpanel!</strong> A simple
analytics tool that your wallet can afford.
</p>
<JoinWaitlist />
<div className="mt-4 text-sm">
<p>Get ahead of the curve and join our waiting list{' - '}</p>
<p>
there are already{' '}
<strong>{waitlistCount} savvy individuals on board!</strong> 🎉
</p>
<JoinWaitlist />
<div className="mt-4 text-sm">
<p>Get ahead of the curve and join our waiting list{' - '}</p>
<p>
there are already{' '}
<strong>{waitlistCount} savvy individuals on board!</strong> 🎉
</p>
</div>
{/* <div className="flex flex-wrap gap-10 mt-8 max-w-xl justify-center">
</div>
{/* <div className="flex flex-wrap gap-10 mt-8 max-w-xl justify-center">
{features.map(({ icon: Icon, title }) => (
<div className="flex gap-2 items-center justify-center">
<Icon className="text-blue-light " />
@@ -80,7 +66,6 @@ export function Hero({ waitlistCount }: { waitlistCount: number }) {
</div>
))}
</div> */}
</div>
</div>
</div>
);