REFACTOR(repo): simplify project structure

- Move services/nextjs/ to nextjs/
- Move Dockerfile.prod to Dockerfile at root
- Remove deploy/ folder (K8s manifests moved to K3S-HOME/web-apps)
- Remove .gitea/ workflows
- Update GitHub Actions for new structure
- Remove develop branch triggers

nextjs/components/landing/projects.tsx

@@ -0,0 +1,188 @@
+'use client';
+
+import { Card } from '@/components/ui/card';
+import Image, { StaticImageData } from 'next/image';
+import { Separator } from '../ui/separator';
+import { Github, ExternalLink, FileText } from 'lucide-react';
+import { Button } from '../ui/button';
+import SectionHeader from './section-header';
+import Link from 'next/link';
+import { useTranslations } from 'next-intl';
+import joossamHome from '@/public/joossam/home.png';
+import jotionHome from '@/public/jotion/home.png';
+import joossamMain from '@/public/joossam/main.png';
+import jaejadleHome from '@/public/jaejadle/home.png';
+import portfolioHome from '@/public/portfolio/home.png';
+import todoListHome from '@/public/todoList/home.png';
+import joviesHome from '@/public/jovies/home.png';
+import docusaurusIcon from '@/public/icons/docusaurus.svg';
+
+interface ProjectCardProps {
+  title: string;
+  description: string;
+  tags: string[];
+  imageSrc: StaticImageData;
+  liveUrl?: string;
+  devUrl?: string;
+  githubUrl?: string;
+  docusaurusUrl?: string;
+  jotionUrl?: string;
+}
+
+function ProjectCard({ title, description, tags, imageSrc, liveUrl, devUrl, githubUrl, docusaurusUrl, jotionUrl }: ProjectCardProps) {
+  return (
+    <Card className="overflow-hidden w-full p-0">
+      <div className="aspect-1440/770 relative bg-white">
+        <Image
+          src={imageSrc}
+          alt={title}
+          fill
+          className="object-cover border-b-2 border-gray-200"
+          placeholder="blur"
+          sizes="(max-width: 600px) 100vw, (max-width: 990px) 100vw, (max-width: 1200px) 50vw, 50vw"
+        />
+      </div>
+      <div className="px-4 smalltablet:px-5 tablet:px-6 pt-4 smalltablet:pt-5 tablet:pt-6 pb-3 smalltablet:pb-4 flex flex-col gap-2 smalltablet:gap-3">
+        <h3 className="font-semibold text-lg smalltablet:text-xl tablet:text-2xl">{title}</h3>
+        <p className="text-sm smalltablet:text-base text-muted-foreground font-extralight">{description}</p>
+        <div className="flex gap-1.5 smalltablet:gap-2 flex-wrap">
+          {tags.map((tag) => (
+            <Button key={tag} variant="outline" className="text-[10px] smalltablet:text-xs px-2 smalltablet:px-3 py-0.5 smalltablet:py-1 h-auto">
+              {tag}
+            </Button>
+          ))}
+        </div>
+      </div>
+      <div className="px-4 smalltablet:px-5 tablet:px-6">
+        <Separator />
+      </div>
+      <div className="px-4 smalltablet:px-5 tablet:px-6 py-3 smalltablet:py-4 flex gap-3 smalltablet:gap-4 flex-wrap">
+        {liveUrl && (
+          <Link href={liveUrl} target="_blank" rel="noopener noreferrer" aria-label="Live Demo">
+            <div className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors cursor-pointer">
+              <ExternalLink className="w-4 h-4 smalltablet:w-5 smalltablet:h-5" />
+            </div>
+          </Link>
+        )}
+        {devUrl && (
+          <Link href={devUrl} target="_blank" rel="noopener noreferrer" aria-label="Dev Site">
+            <div className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors cursor-pointer">
+              <ExternalLink className="w-4 h-4 smalltablet:w-5 smalltablet:h-5" />
+            </div>
+          </Link>
+        )}
+        {githubUrl && (
+          <Link href={githubUrl} target="_blank" rel="noopener noreferrer" aria-label="GitHub">
+            <div className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors cursor-pointer">
+              <Github className="w-4 h-4 smalltablet:w-5 smalltablet:h-5" />
+            </div>
+          </Link>
+        )}
+        {docusaurusUrl && (
+          <Link href={docusaurusUrl} target="_blank" rel="noopener noreferrer" aria-label="Docusaurus">
+            <div className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors cursor-pointer">
+              <Image
+                src={docusaurusIcon}
+                alt="Docusaurus"
+                className="w-4 h-4 smalltablet:w-5 smalltablet:h-5"
+              />
+            </div>
+          </Link>
+        )}
+        {jotionUrl && (
+          <Link href={jotionUrl} target="_blank" rel="noopener noreferrer" aria-label="Jotion">
+            <div className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors cursor-pointer">
+              <FileText className="w-4 h-4 smalltablet:w-5 smalltablet:h-5" />
+            </div>
+          </Link>
+        )}
+      </div>
+    </Card>
+  );
+}
+
+export default function Projects() {
+  const t = useTranslations('projects');
+
+  return (
+    <main className="flex bg-muted flex-col items-center justify-center gap-12 smalltablet:gap-14 tablet:gap-16 p-4 smalltablet:p-6 tablet:p-8 py-16 smalltablet:py-18 tablet:py-20">
+      <SectionHeader
+        title={t('title')}
+        description={t('description')}
+      />
+
+      <section className="grid grid-cols-1 desktop:grid-cols-2 gap-4 smalltablet:gap-5 tablet:gap-6 desktop:gap-8 max-w-[1440px] w-full">
+        <ProjectCard
+          title={t("joossam.title")}
+          description={t("joossam.description")}
+          tags={['Next.js', 'TypeScript', 'Prisma', 'MySQL', 'NextAuth.js']}
+          imageSrc={joossamHome}
+          liveUrl="https://joossam.com"
+          devUrl="https://joossam.com"
+          githubUrl="https://github.com/minjo-on/joossam"
+          docusaurusUrl="#"
+          jotionUrl="#"
+        />
+        <ProjectCard
+          title={t("jotion.title")}
+          description={t("jotion.description")}
+          tags={['Next.js', 'React', 'Convex', 'Clerk', 'BlockNote']}
+          imageSrc={jotionHome}
+          githubUrl="https://github.com/minjo-on/jotion"
+          liveUrl="https://jotion.minjo.xyz"
+          docusaurusUrl="#"
+          jotionUrl="#"
+        />
+        <ProjectCard
+          title={t("youniClassic.title")}
+          description={t("youniClassic.description")}
+          tags={['Next.js', 'TypeScript', 'MySQL', 'Prisma']}
+          imageSrc={joossamMain}
+          githubUrl="https://github.com/minjo-on/youniClassic"
+          docusaurusUrl="#"
+          jotionUrl="#"
+        />
+        <ProjectCard
+          title={t("jaejadle.title")}
+          description={t("jaejadle.description")}
+          tags={['Next.js', 'TypeScript', 'Tailwind CSS', 'Shadcn/ui']}
+          imageSrc={jaejadleHome}
+          githubUrl="https://github.com/minjo-on/jaejadle"
+          liveUrl="https://jaejadle.com"
+          docusaurusUrl="#"
+          jotionUrl="#"
+        />
+        <ProjectCard
+          title={t("portfolio.title")}
+          description={t("portfolio.description")}
+          tags={['Next.js', 'TypeScript', 'Docker', 'Kubernetes', 'ArgoCD']}
+          imageSrc={portfolioHome}
+          githubUrl="https://github.com/minjo-on/portfolio"
+          liveUrl="https://minjo.xyz"
+          docusaurusUrl="#"
+          jotionUrl="#"
+        />
+        <ProjectCard
+          title={t("todoList.title")}
+          description={t("todoList.description")}
+          tags={['React', 'TypeScript', 'Vite', 'Tailwind CSS']}
+          imageSrc={todoListHome}
+          githubUrl="https://github.com/minjo-on/todoList"
+          docusaurusUrl="#"
+          jotionUrl="#"
+        />
+        <ProjectCard
+          title={t("jovies.title")}
+          description={t("jovies.description")}
+          tags={['Next.js', 'TypeScript', 'TMDB API', 'Tailwind CSS']}
+          imageSrc={joviesHome}
+          githubUrl="https://github.com/minjo-on/jovies"
+          liveUrl="https://jovies.minjo.xyz"
+          docusaurusUrl="#"
+          jotionUrl="#"
+        />
+      </section>
+    </main>
+  );
+}
+