rothzerg 0.1.0

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "rothzerg",
+  "version": "0.1.0",
+  "description": "Plugin-style CLI engine for scaffolding and upgrading projects from config-driven, inheritable templates",
+  "type": "module",
+  "bin": {
+    "rothzerg": "./dist/cli.js"
+  },
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "bun run src/cli.ts",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@clack/prompts": "^0.9.1",
+    "picocolors": "^1.1.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.7.0"
+  }
+}

package/templates/_base-website/App.tsx

@@ -0,0 +1,59 @@
+import React, { useEffect, useState } from "react";
+import { Routes, Route, useParams, Navigate } from "react-router-dom";
+import { GoogleAnalytics, trackEvent } from "../../utils/GoogleAnalytics";
+import { I18nextProvider } from "react-i18next";
+import { IndexPage } from "./pages/index";
+import { TermsPage } from "./pages/terms";
+import { PrivacyPage } from "./pages/privacy";
+import { SupportPage } from "./pages/support";
+import { NotFoundPage } from "./pages/404";
+import { BlogIndexPage } from "./pages/blog/index";
+import { BlogPostPage } from "./pages/blog/post";
+import { BlogTagPage } from "./pages/blog/tag";
+import { BlogCategoryPage } from "./pages/blog/category";
+import { BlogAuthorPage } from "./pages/blog/author";
+import { getI18nInstance, isValidLanguage } from "./i18n/config";
+import { DEFAULT_LANGUAGE, SITE_CONFIG } from "./config";
+
+function LanguageWrapper({ children }: { children: React.ReactNode }) {
+  const { lang } = useParams<{ lang: string }>();
+  const validLang = lang && isValidLanguage(lang) ? lang : DEFAULT_LANGUAGE;
+
+  const [i18nInstance] = useState(() => getI18nInstance(validLang));
+
+  useEffect(() => {
+    if (i18nInstance.language !== validLang) {
+      i18nInstance.changeLanguage(validLang);
+      trackEvent("language_change", { language: validLang });
+    }
+  }, [validLang, i18nInstance]);
+
+  return <I18nextProvider i18n={i18nInstance}>{children}</I18nextProvider>;
+}
+
+export function App() {
+  return (
+    <>
+    <GoogleAnalytics measurementId={SITE_CONFIG.googleAnalyticsId} />
+    <Routes>
+      <Route path="/" element={<Navigate to="/en/" replace />} />
+      <Route path="/:lang" element={<LanguageWrapper><IndexPage /></LanguageWrapper>} />
+      <Route path="/:lang/" element={<LanguageWrapper><IndexPage /></LanguageWrapper>} />
+      <Route path="/:lang/terms" element={<LanguageWrapper><TermsPage /></LanguageWrapper>} />
+      <Route path="/:lang/privacy" element={<LanguageWrapper><PrivacyPage /></LanguageWrapper>} />
+      <Route path="/:lang/support" element={<LanguageWrapper><SupportPage /></LanguageWrapper>} />
+      {/* Blog pages */}
+      <Route path="/:lang/blog" element={<LanguageWrapper><BlogIndexPage /></LanguageWrapper>} />
+      <Route path="/:lang/blog/page/:page" element={<LanguageWrapper><BlogIndexPage /></LanguageWrapper>} />
+      <Route path="/:lang/blog/tag/:slug" element={<LanguageWrapper><BlogTagPage /></LanguageWrapper>} />
+      <Route path="/:lang/blog/tag/:slug/page/:page" element={<LanguageWrapper><BlogTagPage /></LanguageWrapper>} />
+      <Route path="/:lang/blog/category/:slug" element={<LanguageWrapper><BlogCategoryPage /></LanguageWrapper>} />
+      <Route path="/:lang/blog/category/:slug/page/:page" element={<LanguageWrapper><BlogCategoryPage /></LanguageWrapper>} />
+      <Route path="/:lang/blog/author/:slug" element={<LanguageWrapper><BlogAuthorPage /></LanguageWrapper>} />
+      <Route path="/:lang/blog/author/:slug/page/:page" element={<LanguageWrapper><BlogAuthorPage /></LanguageWrapper>} />
+      <Route path="/:lang/blog/:slug" element={<LanguageWrapper><BlogPostPage /></LanguageWrapper>} />
+      <Route path="*" element={<LanguageWrapper><NotFoundPage /></LanguageWrapper>} />
+    </Routes>
+    </>
+  );
+}

