managarten/apps-archived/memoro/apps/landing/src/components/TeamPreview.astro
Till-JS 61d181fbc2 chore: archive inactive projects to apps-archived/
Move inactive projects out of active workspace:
- bauntown (community website)
- maerchenzauber (AI story generation)
- memoro (voice memo app)
- news (news aggregation)
- nutriphi (nutrition tracking)
- reader (reading app)
- uload (URL shortener)
- wisekeep (AI wisdom extraction)

Update CLAUDE.md documentation:
- Add presi to active projects
- Document archived projects section
- Update workspace configuration

Archived apps can be re-activated by moving back to apps/

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-29 07:03:59 +01:00

74 lines
No EOL
1.8 KiB
Text

import { getCollection } from "astro:content";
import { getLangFromUrl } from "../i18n/utils";
import TeamCard from "./TeamCard.astro";
interface TeamMember {
data: {
name: string;
role: string;
image: string;
lang: string;
};
}
const lang = getLangFromUrl(Astro.url);
const team = await getCollection("team", (entry) => entry.data.lang === lang) as TeamMember[];
// Nimm die ersten 3 Teammitglieder
const previewTeam = team.slice(0, 3);
const titles = {
de: {
heading: "Unser Team",
subheading: "Lernen Sie die Menschen kennen, die Memoro zu etwas Besonderdem machen.",
cta: "Ganzes Team kennenlernen"
},
en: {
heading: "Our Team",
subheading: "Meet the people who make Memoro special.",
cta: "Meet the whole team"
}
} as const;
const t = titles[lang as keyof typeof titles];
<section class="max-w-7xl mx-auto px-4 py-16 border-t border-border">
<div class="text-center max-w-3xl mx-auto mb-12">
<h2 class="text-heading-mobile md:text-heading text-text-primary mb-4">
{t.heading}
</h2>
<p class="text-subheading-mobile md:text-subheading text-text-secondary">
{t.subheading}
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
{
previewTeam.map((member) => (
<TeamCard data={member.data} />
))
}
</div>
<div class="text-center mt-8">
<a
href={`/${lang}/team`}
class="inline-flex items-center text-primary-DEFAULT hover:text-primary-hover transition-colors"
>
{t.cta}
<svg
class="w-4 h-4 ml-2"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M9 5l7 7-7 7"
/>
</svg>
</a>
</div>
</section>