feat(privat/CV): sync to latest upstream (cv-upstream/main, 30f9608b)

2026-07-07 15:20:55 +02:00
parent 8ac664d33d
commit a4efabbc60
417 changed files with 48564 additions and 712 deletions
@@ -0,0 +1,32 @@
+import React from 'react'
+import { useContent } from '../hooks/useContent'
+
+export default function Resources() {
+  const { items } = useContent('resources', { pageSize: 20 })
+
+  return (
+    <main style={{ paddingTop: '120px', minHeight: '100vh' }}>
+      <div className="app-container">
+        <div className="section-header">
+          <h1 className="section-title"><span className="text-gradient">Ressourcen</span></h1>
+          <p className="section-subtitle">Praktische Materialien zum Download.</p>
+        </div>
+
+        <div style={{ display: 'grid', gap: '20px', maxWidth: '700px', margin: '0 auto' }}>
+          {items.map(res => (
+            <div key={res.id || res.slug} className="glass-panel" style={{ padding: '24px', display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '16px' }}>
+              <div>
+                <h3 style={{ marginBottom: '4px', fontSize: '1.1rem' }}>{res.title}</h3>
+                <p style={{ color: 'var(--text-secondary)', margin: 0, fontSize: '0.9rem' }}>{res.description}</p>
+              </div>
+              <button className="primary-button" style={{ padding: '10px 20px', fontSize: '0.9rem', whiteSpace: 'nowrap' }}>
+                Download
+              </button>
+            </div>
+          ))}
+          {items.length === 0 && <p style={{ textAlign: 'center', color: 'var(--text-secondary)' }}>Ressourcen werden vorbereitet.</p>}
+        </div>
+      </div>
+    </main>
+  )
+}