refactor: remove some landing page sections and adjust copy

This commit is contained in:
Owen Gretzinger
2025-07-12 00:10:48 -04:00
parent 6226d9b389
commit db1eba6e44
7 changed files with 164 additions and 130 deletions
+30 -20
View File
@@ -1,5 +1,5 @@
import { Card, CardContent } from "@/components/ui/card"
import { Mic, Lightbulb, Settings, FolderOpen } from "lucide-react"
import { Card, CardContent } from "@/components/ui/card";
import { Mic, Lightbulb, Settings, FolderOpen } from "lucide-react";
export default function Features() {
const features = [
@@ -31,34 +31,41 @@ export default function Features() {
"Search, delete, copy notes/transcripts, and auto-update the app. Organize your meeting history with powerful management tools.",
image: "/placeholder.svg?height=200&width=300",
},
]
];
return (
<section id="features" className="py-20 px-4 bg-gray-900">
<section id="features" className="py-6 px-4 bg-gray-900">
<div className="container mx-auto">
<div className="text-center mb-16">
{/* <div className="text-center mb-16">
<h2 className="text-4xl md:text-5xl font-bold mb-6">Powerful Features, All Free and Open Source</h2>
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
Meetingnotes handles your meeting notes effortlessly, from live transcription to AI-generated summaries.
Customize it to fit your workflow, and contribute to make it even better.
</p>
</div>
</div> */}
<div className="grid md:grid-cols-2 gap-8 mb-12">
{features.map((feature, index) => (
<Card key={index} className="bg-black/50 border-gray-800 hover:border-gray-700 transition-colors">
<Card
key={index}
className="bg-black/50 border-gray-800 hover:border-gray-700 transition-colors"
>
<CardContent className="p-8">
<div className="flex items-start space-x-4">
<div className="flex-shrink-0">{feature.icon}</div>
<div className="flex-1">
<h3 className="text-2xl font-bold mb-3 text-white">{feature.title}</h3>
<p className="text-gray-300 mb-4 leading-relaxed">{feature.description}</p>
<img
src={feature.image || "/placeholder.svg"}
alt={`${feature.title} screenshot`}
className="w-full rounded-lg border border-gray-800"
/>
<div className="flex-1">
<div className="flex items-start space-x-4">
<div className="flex-shrink-0">{feature.icon}</div>
<h3 className="text-2xl font-bold mb-3 text-white">
{feature.title}
</h3>
</div>
<p className="text-gray-300 mb-4 leading-relaxed">
{feature.description}
</p>
<img
src={feature.image || "/placeholder.svg"}
alt={`${feature.title} screenshot`}
className="w-full rounded-lg border border-gray-800"
/>
</div>
</CardContent>
</Card>
@@ -68,11 +75,14 @@ export default function Features() {
<div className="bg-gradient-to-r from-blue-600/20 to-purple-600/20 rounded-xl p-8 border border-blue-600/30">
<h3 className="text-2xl font-bold mb-4 text-center">Coming Soon</h3>
<p className="text-gray-300 text-center mb-4">
Google Calendar integration, note templates, AI chat for questions, and more integrations (email, Slack).
Google Calendar integration, note templates, AI chat for questions,
and more integrations (email, Slack).
</p>
<p className="text-blue-400 text-center font-semibold">
Contribute on GitHub to help build these features!
</p>
<p className="text-blue-400 text-center font-semibold">Contribute on GitHub to help build these features!</p>
</div>
</div>
</section>
)
);
}