package/templates/_base-website/InitialDataContext.tsx

@@ -0,0 +1,21 @@
+import React, { createContext, useContext } from "react";
+
+const InitialDataContext = createContext<any>(null);
+
+export function useInitialData() {
+  return useContext(InitialDataContext);
+}
+
+export function InitialDataProvider({
+  data,
+  children,
+}: {
+  data: any;
+  children?: React.ReactNode;
+}) {
+  return (
+    <InitialDataContext.Provider value={data}>
+      {children}
+    </InitialDataContext.Provider>
+  );
+}

package/templates/_base-website/_gitignore

@@ -0,0 +1,5 @@
+node_modules/
+dist/
+.env
+.env.local
+.DS_Store

package/templates/_base-website/client.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { hydrateRoot } from "react-dom/client";
+import { BrowserRouter } from "react-router-dom";
+import { App } from "./App.tsx";
+import { InitialDataProvider } from "./InitialDataContext.tsx";
+
+// Hydrate the app on the client side
+// @ts-ignore
+const rootElement = document.getElementById("root");
+if (rootElement) {
+  // @ts-ignore
+  const initialData = window.__INITIAL_DATA__ ?? null;
+
+  hydrateRoot(
+    rootElement,
+    React.createElement(
+      BrowserRouter,
+      null,
+      React.createElement(
+        InitialDataProvider,
+        { data: initialData },
+        React.createElement(App)
+      )
+    )
+  );
+}

package/templates/_base-website/components/DeepLinkLayout.css

@@ -0,0 +1,41 @@
+/* DeepLinkLayout
+   ========================================================================== */
+
+.deep-link-layout {
+  @apply min-h-screen flex flex-col;
+  background-color: var(--color-bg);
+  color: var(--color-text);
+}
+
+.deep-link-layout__header {
+  @apply border-b px-4 py-4;
+  border-color: var(--color-border);
+}
+
+.deep-link-layout__header-inner {
+  @apply max-w-2xl mx-auto flex justify-center;
+}
+
+.deep-link-layout__logo-link {
+  @apply flex items-center gap-2 font-bold text-xl no-underline hover:opacity-80 transition-opacity;
+  color: var(--color-text);
+}
+
+.deep-link-layout__logo-img {
+  width: 36px;
+  height: auto;
+}
+
+.deep-link-layout__main {
+  @apply flex-1 px-4 py-10;
+}
+
+.deep-link-layout__content {
+  @apply max-w-2xl mx-auto;
+}
+
+.deep-link-layout__footer {
+  @apply border-t px-4 py-6 text-center text-sm;
+  border-color: var(--color-border);
+  color: var(--color-text-faint);
+}

package/templates/_base-website/components/DeepLinkLayout.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import { SITE_CONFIG } from "../config";
+
+export function DeepLinkLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="deep-link-layout">
+      <header className="deep-link-layout__header">
+        <div className="deep-link-layout__header-inner">
+          <a
+            href="/en/"
+            className="deep-link-layout__logo-link"
+            aria-label="Emrius Home"
+          >
+            <img
+              src="/static/images/logo_dark.svg"
+              alt="Emrius"
+              className="deep-link-layout__logo-img"
+              onError={(e) => {
+                (e.target as any).style.display = "none";
+              }}
+            />
+            <span className="gradient-text">
+              {SITE_CONFIG.name}
+            </span>
+          </a>
+        </div>
+      </header>
+      <main className="deep-link-layout__main">
+        <div className="deep-link-layout__content">{children}</div>
+      </main>
+      <footer className="deep-link-layout__footer">
+        <p>
+          &copy; {new Date().getFullYear()} {SITE_CONFIG.name}. All rights
+          reserved.
+        </p>
+      </footer>
+    </div>
+  );
+}

