diff --git a/README.md b/README.md index 90553bc1..c6fe3cc6 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -![hero](github.png) +![hero](apps/public/public/ogimage.png)

Openpanel

diff --git a/apps/dashboard/src/app/(app)/create-organization.tsx b/apps/dashboard/src/app/(app)/create-organization.tsx index 9d4d5d59..46e4d3a1 100644 --- a/apps/dashboard/src/app/(app)/create-organization.tsx +++ b/apps/dashboard/src/app/(app)/create-organization.tsx @@ -2,6 +2,7 @@ import { CreateClientSuccess } from '@/components/clients/create-client-success'; import { LogoSquare } from '@/components/logo'; +import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'; import { Button, buttonVariants } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; @@ -92,6 +93,20 @@ export function CreateOrganization() { Create your organization below (can be personal or a company) and your first project. + + Free during beta + + Openpanel is free during beta. Check our{' '} + + pricing + {' '} + if you're curious. We'll also have a free tier. + +
Get early access - Ready to set your analytics free? Get on our waitlist. + + Ready to set your analytics free? Create your account today! +
- + + Create your account +
diff --git a/apps/public/src/app/hero.tsx b/apps/public/src/app/hero.tsx index 289faada..9777c699 100644 --- a/apps/public/src/app/hero.tsx +++ b/apps/public/src/app/hero.tsx @@ -1,13 +1,25 @@ -import { Heading1, Lead2 } from './copy'; -import { JoinWaitlistHero } from './join-waitlist-hero'; -import { SocialProofServer } from './social-proof'; +import { ALink } from '@/components/ui/button'; -export function Hero() { +import { chQuery } from '@openpanel/db'; + +import { Heading1, Lead2 } from './copy'; + +export async function Hero() { + const projects = await chQuery<{ project_id: string; count: number }>( + 'SELECT project_id, count(*) as count from events GROUP by project_id order by count()' + ); + const projectCount = projects.length; + const eventCount = projects.reduce((acc, { count }) => acc + count, 0); return (
{/*
*/}
+
+
+ NOW OPEN BETA! +
+
An open-source
@@ -17,8 +29,33 @@ export function Hero() { The power of Mixpanel, the ease of Plausible and nothing from Google Analytics 😉 - - + +
+ + Create account + + + See demo + +
+

+ We have{' '} + {projectCount} projects{' '} + receiving{' '} + + {new Intl.NumberFormat('en').format(eventCount)} events + {' '} + in total! +

diff --git a/apps/public/src/app/meta.ts b/apps/public/src/app/meta.ts index afc50c9b..00b613fd 100644 --- a/apps/public/src/app/meta.ts +++ b/apps/public/src/app/meta.ts @@ -14,8 +14,8 @@ export const defaultMeta: Metadata = { images: [ { url: 'https://openpanel.dev/ogimage.png', - width: 1200, - height: 630, + width: 2011, + height: 1339, alt: title, }, ], diff --git a/apps/public/src/app/navbar.tsx b/apps/public/src/app/navbar.tsx index 4677e6df..f9cfd009 100644 --- a/apps/public/src/app/navbar.tsx +++ b/apps/public/src/app/navbar.tsx @@ -15,11 +15,15 @@ export function Navbar({ darkText = false, className }: Props) { const textColor = darkText ? 'text-blue-dark' : 'text-white'; return (
-