refactor: remove HowItWorks and Privacy sections from landing page

landing-page/app/components/community.tsx

@@ -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
+            Give a star on GitHub, contribute features, or report issues.
-            GitHub, contribute features, or report issues.
           </p>
         </div>
 

landing-page/app/components/how-it-works.tsx

@@ -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>
-  )
-}

landing-page/app/components/privacy.tsx

@@ -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>
-  )
-}

landing-page/app/page.tsx

@@ -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 />