package/templates/_base-website/components/DownloadSection.css

@@ -0,0 +1,60 @@
+/* DownloadSection
+   ========================================================================== */
+
+.download-section {
+  @apply py-24 px-4;
+  background-color: var(--color-surface);
+}
+
+.download-section__container {
+  @apply max-w-3xl mx-auto text-center;
+}
+
+.download-section__badge {
+  @apply inline-block text-xs font-semibold px-3 py-1 rounded-full mb-4;
+  background-color: color-mix(in srgb, var(--color-primary), transparent 85%);
+  color: var(--color-primary);
+}
+
+.download-section__title {
+  @apply text-3xl sm:text-4xl font-bold mb-4;
+  color: var(--color-text);
+}
+
+.download-section__subtitle {
+  @apply text-lg mb-10;
+  color: var(--color-text-muted);
+}
+
+.download-section__buttons {
+  @apply flex flex-wrap justify-center gap-4;
+}
+
+/* Download buttons
+   ========================================================================== */
+
+.download-btn {
+  @apply inline-flex items-center gap-3 px-6 py-3 rounded-xl font-medium no-underline transition-opacity;
+  background-color: var(--color-text);
+  color: var(--color-bg);
+}
+
+.download-btn:hover {
+  opacity: 0.85;
+}
+
+.download-btn__icon {
+  @apply w-7 h-7 shrink-0;
+}
+
+.download-btn__text {
+  @apply flex flex-col text-left;
+}
+
+.download-btn__sub {
+  @apply text-xs opacity-70;
+}
+
+.download-btn__main {
+  @apply text-base font-semibold leading-tight;
+}

package/templates/_base-website/components/DownloadSection.tsx

@@ -0,0 +1,61 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+
+interface DownloadSectionProps {
+  appStoreUrl?: string;
+  playStoreUrl?: string;
+}
+
+export function DownloadSection({ appStoreUrl, playStoreUrl }: DownloadSectionProps) {
+  const { t } = useTranslation();
+
+  if (!appStoreUrl && !playStoreUrl) return null;
+
+  return (
+    <section id="download" className="download-section" aria-labelledby="download-title">
+      <div className="download-section__container">
+        <div className="download-section__badge">{t("download.badge")}</div>
+        <h2 id="download-title" className="download-section__title">{t("download.title")}</h2>
+        <p className="download-section__subtitle">{t("download.subtitle")}</p>
+
+        <div className="download-section__buttons">
+          {appStoreUrl && (
+            <a
+              href={appStoreUrl}
+              className="download-btn download-btn--apple"
+              target="_blank"
+              rel="noopener noreferrer"
+              aria-label="Download on the App Store"
+            >
+              <svg className="download-btn__icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+                <path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" />
+              </svg>
+              <div className="download-btn__text">
+                <span className="download-btn__sub">{t("download.downloadOn")}</span>
+                <span className="download-btn__main">{t("download.appStore")}</span>
+              </div>
+            </a>
+          )}
+
+          {playStoreUrl && (
+            <a
+              href={playStoreUrl}
+              className="download-btn download-btn--google"
+              target="_blank"
+              rel="noopener noreferrer"
+              aria-label="Get it on Google Play"
+            >
+              <svg className="download-btn__icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+                <path d="M3.18 23.76c.3.17.64.24.99.18l12.83-7.41-2.79-2.79-11.03 10.02zM.5 1.19C.19 1.5 0 2.01 0 2.69v18.62c0 .68.19 1.19.51 1.5l.08.08 10.43-10.43v-.25L.58 1.11.5 1.19zm19.64 9.13l-2.55-1.47-3.12 3.12 3.12 3.12 2.57-1.48c.73-.42.73-1.11-.02-1.29zM4.17.24L17 7.66l-2.79 2.79L4.17.24z" />
+              </svg>
+              <div className="download-btn__text">
+                <span className="download-btn__sub">{t("download.getItOn")}</span>
+                <span className="download-btn__main">{t("download.googlePlay")}</span>
+              </div>
+            </a>
+          )}
+        </div>
+      </div>
+    </section>
+  );
+}

