cesko-digital · zoul · Dec 11, 2025 · Dec 12, 2025 · Dec 12, 2025 · Dec 12, 2025
diff --git a/app/MobileNav.tsx → app/(app)/MobileNav.tsx b/app/MobileNav.tsx → app/(app)/MobileNav.tsx
diff --git a/app/Navigation.tsx → app/(app)/Navigation.tsx b/app/Navigation.tsx → app/(app)/Navigation.tsx
diff --git a/app/SessionToolbar.tsx → app/(app)/SessionToolbar.tsx b/app/SessionToolbar.tsx → app/(app)/SessionToolbar.tsx
diff --git a/app/SiteNav.tsx → app/(app)/SiteNav.tsx b/app/SiteNav.tsx → app/(app)/SiteNav.tsx
diff --git a/app/account/AvatarUploader.tsx → app/(app)/account/AvatarUploader.tsx b/app/account/AvatarUploader.tsx → app/(app)/account/AvatarUploader.tsx
diff --git a/app/account/NotificationsTab.tsx → app/(app)/account/NotificationsTab.tsx b/app/account/NotificationsTab.tsx → app/(app)/account/NotificationsTab.tsx
diff --git a/app/account/SignedInPage.tsx → app/(app)/account/SignedInPage.tsx b/app/account/SignedInPage.tsx → app/(app)/account/SignedInPage.tsx
diff --git a/app/account/SignedOutPage.tsx → app/(app)/account/SignedOutPage.tsx b/app/account/SignedOutPage.tsx → app/(app)/account/SignedOutPage.tsx
diff --git a/app/account/UserProfileTab.tsx → app/(app)/account/UserProfileTab.tsx b/app/account/UserProfileTab.tsx → app/(app)/account/UserProfileTab.tsx
@@ -10,7 +10,7 @@ import Link from "next/link";
 import clsx from "clsx";
 import { useSession } from "next-auth/react";
 
-import { AvatarUploader } from "~/app/account/AvatarUploader";
+import { AvatarUploader } from "~/app/(app)/account/AvatarUploader";
 import { CopyToClipboardButton } from "~/components/CopyToClipboardButton";
 import { DistrictSelect } from "~/components/districts/DistrictSelect";
 import { FormError } from "~/components/form/FormError";

diff --git a/app/account/me/route.ts → app/(app)/account/me/route.ts b/app/account/me/route.ts → app/(app)/account/me/route.ts
diff --git a/app/account/newsletters/route.ts → app/(app)/account/newsletters/route.ts b/app/account/newsletters/route.ts → app/(app)/account/newsletters/route.ts
diff --git a/app/account/newsletters/subscribe/route.ts → ...p)/account/newsletters/subscribe/route.ts b/app/account/newsletters/subscribe/route.ts → ...p)/account/newsletters/subscribe/route.ts
diff --git a/...account/newsletters/subscribe/test.e2e.ts → ...account/newsletters/subscribe/test.e2e.ts b/...account/newsletters/subscribe/test.e2e.ts → ...account/newsletters/subscribe/test.e2e.ts
diff --git a/...ccount/notifications/unsubscribe/route.ts → ...ccount/notifications/unsubscribe/route.ts b/...ccount/notifications/unsubscribe/route.ts → ...ccount/notifications/unsubscribe/route.ts
diff --git a/app/account/page.tsx → app/(app)/account/page.tsx b/app/account/page.tsx → app/(app)/account/page.tsx
diff --git a/app/account/profile-picture/route.ts → app/(app)/account/profile-picture/route.ts b/app/account/profile-picture/route.ts → app/(app)/account/profile-picture/route.ts
diff --git a/app/auth/error/RetryButton.tsx → app/(app)/auth/error/RetryButton.tsx b/app/auth/error/RetryButton.tsx → app/(app)/auth/error/RetryButton.tsx
diff --git a/app/auth/error/page.tsx → app/(app)/auth/error/page.tsx b/app/auth/error/page.tsx → app/(app)/auth/error/page.tsx
diff --git a/app/auth/layout.tsx → app/(app)/auth/layout.tsx b/app/auth/layout.tsx → app/(app)/auth/layout.tsx
diff --git a/app/auth/sent/RetryButton.tsx → app/(app)/auth/sent/RetryButton.tsx b/app/auth/sent/RetryButton.tsx → app/(app)/auth/sent/RetryButton.tsx
diff --git a/app/auth/sent/page.tsx → app/(app)/auth/sent/page.tsx b/app/auth/sent/page.tsx → app/(app)/auth/sent/page.tsx
diff --git a/app/auth/sign-in/SignInForm.tsx → app/(app)/auth/sign-in/SignInForm.tsx b/app/auth/sign-in/SignInForm.tsx → app/(app)/auth/sign-in/SignInForm.tsx
diff --git a/app/auth/sign-in/page.tsx → app/(app)/auth/sign-in/page.tsx b/app/auth/sign-in/page.tsx → app/(app)/auth/sign-in/page.tsx
diff --git a/...events/[slug]/QuickRegistrationButton.tsx → ...events/[slug]/QuickRegistrationButton.tsx b/...events/[slug]/QuickRegistrationButton.tsx → ...events/[slug]/QuickRegistrationButton.tsx
diff --git a/app/events/[slug]/ical/route.ts → app/(app)/events/[slug]/ical/route.ts b/app/events/[slug]/ical/route.ts → app/(app)/events/[slug]/ical/route.ts
diff --git a/app/events/[slug]/page.tsx → app/(app)/events/[slug]/page.tsx b/app/events/[slug]/page.tsx → app/(app)/events/[slug]/page.tsx
@@ -2,7 +2,6 @@ import { type Metadata } from "next";
 import Image from "next/image";
 import { notFound } from "next/navigation";
 
