export default function PodcastPage() {
  return (
    <div className="min-h-screen bg-background p-8">
      <div className="max-w-2xl mx-auto">
        <h1 className="text-4xl font-bold mb-4">OpenClaw Daily Digest Podcast</h1>
        <p className="text-muted-foreground mb-8">
          Daily tech news and insights for developers, delivered as a podcast.
        </p>
        
        <div className="bg-card rounded-lg p-6 mb-8">
          <h2 className="text-xl font-semibold mb-4">Subscribe</h2>
          <div className="space-y-3">
            <a 
              href="/podcast/rss.xml" 
              className="flex items-center gap-3 p-3 bg-primary/10 rounded-lg hover:bg-primary/20 transition-colors"
            >
              <span className="text-2xl">🎧</span>
              <div>
                <p className="font-medium">RSS Feed</p>
                <p className="text-sm text-muted-foreground">Copy URL to any podcast app</p>
              </div>
            </a>
          </div>
        </div>
        
        <div className="bg-card rounded-lg p-6">
          <h2 className="text-xl font-semibold mb-4">About</h2>
          <ul className="space-y-2 text-muted-foreground">
            <li>• Daily episodes (~5 minutes)</li>
            <li>• iOS, AI, coding tools, and entrepreneurship news</li>
            <li>• Generated using AI text-to-speech</li>
            <li>• Available every morning at 7 AM CST</li>
          </ul>
        </div>
        
        <div className="mt-8 text-center text-sm text-muted-foreground">
          <p>New episodes are generated automatically from the daily digest.</p>
        </div>
      </div>
    </div>
  );
}