package/templates/_base-website/components/SiteFeaturesSection.tsx

@@ -0,0 +1,68 @@
+import { FeaturesSection } from "../../../components/FeaturesSection"
+
+export const SiteFeaturesSection = () => {
+
+    return (
+        <FeaturesSection
+            features={[
+                {
+                    key: "workouts",
+                    icon: (
+                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+                            <path d="M6.5 6.5a3.5 3.5 0 1 0 7 0 3.5 3.5 0 1 0-7 0" />
+                            <path d="M2 21v-2a4 4 0 0 1 4-4h4" />
+                            <path d="M17.5 17.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 1 0 0 7Z" />
+                            <path d="M22 22l-1.5-1.5" />
+                        </svg>
+                    ),
+                    colorModifier: "blue",
+                },
+                {
+                    key: "challenges",
+                    icon: (
+                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+                            <path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6" />
+                            <path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18" />
+                            <path d="M4 22h16" />
+                            <path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22" />
+                            <path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22" />
+                            <path d="M18 2H6v7a6 6 0 0 0 12 0V2Z" />
+                        </svg>
+                    ),
+                    colorModifier: "yellow",
+                },
+                {
+                    key: "community",
+                    icon: (
+                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+                            <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
+                            <circle cx="9" cy="7" r="4" />
+                            <path d="M22 21v-2a4 4 0 0 0-3-3.87" />
+                            <path d="M16 3.13a4 4 0 0 1 0 7.75" />
+                        </svg>
+                    ),
+                    colorModifier: "green",
+                },
+                {
+                    key: "progress",
+                    icon: (
+                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+                            <line x1="12" y1="20" x2="12" y2="10" />
+                            <line x1="18" y1="20" x2="18" y2="4" />
+                            <line x1="6" y1="20" x2="6" y2="16" />
+                        </svg>
+                    ),
+                    colorModifier: "purple",
+                },
+                {
+                    key: "badges",
+                    icon: (
+                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+                            <circle cx="12" cy="8" r="6" />
+                            <path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11" />
+                        </svg>
+                    ),
+                    colorModifier: "rose",
+                },
+            ]} />)
+}

package/templates/_base-website/components/SiteFooter.tsx

@@ -0,0 +1,29 @@
+import { useTranslation } from "react-i18next";
+import { Footer } from "../../../components/Footer"
+import { useParams } from "react-router-dom";
+import { SITE_CONFIG } from "../config";
+
+export const SiteFooter = () => {
+    const { t } = useTranslation();
+    const { lang } = useParams<{ lang: string }>();
+    const currentLang = lang || "en";
+
+    return (<Footer
+        siteName={SITE_CONFIG.name}
+        productLinks={[
+            { label: t("nav.features"), href: `/${currentLang}/#features` },
+            { label: "Blog", href: `/${currentLang}/blog` },
+            { label: t("nav.download"), href: `/${currentLang}/#download` },
+        ]}
+        supportLinks={[
+            { label: t("footer.helpCenter"), href: `/${currentLang}/support` },
+            { label: t("footer.contactUs"), href: `/${currentLang}/support#contact` },
+        ]}
+        legalLinks={[
+            { label: t("footer.privacyPolicy"), href: `/${currentLang}/privacy` },
+            { label: t("footer.termsOfService"), href: `/${currentLang}/terms` },
+        ]}
+        appStoreUrl={SITE_CONFIG.appStoreUrl}
+        playStoreUrl={SITE_CONFIG.playStoreUrl} />)
+
+}

package/templates/_base-website/components/SiteHeroSection.tsx