-import { QuickRegistrationButton } from "~/app/events/[slug]/QuickRegistrationButton";
 import { Breadcrumbs } from "~/components/Breadcrumbs";
 import { EventCard } from "~/components/EventCard";
 import { ImageLabel, ProjectImageLabel } from "~/components/ImageLabel";
@@ -20,6 +19,8 @@ import { getUserProfile, type UserProfile } from "~/src/data/user-profile";
 import { Route } from "~/src/routing";
 import { defaultAvatarUrl } from "~/src/utils";
 
+import { QuickRegistrationButton } from "./QuickRegistrationButton";
+
 type Params = {
   slug: string;
 };

diff --git a/...vents/[slug]/registration-status/route.ts → ...vents/[slug]/registration-status/route.ts b/...vents/[slug]/registration-status/route.ts → ...vents/[slug]/registration-status/route.ts
diff --git a/app/events/feed.ical/route.ts → app/(app)/events/feed.ical/route.ts b/app/events/feed.ical/route.ts → app/(app)/events/feed.ical/route.ts
diff --git a/app/events/page.tsx → app/(app)/events/page.tsx b/app/events/page.tsx → app/(app)/events/page.tsx
diff --git a/app/join/SignUpForm.tsx → app/(app)/join/SignUpForm.tsx b/app/join/SignUpForm.tsx → app/(app)/join/SignUpForm.tsx
diff --git a/app/join/arrows.svg → app/(app)/join/arrows.svg b/app/join/arrows.svg → app/(app)/join/arrows.svg
diff --git a/app/join/check-email/route.ts → app/(app)/join/check-email/route.ts b/app/join/check-email/route.ts → app/(app)/join/check-email/route.ts
diff --git a/app/join/form-state.test.ts → app/(app)/join/form-state.test.ts b/app/join/form-state.test.ts → app/(app)/join/form-state.test.ts
diff --git a/app/join/form-state.ts → app/(app)/join/form-state.ts b/app/join/form-state.ts → app/(app)/join/form-state.ts
diff --git a/app/join/form.e2e.ts → app/(app)/join/form.e2e.ts b/app/join/form.e2e.ts → app/(app)/join/form.e2e.ts
diff --git a/app/join/page.tsx → app/(app)/join/page.tsx b/app/join/page.tsx → app/(app)/join/page.tsx
diff --git a/app/layout.tsx → app/(app)/layout.tsx b/app/layout.tsx → app/(app)/layout.tsx
@@ -1,6 +1,6 @@
 import type { Metadata } from "next";
 
