refactor: remove HowItWorks and Privacy sections from landing page
This commit is contained in:
Owen Gretzinger
@@ -11,8 +11,7 @@ export default function Community() {
|
||||
Join the Open-Source Community
|
||||
</h2>
|
||||
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||
Meetingnotes is built by the community for the community. Star us on
|
||||
GitHub, contribute features, or report issues.
|
||||
Give a star on GitHub, contribute features, or report issues.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,67 +0,0 @@
|
||||
import { Card, CardContent } from "@/components/ui/card"
|
||||
import { Download, Key, Play, FileText } from "lucide-react"
|
||||
|
||||
export default function HowItWorks() {
|
||||
const steps = [
|
||||
{
|
||||
number: "01",
|
||||
icon: <Download className="w-6 h-6" />,
|
||||
title: "Download & Setup",
|
||||
description:
|
||||
"Download and install on macOS. Enter your OpenAI API key (stored securely on-device).",
|
||||
},
|
||||
{
|
||||
number: "02",
|
||||
icon: <Play className="w-6 h-6" />,
|
||||
title: "Start Recording",
|
||||
description: "Start a meeting—Meetingnotes records audio and shows a live transcript in real-time.",
|
||||
},
|
||||
{
|
||||
number: "03",
|
||||
icon: <FileText className="w-6 h-6" />,
|
||||
title: "Add Your Notes",
|
||||
description: "Add your own notes during the call to complement the automatic transcription.",
|
||||
},
|
||||
{
|
||||
number: "04",
|
||||
icon: <Key className="w-6 h-6" />,
|
||||
title: "Get AI Summary",
|
||||
description: "End the meeting—AI generates enhanced notes instantly. Edit, copy, or search later.",
|
||||
},
|
||||
]
|
||||
|
||||
return (
|
||||
<section id="how-it-works" className="py-12 px-4 bg-black">
|
||||
<div className="container mx-auto">
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="text-4xl md:text-5xl font-bold mb-6">How Meetingnotes Works</h2>
|
||||
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||
Get started in minutes with our simple, privacy-first approach to meeting notes.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||||
{steps.map((step, index) => (
|
||||
<Card key={index} className="bg-gray-900/50 border-gray-800 text-center">
|
||||
<CardContent className="p-8">
|
||||
<div className="text-4xl font-bold text-blue-400 mb-4">{step.number}</div>
|
||||
<div className="w-12 h-12 bg-blue-600/20 rounded-full flex items-center justify-center mx-auto mb-4 text-blue-400">
|
||||
{step.icon}
|
||||
</div>
|
||||
<h3 className="text-xl font-bold mb-3">{step.title}</h3>
|
||||
<p className="text-gray-300 leading-relaxed">{step.description}</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* <div className="bg-gradient-to-r from-gray-900 to-gray-800 rounded-xl p-8 border border-gray-700 text-center">
|
||||
<blockquote className="text-2xl font-medium text-gray-200 mb-4">
|
||||
"Meetingnotes saves me hours every week—best part? It's free and open source!"
|
||||
</blockquote>
|
||||
<cite className="text-blue-400 font-semibold">– Open-Source Contributor</cite>
|
||||
</div> */}
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
@@ -1,70 +0,0 @@
|
||||
import { Shield, Laptop, Lock } from "lucide-react"
|
||||
|
||||
export default function Privacy() {
|
||||
const platforms = [
|
||||
{ name: "macOS", logo: "/placeholder.svg?height=40&width=40" },
|
||||
{ name: "Google Meet", logo: "/placeholder.svg?height=40&width=40" },
|
||||
{ name: "Zoom", logo: "/placeholder.svg?height=40&width=40" },
|
||||
{ name: "Microsoft Teams", logo: "/placeholder.svg?height=40&width=40" },
|
||||
{ name: "Slack", logo: "/placeholder.svg?height=40&width=40" },
|
||||
]
|
||||
|
||||
return (
|
||||
<section className="py-20 px-4 bg-gray-900">
|
||||
<div className="container mx-auto">
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="text-4xl md:text-5xl font-bold mb-6">Works on macOS with Full Privacy – No Bots, No Cloud</h2>
|
||||
<p className="text-xl text-gray-300 max-w-4xl mx-auto mb-8">
|
||||
Meetingnotes transcribes directly from your computer's audio. No meeting bots join your calls, and all data
|
||||
stays on your device.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-wrap justify-center items-center gap-8 mb-16">
|
||||
{platforms.map((platform, index) => (
|
||||
<div key={index} className="flex flex-col items-center space-y-2">
|
||||
<img
|
||||
src={platform.logo || "/placeholder.svg"}
|
||||
alt={`${platform.name} logo`}
|
||||
className="w-12 h-12 rounded-lg"
|
||||
/>
|
||||
<span className="text-sm text-gray-400">{platform.name}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="grid md:grid-cols-3 gap-8">
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 bg-green-600/20 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<Shield className="w-8 h-8 text-green-400" />
|
||||
</div>
|
||||
<h3 className="text-xl font-bold mb-3">Your Data, Your Control</h3>
|
||||
<p className="text-gray-300">
|
||||
Nothing leaves your machine. All transcripts and notes are stored locally on your device.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 bg-blue-600/20 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<Laptop className="w-8 h-8 text-blue-400" />
|
||||
</div>
|
||||
<h3 className="text-xl font-bold mb-3">No Meeting Bots</h3>
|
||||
<p className="text-gray-300">
|
||||
Records directly from your computer's audio without joining any bots to your meetings.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 bg-purple-600/20 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<Lock className="w-8 h-8 text-purple-400" />
|
||||
</div>
|
||||
<h3 className="text-xl font-bold mb-3">Secure API Keys</h3>
|
||||
<p className="text-gray-300">
|
||||
Your OpenAI API key is stored securely on your device, never shared.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
@@ -1,8 +1,6 @@
|
||||
import Header from "./components/header"
|
||||
import Hero from "./components/hero"
|
||||
import Features from "./components/features"
|
||||
import HowItWorks from "./components/how-it-works"
|
||||
import Privacy from "./components/privacy"
|
||||
import Pricing from "./components/pricing"
|
||||
import Community from "./components/community"
|
||||
import FinalCTA from "./components/final-cta"
|
||||
@@ -14,8 +12,6 @@ export default function Home() {
|
||||
<Header />
|
||||
<Hero />
|
||||
<Features />
|
||||
<HowItWorks />
|
||||
<Privacy />
|
||||
<Pricing />
|
||||
<Community />
|
||||
<FinalCTA />
|
||||
|
||||
Reference in New Issue
Block a user