@@ -0,0 +1,30 @@
+import { useTranslation } from "react-i18next";
+import { HeroSection } from "../../../components/HeroSection";
+import { SITE_CONFIG } from "../config";
+
+export const SiteHeroSection = () => {
+
+    const { t } = useTranslation();
+
+    const AppStats = () => {
+        return (<div className="hero__stats" role="list" aria-label={`${SITE_CONFIG.name} App statistics`}>
+            <div className="hero__stat" role="listitem">
+                <p className="hero__stat-value">200+</p>
+                <p className="hero__stat-label">{t("hero.workoutPlans")}</p>
+            </div>
+            <div className="hero__stat-divider" aria-hidden="true" />
+            <div className="hero__stat" role="listitem">
+                <p className="hero__stat-value">1600+</p>
+                <p className="hero__stat-label">{t("hero.exercises")}</p>
+            </div>
+        </div>)
+    }
+
+
+    return <HeroSection
+        appStats={<AppStats />}
+        siteName={SITE_CONFIG.name}
+        defaultScreenshot="dashboard"
+        screenshotKeys={SITE_CONFIG.screenshotKeys}
+    />;
+}

package/templates/_base-website/components/SiteHighlightsSection.tsx

@@ -0,0 +1,38 @@
+import { HighlightsSection } from "../../../components/HighlightsSection"
+
+export const SiteHighlightsSection = () => {
+   const highlights = [
+        {
+            key: "premium",
+            icon: (
+                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+                    <circle cx="12" cy="12" r="10" />
+                    <path d="m16 12-4-4-4 4" />
+                    <path d="M12 16V8" />
+                </svg>
+            ),
+            colorModifier: "blue",
+        },
+        {
+            key: "multiLanguage",
+            icon: (
+                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+                    <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10" />
+                    <path d="m9 12 2 2 4-4" />
+                </svg>
+            ),
+            colorModifier: "green",
+        },
+        {
+            key: "darkMode",
+            icon: (
+                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+                    <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" />
+                </svg>
+            ),
+            colorModifier: "purple",
+        },
+    ];
+
+    return (<HighlightsSection highlights={highlights} />)
+}

package/templates/_base-website/components/SiteLanguageSwitcher.tsx

@@ -0,0 +1,9 @@
+import { LanguageSwitcher } from "../../../components/LanguageSwitcher"
+import { SUPPORTED_LANGUAGES, LANGUAGE_NAMES } from "../config"
+
+export const SiteLanguageSwitcher = () => {
+    return (<LanguageSwitcher
+        supportedLanguages={SUPPORTED_LANGUAGES as any}
+        LANGUAGE_NAMES={LANGUAGE_NAMES}
+    />)
+}

package/templates/_base-website/components/SiteNavigation.tsx

@@ -0,0 +1,24 @@
+import { useParams } from "react-router-dom";
+import { Navigation } from "../../../components/Navigation";
+import { SITE_CONFIG } from "../config";
+import { useTranslation } from "react-i18next";
+import { SiteLanguageSwitcher } from "./SiteLanguageSwitcher";
+import { ThemeToggle } from "../../../components/ThemeToggle";
+
+export const SiteNavigation = () => {
+    const { t } = useTranslation();
+    const { lang } = useParams<{ lang: string }>();
+    const currentLang = lang || "en";
+
+    return <Navigation
+        siteName={SITE_CONFIG.name}
+        langSwitcher={<SiteLanguageSwitcher />}
+        themeToggle={<ThemeToggle />}
+        navLinks={[
+            { key: "features", label: t("nav.features"), href: `/${currentLang}/#features` },
+            { key: "blog", label: "Blog", href: `/${currentLang}/blog` },
+            { key: "support", label: t("nav.support"), href: `/${currentLang}/support` },
+            { key: "download", label: t("nav.download"), href: `/${currentLang}/#download`, highlight: true },
+        ]}
+    />;
+}

package/templates/_base-website/config.ts