-import "./globals.css";
+import "../globals.css";
 
 import { SessionProvider } from "components/SessionProvider";
 import { Toaster } from "react-hot-toast";

diff --git a/app/not-found.tsx → app/(app)/not-found.tsx b/app/not-found.tsx → app/(app)/not-found.tsx
diff --git a/app/opportunities/NotificationPrefs.tsx → ...(app)/opportunities/NotificationPrefs.tsx b/app/opportunities/NotificationPrefs.tsx → ...(app)/opportunities/NotificationPrefs.tsx
diff --git a/app/opportunities/[slug]/ResponseButton.tsx → ...)/opportunities/[slug]/ResponseButton.tsx b/app/opportunities/[slug]/ResponseButton.tsx → ...)/opportunities/[slug]/ResponseButton.tsx
diff --git a/app/opportunities/[slug]/page.tsx → app/(app)/opportunities/[slug]/page.tsx b/app/opportunities/[slug]/page.tsx → app/(app)/opportunities/[slug]/page.tsx
@@ -2,7 +2,7 @@ import { type Metadata } from "next";
 import Image from "next/image";
 import { notFound } from "next/navigation";
 
-import { ResponseButton } from "~/app/opportunities/[slug]/ResponseButton";
+import { ResponseButton } from "~/app/(app)/opportunities/[slug]/ResponseButton";
 import { Breadcrumbs } from "~/components/Breadcrumbs";
 import { ImageLabel, ProjectImageLabel } from "~/components/ImageLabel";
 import { MarkdownContent } from "~/components/MarkdownContent";

diff --git a/app/opportunities/not-found.tsx → app/(app)/opportunities/not-found.tsx b/app/opportunities/not-found.tsx → app/(app)/opportunities/not-found.tsx
diff --git a/app/opportunities/page.tsx → app/(app)/opportunities/page.tsx b/app/opportunities/page.tsx → app/(app)/opportunities/page.tsx
diff --git a/app/page.tsx → app/(app)/page.tsx b/app/page.tsx → app/(app)/page.tsx
diff --git a/app/people/ProfileVisibilityPrefs.tsx → app/(app)/people/ProfileVisibilityPrefs.tsx b/app/people/ProfileVisibilityPrefs.tsx → app/(app)/people/ProfileVisibilityPrefs.tsx
diff --git a/app/people/SearchablePeopleBox.tsx → app/(app)/people/SearchablePeopleBox.tsx b/app/people/SearchablePeopleBox.tsx → app/(app)/people/SearchablePeopleBox.tsx
diff --git a/app/people/[id]/ContactInfo.tsx → app/(app)/people/[id]/ContactInfo.tsx b/app/people/[id]/ContactInfo.tsx → app/(app)/people/[id]/ContactInfo.tsx
diff --git a/app/people/[id]/InfoRow.tsx → app/(app)/people/[id]/InfoRow.tsx b/app/people/[id]/InfoRow.tsx → app/(app)/people/[id]/InfoRow.tsx
diff --git a/app/people/[id]/UpdateProfileButton.tsx → ...(app)/people/[id]/UpdateProfileButton.tsx b/app/people/[id]/UpdateProfileButton.tsx → ...(app)/people/[id]/UpdateProfileButton.tsx
diff --git a/app/people/[id]/page.tsx → app/(app)/people/[id]/page.tsx b/app/people/[id]/page.tsx → app/(app)/people/[id]/page.tsx
diff --git a/app/people/matching.ts → app/(app)/people/matching.ts b/app/people/matching.ts → app/(app)/people/matching.ts
diff --git a/app/people/page.tsx → app/(app)/people/page.tsx b/app/people/page.tsx → app/(app)/people/page.tsx
@@ -1,9 +1,9 @@
 import { Suspense } from "react";
 import { type Metadata } from "next";
 
