diff --git a/apps/web/src/app/community/page.tsx b/apps/web/src/app/community/page.tsx new file mode 100644 index 0000000..d993f83 --- /dev/null +++ b/apps/web/src/app/community/page.tsx @@ -0,0 +1,289 @@ +import { Metadata } from 'next' +import Link from 'next/link' +import { Header } from '@/components/marketing/header' +import { Footer } from '@/components/marketing/footer' +import { Button } from '@/components/ui/button' +import { Badge } from '@/components/ui/badge' +import { Breadcrumbs } from '@/components/seo/breadcrumbs' +import { + GraduationCap, + Code2, + Heart, + Mail, + Check, + ArrowRight, + Github, + BookOpen, + Users, +} from 'lucide-react' +import { generateMetadata as generateSeoMetadata } from '@/lib/seo' + +export const metadata: Metadata = generateSeoMetadata({ + title: 'Free for Students & Open Source', + description: + 'data-peek is free for students, educators, and open source developers. Get a free Pro license — just send us an email.', + keywords: [ + 'free database client students', + 'free SQL editor students', + 'open source database tool', + 'free PostgreSQL client', + 'student developer tools', + 'free database IDE', + ], + path: '/community', +}) + +const programs = [ + { + title: 'Students & Educators', + icon: GraduationCap, + description: 'Currently enrolled students, teachers, professors, and academic researchers.', + color: '#4ade80', + eligible: [ + 'University & college students', + 'High school students learning to code', + 'Teachers & professors', + 'Academic researchers', + 'Coding bootcamp students', + ], + }, + { + title: 'Open Source Developers', + icon: Code2, + description: + 'Active contributors and maintainers of open source projects.', + color: '#6b8cf5', + eligible: [ + 'OSS project maintainers', + 'Active open source contributors', + 'Open source project leads', + 'Non-profit developers', + 'Community project builders', + ], + }, +] + +export default function CommunityPage() { + return ( +
+
+ +
+
+ +
+ + {/* Hero Section */} +
+ + + Free Pro License + + +

+ Free for students +
+ & open source devs +

+ +

+ We believe great tools should be accessible to everyone. +
+ + If you're a student or building open source, data-peek Pro is on us. +

+ + +
+ + {/* Program Cards */} +
+
+ {programs.map((program) => ( +
+ {/* Program Header */} +
+
+ +
+
+

+ {program.title} +

+

+ {program.description} +

+
+
+ + {/* Eligibility List */} +
    + {program.eligible.map((item) => ( +
  • +
    + +
    + + {item} + +
  • + ))} +
+
+ ))} +
+
+ + {/* What You Get */} +
+
+

+ What you get +

+
    + {[ + 'Full Pro license', + 'All features unlocked', + 'PostgreSQL, MySQL, SQL Server', + 'Unlimited connections', + 'AI Assistant (BYOK)', + 'All future updates', + 'Commercial use at school/OSS', + '3 device activations', + ].map((feature) => ( +
  • +
    + +
    + + {feature} + +
  • + ))} +
+
+
+ + {/* How to Get It */} +
+

+ How to get your free license +

+
+ {[ + { + step: '01', + icon: Mail, + title: 'Send an email', + description: 'Email hello@datapeek.dev with a brief intro.', + }, + { + step: '02', + icon: BookOpen, + title: 'Tell us about yourself', + description: + 'Share your school, project, or GitHub profile.', + }, + { + step: '03', + icon: Users, + title: 'Get your license', + description: "We'll send you a Pro license key, usually within 24 hours.", + }, + ].map((item) => ( +
+ + {item.step} + +
+ +
+

+ {item.title} +

+

{item.description}

+
+ ))} +
+
+ + {/* CTA Section */} +
+
+

+ Ready to get started? +

+

+ Just send us an email. No forms, no verification hoops. We'll hook you up. +

+
+ + +
+
+
+
+ +
+ ) +} diff --git a/apps/web/src/app/sitemap.ts b/apps/web/src/app/sitemap.ts index 6107e3f..19053c6 100644 --- a/apps/web/src/app/sitemap.ts +++ b/apps/web/src/app/sitemap.ts @@ -64,6 +64,12 @@ export default function sitemap(): MetadataRoute.Sitemap { priority: 0.7, }, ...compareUrls, + { + url: `${BASE_URL}/community`, + lastModified: new Date(), + changeFrequency: "monthly" as const, + priority: 0.8, + }, { url: `${BASE_URL}/privacy`, lastModified: new Date(), diff --git a/apps/web/src/components/marketing/footer.tsx b/apps/web/src/components/marketing/footer.tsx index a3839ab..99c33c4 100644 --- a/apps/web/src/components/marketing/footer.tsx +++ b/apps/web/src/components/marketing/footer.tsx @@ -28,6 +28,7 @@ const footerLinks = { }, { label: "Blog", href: "/blog" }, { label: "FAQ", href: "/#faq" }, + { label: "Students & OSS", href: "/community" }, { label: "Support", href: "mailto:gillarohith1@gmail.com", external: true }, ], Legal: [ diff --git a/apps/web/src/components/marketing/pricing.tsx b/apps/web/src/components/marketing/pricing.tsx index cc2c0b2..7a2a94f 100644 --- a/apps/web/src/components/marketing/pricing.tsx +++ b/apps/web/src/components/marketing/pricing.tsx @@ -204,16 +204,14 @@ export function Pricing() { trust you.

- Students & educators: Use it free!{" "} + Students, educators & OSS devs: Use it free!{" "} - DM me - {" "} - for a free license. + Get a free license + + {'.'}