@@ -0,0 +1,78 @@
+import { fetchAPI } from "../../utils";
+
+export const API_BASE_URL = "https://api.{{domain}}";
+
+export const SUPPORTED_LANGUAGES = [
+  "en", "de", "fr", "it", "ja", "ko", "tr", "zh", "es", "pt",
+  "hi", "ar", "ru", "pl", "nl", "id", "vi", "th", "sv",
+] as const;
+
+export type Language = typeof SUPPORTED_LANGUAGES[number];
+export const DEFAULT_LANGUAGE: Language = "en";
+export const APP_ADS_TXT = '';
+
+export const LANGUAGE_LOCALES: Record<Language, string> = {
+  en: "en_US", de: "de_DE", fr: "fr_FR", it: "it_IT", ja: "ja_JP",
+  ko: "ko_KR", tr: "tr_TR", zh: "zh_CN", es: "es_ES", pt: "pt_BR",
+  hi: "hi_IN", ar: "ar_SA", ru: "ru_RU", pl: "pl_PL", nl: "nl_NL",
+  id: "id_ID", vi: "vi_VN", th: "th_TH", sv: "sv_SE",
+};
+
+export const LANGUAGE_NAMES: Record<Language, string> = {
+  en: "English", de: "Deutsch", fr: "Français", it: "Italiano",
+  ja: "日本語", ko: "한국어", tr: "Türkçe", zh: "中文", es: "Español",
+  pt: "Português", hi: "हिन्दी", ar: "العربية", ru: "Русский",
+  pl: "Polski", nl: "Nederlands", id: "Indonesia", vi: "Tiếng Việt",
+  th: "ไทย", sv: "Svenska",
+};
+
+export const SITE_CONFIG = {
+  name: "{{siteName}}",
+  domain: "{{domain}}",
+  googleAnalyticsId: "", // Set to your GA4 Measurement ID (e.g. "G-XXXXXXXXXX") to enable
+  tagline: "Start Your Project",
+  url: "{{siteUrl}}",
+  description: "This is a boilerplate website used to create new websites easily.",
+  keywords: "{{domainBase}}, template, starter",
+  author: "{{siteName}}",
+  themeColor: "#000000",
+  twitterHandle: "@{{domainBase}}",
+  appStoreUrl: "",
+  playStoreUrl: "",
+  appScheme: "{{domainBase}}://",
+  androidPackage: "com.{{domainBase}}.app",
+  iosAppId: "",
+  theme: {
+    primary: "{{primaryColor}}",
+    secondary: "#9333ea", // purple-600
+    background: "#0a0a0f", // gray-950
+    surface: "#111827", // gray-900
+    text: "#ffffff",
+    textMuted: "rgba(255, 255, 255, 0.6)",
+  },
+  features: {
+    enableBlog: false,
+    enableStore: false,
+    blogPostsPerPage: 12,
+  },
+  emails: {
+    support: "support@{{domain}}",
+    legal: "legal@{{domain}}",
+    privacy: "privacy@{{domain}}",
+  },
+  screenshotKeys: [
+    "dashboard"
+  ],
+};
+
+export function getLangPrefix(lang: Language): string {
+  return lang === DEFAULT_LANGUAGE ? "" : `/${lang}`;
+}
+
+export function isValidLanguage(lang: string): lang is Language {
+  return SUPPORTED_LANGUAGES.includes(lang as Language);
+}
+
+export async function fetchFromAPI(type: string, params: Record<string, string>): Promise<any> {
+  return fetchAPI(API_BASE_URL, type, params);
+}

package/templates/_base-website/data/blog/authors.json

@@ -0,0 +1,18 @@
+[
+  {
+    "slug": "emma-rodriguez",
+    "name": "Emma Rodriguez",
+    "avatar": "",
+    "bio": {
+      "en": "Full-stack developer and open-source contributor with a passion for performance engineering and developer experience. Writes about modern web technologies, server-side rendering, and building at scale."
+    },
+    "seo": {
+      "pageTitle": {
+        "en": "Emma Rodriguez - Full-Stack Developer & Performance Engineer"
+      },
+      "metaDescription": {
+        "en": "Learn more about Emma Rodriguez, a full-stack developer passionate about performance engineering, SSR, and modern web technologies."
+      }
+    }
+  }
+]