-import { stripNonPublicFields } from "~/app/people/matching";
-import { ProfileVisibilityPrefs } from "~/app/people/ProfileVisibilityPrefs";
-import { SearchablePeopleBox } from "~/app/people/SearchablePeopleBox";
+import { stripNonPublicFields } from "~/app/(app)/people/matching";
+import { ProfileVisibilityPrefs } from "~/app/(app)/people/ProfileVisibilityPrefs";
+import { SearchablePeopleBox } from "~/app/(app)/people/SearchablePeopleBox";
 import { Breadcrumbs } from "~/components/Breadcrumbs";
 import { getAllUserProfiles } from "~/src/data/user-profile";
 import { strip } from "~/src/utils";

diff --git a/app/projects/[slug]/ProjectTeamSection.tsx → ...p)/projects/[slug]/ProjectTeamSection.tsx b/app/projects/[slug]/ProjectTeamSection.tsx → ...p)/projects/[slug]/ProjectTeamSection.tsx
diff --git a/app/projects/[slug]/page.tsx → app/(app)/projects/[slug]/page.tsx b/app/projects/[slug]/page.tsx → app/(app)/projects/[slug]/page.tsx
diff --git a/app/projects/page.tsx → app/(app)/projects/page.tsx b/app/projects/page.tsx → app/(app)/projects/page.tsx
diff --git a/app/stats/DetailedChart.tsx → app/(app)/stats/DetailedChart.tsx b/app/stats/DetailedChart.tsx → app/(app)/stats/DetailedChart.tsx
diff --git a/app/stats/OverviewChart.tsx → app/(app)/stats/OverviewChart.tsx b/app/stats/OverviewChart.tsx → app/(app)/stats/OverviewChart.tsx
diff --git a/app/stats/[slug]/csv/route.ts → app/(app)/stats/[slug]/csv/route.ts b/app/stats/[slug]/csv/route.ts → app/(app)/stats/[slug]/csv/route.ts
diff --git a/app/stats/[slug]/page.tsx → app/(app)/stats/[slug]/page.tsx b/app/stats/[slug]/page.tsx → app/(app)/stats/[slug]/page.tsx
@@ -1,6 +1,6 @@
 import { notFound } from "next/navigation";
 
-import { DetailedChart } from "~/app/stats/DetailedChart";
+import { DetailedChart } from "~/app/(app)/stats/DetailedChart";
 import { Breadcrumbs } from "~/components/Breadcrumbs";
 import { ImageLabel } from "~/components/ImageLabel";
 import { Sidebar, SidebarCTA, SidebarSection } from "~/components/Sidebar";

diff --git a/app/stats/page.tsx → app/(app)/stats/page.tsx b/app/stats/page.tsx → app/(app)/stats/page.tsx
@@ -1,6 +1,6 @@
 import { type Metadata } from "next";
 
-import { OverviewChart } from "~/app/stats/OverviewChart";
+import { OverviewChart } from "~/app/(app)/stats/OverviewChart";
 import { Breadcrumbs } from "~/components/Breadcrumbs";
 import {
   getAllMetricDefinitions,

diff --git a/app/stats/readme.md → app/(app)/stats/readme.md b/app/stats/readme.md → app/(app)/stats/readme.md
diff --git a/app/upload/UploadForm.tsx → app/(app)/upload/UploadForm.tsx b/app/upload/UploadForm.tsx → app/(app)/upload/UploadForm.tsx
diff --git a/app/upload/page.tsx → app/(app)/upload/page.tsx b/app/upload/page.tsx → app/(app)/upload/page.tsx
diff --git a/app/upload/upload/route.ts → app/(app)/upload/upload/route.ts b/app/upload/upload/route.ts → app/(app)/upload/upload/route.ts
diff --git a/app/(standalone)/layout.tsx b/app/(standalone)/layout.tsx
@@ -0,0 +1,21 @@
+import "../globals.css";
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="cs">
+      <head>
+        <link rel="shortcut icon" type="image/png" href="/logo.png" />
+        <script
+          data-domain="app.cesko.digital"
+          src="https://plausible.io/js/script.outbound-links.js"
+          defer
+        />
+      </head>
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/app/(standalone)/subscribe/SubscribePage.tsx b/app/(standalone)/subscribe/SubscribePage.tsx
@@ -0,0 +1,299 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+
+import { FormError } from "~/components/form/FormError";
+import { RequiredFieldMarker } from "~/components/form/RequiredFieldMarker";
+import { looksLikeEmailAdress } from "~/src/utils";
+
+//
+// Model
+//
+
+type TargetGroupId = "cist.digital" | "nezisk.digital" | "sluzby.digital";
+
+type TargetGroup = {
+  id: TargetGroupId;
+  name: string;
+  description: string;
+};
+
+const targetGroups: TargetGroup[] = [
+  {
+    id: "cist.digital",
+    name: "Číst.Digital",
+    description: "Jednou měsíčně hlavní novinky z Česko.Digital",
+  },
+  {
+    id: "nezisk.digital",
+    name: "Nezisk.Digital",
+    description: "Digitální transformace nezisku",
+  },
+  {
+    id: "sluzby.digital",
+    name: "Služby.Digital",
+    description: "Digitální transformace veřejné správy",
+  },
+];
+
+//
+// Subscribe Page
+//
+
+type PageState = "filling-form" | "submitted-successfully";
+
+const encodeTargetGroupIds = (list: TargetGroupId[]) =>
+  new URLSearchParams(list.map((val) => ["g", val]));
+
+const decodeTargetGroupIds = (params: URLSearchParams) =>
+  params.getAll("g") as TargetGroupId[];
+
+export const SubscribePage = () => {
+  const [pageState, setPageState] = useState<PageState>("filling-form");
+
+  // Initialize target groups and e-mail address from URL search params
+  const searchParams = useSearchParams() ?? [];
+  const [formState, setFormState] = useState<FormState>({
+    ...initialFormState,
+    selectedTargetGroups: decodeTargetGroupIds(searchParams),
+    email: searchParams.get("email") ?? "",
+  });
+
+  // When form state changes, save params to URL
+  const router = useRouter();
+  const updateURLToMatchFormState = (state: FormState) => {
+    const mergedParams = encodeTargetGroupIds(state.selectedTargetGroups);
+    for (const [key, val] of searchParams.entries()) {
+      if (key !== "g") {
+        mergedParams.append(key, val);
+      }
+    }
+    router.replace("/subscribe/?" + mergedParams);
+  };
+
+  const submitForm = async () => {
+    setFormState({ ...formState, submitting: true });
+    const response = await fetch("/subscribe/submit", {
+      method: "POST",
+      headers: { "Content-type": "application/json" },
+      body: JSON.stringify(formState),
+    }).catch(() => null);
+    if (response?.ok) {
+      setFormState({ ...formState, submitting: false });
+      setPageState("submitted-successfully");
+    } else {
+      setFormState({
+        ...formState,
+        errorMessage:
+          "Chyba při ukládání dat. Zkuste to ještě jednou nebo později?",
+        submitting: false,
+      });
+    }
+  };
+
+  if (pageState === "filling-form") {
+    return (
+      <Form
+        options={targetGroups}
+        onSubmit={submitForm}
+        state={formState}
+        setState={(state) => {
+          updateURLToMatchFormState(state);
+          setFormState(state);
+        }}
+      />
+    );
+  } else {
+    const returnUrl = searchParams.get("returnTo");
+    return (
+      <div className="flex flex-col gap-8">
+        <p>Díky za váš zájem! Zůstaneme v kontaktu :)</p>
+        {returnUrl && (
+          <p>
+            <a className="btn-inverted inline-block" href={returnUrl}>
+              Zpátky na web →
+            </a>
+          </p>
+        )}
+      </div>
+    );
+  }
+};
+
+//
+// Subscribe Form
+//
+
+type FormState = {
+  submitting: boolean;
+  errorMessage?: string;
+  selectedTargetGroups: TargetGroupId[];
+  firstName: string;
+  lastName: string;
+  email: string;
+};
+
+const initialFormState: FormState = {
+  submitting: false,
+  selectedTargetGroups: [],
+  firstName: "",
+  lastName: "",
+  email: "",
+};
+
+const canSubmit = (state: FormState) =>
+  state.firstName !== "" &&
+  state.lastName !== "" &&
+  state.selectedTargetGroups.length > 0 &&
+  looksLikeEmailAdress(state.email) &&
+  !state.submitting;
+
+type FormProps = {
+  options: TargetGroup[];
+  state: FormState;
+  setState: (state: FormState) => void;
+  onSubmit: () => void;
+};
+
+const Form = ({ options, state, setState, onSubmit }: FormProps) => {
+  const toggleTargetGroup = (id: TargetGroupId) => {
+    const oldValue = state.selectedTargetGroups;
+    const selectedTargetGroups = oldValue.includes(id)
+      ? oldValue.filter((g) => g !== id)
+      : [...oldValue, id];
+    setState({ ...state, selectedTargetGroups });
+  };
+
+  return (
+    <div className="flex flex-col gap-4">
+      <div>
+        <p className="mb-3">Která témata vás zajímají?</p>
+        <div className="mb-2 mt-1 flex flex-col">
+          {options.map(({ id, name, description }) => (
+            <label key={id} className="mb-2 flex flex-col">
+              <span className="mb-1 flex items-center">
+                <input
+                  type="checkbox"
+                  className="mr-3"
+                  name={id}
+                  disabled={state.submitting}
+                  checked={state.selectedTargetGroups.includes(id)}
+                  onChange={() => toggleTargetGroup(id)}
+                />
+                {name}
+              </span>
+              <span className="typo-caption ml-6">{description}</span>
+            </label>
+          ))}
+        </div>
+      </div>
+
+      <TextInput
+        id="firstName"
+        label="Jméno"
+        autoComplete="given-name"
+        required={true}
+        disabled={state.submitting}
+        value={state.firstName}
+        onChange={(firstName) => setState({ ...state, firstName })}
+      />
+      <TextInput
+        id="lastName"
+        label="Příjmení"
+        autoComplete="family-name"
+        value={state.lastName}
+        disabled={state.submitting}
+        required={true}
+        onChange={(lastName) => setState({ ...state, lastName })}
+      />
+      <TextInput
+        id="email"
+        label="E-mail"
+        autoComplete="email"
+        value={state.email}
+        disabled={state.submitting}
+        required={true}
+        type="email"
+        onChange={(email) => setState({ ...state, email })}
+      />
+
+      <p className="typo-caption">
+        Váš email nikomu nedáme, kdykoliv se můžete odhlásit. Podrobné informace
+        o tom, jak zpracováváme vaše osobní údaje,{" "}
+        <a href="https://cesko.dev/pp" className="typo-link">
+          najdete tady
+        </a>
+        .
+      </p>
+
+      {state.errorMessage && <FormError error={state.errorMessage} />}
+
+      <div>
+        {canSubmit(state) && (
+          <button className="btn-primary mt-4" onClick={onSubmit}>
+            Přihlásit odběr
+          </button>
+        )}
+        {state.submitting && (
+          <button className="btn-disabled mt-4" disabled>
+            Moment…
+          </button>
+        )}
+        {!canSubmit(state) && !state.submitting && (
+          <button className="btn-disabled mt-4" disabled>
+            Přihlásit odběr
+          </button>
+        )}
+      </div>
+    </div>
+  );
+};
+
+//
+// Helpers
+//
+
+type TextInputProps = {
+  id: string;
+  label: string;
+  type?: "text" | "email" | "url";
+  value?: string;
+  placeholder?: string;
+  autoComplete?: string;
+  required?: boolean;
+  disabled?: boolean;
+  onChange?: (newValue: string) => void;
+};
+
+const TextInput = ({
+  id,
+  label,
+  type = "text",
+  value = undefined,
+  placeholder = undefined,
+  required = false,
+  disabled = false,
+  autoComplete,
+  onChange = (_) => {},
+}: TextInputProps) => {
+  return (
+    <div>
+      <label htmlFor={id} className="mb-2 block">
+        {label}
+        {required && <RequiredFieldMarker />}
+      </label>
+      <input
+        id={id}
+        required={required}
+        value={value}
+        placeholder={placeholder}
+        autoComplete={autoComplete}
+        disabled={disabled}
+        type={type}
+        className="w-full rounded-md border-2 border-gray p-2"
+        onChange={(e) => onChange(e.target.value)}
+      ></input>
+    </div>
+  );
+};