[ { "path": ".cursorrules", "content": "## 🧑‍💻 Development Guidelines\n\nThis project follows **Next.js (App Router)** and is structured using **Feature-Sliced Design (FSD)** for modularity, scalability, and clear\nseparation of concerns.\n\nUse this prompt and coding standards to ensure consistency across the codebase:\n\n---\n\n### 🔧 Code Style and Structure\n\n- Write concise, expressive, and idiomatic **TypeScript**\n- Use **functional programming** patterns (avoid classes and side effects)\n- Prefer **composition** over inheritance, and modularization over duplication\n- Organize each `feature/`, `entity/`, or `widget/` with:\n\n - model/ → logic (React Query, actions, hooks)\n - schema/ → Zod schemas for validation ui/ → client components (TSX)\n - lib/ → pure helper functions\n - types/ → interfaces & TS types\n\n- All external dependencies (**API**, `localStorage`, `Date`) must be **abstracted** in `shared/lib/`\n- Avoid direct calls to:\n- `fetch` → use actions or `shared/api/`\n- `new Date()` → use `shared/lib/date` abstraction\n- `localStorage` → wrap in `shared/lib/storage`\n\n---\n\n### 🧠 Naming Conventions\n\n- Use `kebab-case` for **directories** (e.g. `features/auth/signup`)\n- Use **named exports** (no default exports for components)\n- Use descriptive names with **auxiliary verbs** (e.g. `isLoading`, `hasError`, `canSubmit`)\n- Components:\n- Pure UI: `src/components/ui/`\n- Shared logic: `src/shared/lib/`\n- Composition: `src/widgets/`\n\n---\n\n### 📐 TypeScript Usage\n\n- Use `interface` over `type` for objects\n- Avoid `enum`; use `as const` object maps instead\n- Use `infer` and `z.infer` for accurate form types\n- Types live in `types/` or colocated with usage\n\n---\n\n### 📦 Feature Architecture\n\n**Keep React component logic inside the relevant feature:**\n\nfeatures/auth/signup/ ├── model/ → useSignUp.ts, signup.action.ts ├── schema/ → signup.schema.ts ├── ui/ → signup-form.tsx\n\nIf reusable between many features (e.g. `User`, `Link`, `Session`), move logic to `entities/`.\n\n---\n\n### 🧪 Error Handling & Validation\n\n- Use **Zod** for schema validation\n- Prefer early returns & guard clauses\n- Use `ActionError` in server actions and handle them with `next-safe-action`\n- Wrap React components in `ErrorBoundary` (or `shared/ui/ErrorBoundaries.tsx`)\n- Display user-friendly errors via `toast()` or ``\n\n---\n\n### 💅 UI & Styling\n\n- Use **Shadcn UI**, **Radix**, and **Tailwind CSS** with **mobile-first** responsive design\n- Design theme:\n\n - **Minimal**, professional with a **slightly playful touch**\n - Inspired by **Apple**, tailored to fitness coaches\n - Emphasize visuals: badges, progress bars, illustrations\n - Use `lucide-react` icons, subtle borders, hover feedback\n - Avoid drop shadows; prefer light borders and soft hover effects\n\n- Animations:\n\n - Elegant and performant (use `framer-motion` if needed)\n - Use `transition`, `duration-xxx`, and `ease-xxx` from Tailwind\n\n- UX Principles:\n\n - Clear hierarchy\n - Responsive: no overflow, no overlap\n - All buttons and interactive elements should provide feedback\n - Use @tailwind.config.ts for the theme.\n\n- **UI Stack**:\n\n - **Shadcn UI**, **Radix UI**, and **Tailwind CSS** (mobile-first approach)\n - Icons: **lucide-react**\n\n- **Design Language**:\n\n - 🎨 **Modern & minimalist**, inspired by **Apple’s design system**, with a **slightly more colorful palette**\n - Interface should be **clean**, **cohesive**, and **functional** without sacrificing features\n - Avoid drop shadows; prefer **subtle borders** where relevant\n - Ensure a **clear visual hierarchy** and **intuitive navigation**\n\n- **Interactive Components**:\n\n - Buttons and inputs must be **elegant**, with **subtle visual feedback** (hover, click, validation)\n - Use **addictive micro-interactions** sparingly to enhance engagement without clutter\n\n- **Animations**:\n\n - Use Tailwind’s built-in utilities: `transition`, `duration-xxx`, `ease-xxx` for basic transitions\n - Use `framer-motion` for advanced animations only if necessary\n - ✅ **Performance comes first**: animations must be smooth and lightweight\n\n- **Responsiveness**:\n\n - Fully responsive layout: **no overlapping**, **no overflow**\n - Consistent behavior across all devices, from mobile to desktop\n\n- **User Experience**:\n - All interactive elements must provide **clear visual feedback**\n - Interfaces should remain **simple to navigate**, even when **feature-rich**\n\n---\n\n### 🧱 Rendering & Performance\n\n- Favor **Server Components** (`RSC`) and SSR for pages and logic\n- Limit `'use client'` usage — only where needed:\n - form states, event listeners, animations\n- Wrap all client components in `` with fallback\n- Use dynamic import for non-critical UI (e.g. `Dialog`, `Chart`)\n- Optimize media:\n - Use **WebP** images with width/height\n - Enable lazy loading where possible\n\n---\n\n### 🔍 Data, Forms, Actions\n\n- Use `@tanstack/react-query` for client state\n- Use `next-safe-action` for server mutations and queries\n- All actions should:\n - Have clear schema (`schema/`)\n - Model expected errors with `ActionError`\n - Return typed output\n - Use the clientAction from `@/shared/api/safe-actions`\n- Use `Form`, `FormField`, `FormMessage` from Shadcn for all forms\n\n---\n\n### 🧭 Routing & Navigation\n\n- All routes defined in `app/`, avoid logic here\n- Use constants in `shared/constants/paths.ts`\n- For search parameters, use `nuqs` (`useQueryState`) — never manipulate `router.query` directly\n- Follow Next.js App Router standards for layouts and segments\n\n---\n\n- [Feature-Sliced Design](https://feature-sliced.design/)\n- [Shadcn UI](https://ui.shadcn.com/)\n- [Zod](https://zod.dev/)\n" }, { "path": ".github/FUNDING.yml", "content": "github: snouzy\nko_fi: workoutcool\n# buy_me_a_coffee: workout_cool\n" }, { "path": ".github/ISSUE_TEMPLATE/bug_report.md", "content": "---\nname: Bug report\nabout: Create a report to help us improve\ntitle: \"\"\nlabels: \"\"\nassignees: \"\"\n---\n\n**Describe the bug** A clear and concise description of what the bug is.\n\n**To Reproduce** Steps to reproduce the behavior:\n\n1. Go to '...'\n2. Click on '....'\n3. Scroll down to '....'\n4. See error\n\n**Expected behavior** A clear and concise description of what you expected to happen.\n\n**Screenshots** If applicable, add screenshots to help explain your problem.\n\n**Desktop (please complete the following information):**\n\n- OS: [e.g. iOS]\n- Browser [e.g. chrome, safari]\n- Version [e.g. 22]\n\n**Smartphone (please complete the following information):**\n\n- Device: [e.g. iPhone6]\n- OS: [e.g. iOS8.1]\n- Browser [e.g. stock browser, safari]\n- Version [e.g. 22]\n\n**Additional context** Add any other context about the problem here.\n" }, { "path": ".github/ISSUE_TEMPLATE/config.yml", "content": "blank_issues_enabled: false\ncontact_links:\n - name: 💬 Workout Cool Discord\n url: https://discord.gg/NtrsUBuHUB\n about: Please use our Discord server for all questions, discussions, and support." }, { "path": ".github/ISSUE_TEMPLATE/feature_request.md", "content": "---\nname: Feature request\nabout: Suggest a feature for this project\ntitle: \"\"\nlabels: \"\"\nassignees: \"\"\n---\n\n**Is your feature request related to a problem? Please describe.** A clear and concise description of what the problem is. Ex. I'm always\nfrustrated when [...]\n\n**Describe the solution you'd like** A clear and concise description of what you want to happen.\n\n**Describe alternatives you've considered** A clear and concise description of any alternative solutions or features you've considered.\n\n**Additional context** Add any other context or screenshots about the feature request here.\n" }, { "path": ".github/pull_request_template.md", "content": "## 📝 Description\n\n\n\n## 📋 Checklist\n\n- [ ] My code follows the project conventions\n- [ ] This PR includes breaking changes\n- [ ] I have updated documentation if necessary\n\n## 🗃️ Prisma Migrations (if applicable)\n\n- [ ] I have created a migration\n- [ ] I have tested the migration locally\n\n## 📸 Screenshots (if applicable)\n\n\n\n## 🔗 Related Issues\n\n\n" }, { "path": ".github/workflows/ci.yml", "content": "name: ci\n\non:\n push:\n branches: [main]\n pull_request:\n branches: [main]\n\njobs:\n lint:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v4\n\n - name: Setup Node.js\n uses: actions/setup-node@v4\n with:\n node-version: \"20\"\n\n - name: Setup pnpm\n uses: pnpm/action-setup@v4\n with:\n version: 9\n\n - name: Get pnpm store directory\n shell: bash\n run: |\n echo \"STORE_PATH=$(pnpm store path --silent)\" >> $GITHUB_ENV\n\n - name: Setup pnpm cache\n uses: actions/cache@v4\n with:\n path: ${{ env.STORE_PATH }}\n key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}\n restore-keys: |\n ${{ runner.os }}-pnpm-store-\n\n - name: Install dependencies\n run: pnpm install --frozen-lockfile\n\n - name: Generate Prisma client\n run: pnpm prisma generate\n\n - name: Run linting\n run: pnpm lint\n\n build:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v4\n\n - name: Setup Node.js\n uses: actions/setup-node@v4\n with:\n node-version: \"20\"\n\n - name: Setup pnpm\n uses: pnpm/action-setup@v4\n with:\n version: 9\n\n - name: Get pnpm store directory\n shell: bash\n run: |\n echo \"STORE_PATH=$(pnpm store path --silent)\" >> $GITHUB_ENV\n\n - name: Setup pnpm cache\n uses: actions/cache@v4\n with:\n path: ${{ env.STORE_PATH }}\n key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}\n restore-keys: |\n ${{ runner.os }}-pnpm-store-\n\n - name: Install dependencies\n run: pnpm install --frozen-lockfile\n\n - name: Generate Prisma client\n run: pnpm prisma generate\n\n - name: Build project\n run: pnpm build\n env:\n BETTER_AUTH_URL: http://localhost:3000\n DATABASE_URL: postgresql://user:password@localhost:5432/test_db\n GOOGLE_CLIENT_ID: test_client_id\n GOOGLE_CLIENT_SECRET: test_client_secret\n RESEND_API_KEY: re_test_key\n BETTER_AUTH_SECRET: test_secret_key_32_chars_minimum\n OPENPANEL_SECRET_KEY: test_secret\n NEXT_PUBLIC_OPENPANEL_CLIENT_ID: test_client_id\n NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY: test_client_id\n NEXT_PUBLIC_STRIPE_PRICE_MONTHLY_EU: test_price_monthly\n NEXT_PUBLIC_STRIPE_PRICE_YEARLY_EU: test_price_yearly\n NEXT_PUBLIC_STRIPE_PRICE_MONTHLY_US: test_price_monthly\n NEXT_PUBLIC_STRIPE_PRICE_YEARLY_US: test_price_yearly\n NEXT_PUBLIC_STRIPE_PRICE_MONTHLY_LATAM: test_price_monthly\n NEXT_PUBLIC_STRIPE_PRICE_YEARLY_LATAM: test_price_yearly\n NEXT_PUBLIC_STRIPE_PRICE_MONTHLY_BR: test_price_monthly\n NEXT_PUBLIC_STRIPE_PRICE_YEARLY_BR: test_price_yearly\n NEXT_PUBLIC_STRIPE_PRICE_MONTHLY_RU: test_price_monthly\n NEXT_PUBLIC_STRIPE_PRICE_YEARLY_RU: test_price_yearly\n NEXT_PUBLIC_STRIPE_PRICE_MONTHLY_CN: test_price_monthly\n NEXT_PUBLIC_STRIPE_PRICE_YEARLY_CN: test_price_yearly\n NEXT_PUBLIC_APP_URL: http://localhost:3000\n STRIPE_SECRET_KEY: test_secret_key\n REVENUECAT_SECRET_KEY: test_secret_key\n REVENUECAT_WEBHOOK_SECRET: test_webhook_secret\n STRIPE_WEBHOOK_SECRET: test_webhook_secret\n NEXT_PUBLIC_SHOW_ADS: false\n NEXT_PUBLIC_AD_CLIENT: test_client_id\n NEXT_PUBLIC_VERTICAL_LEFT_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_VERTICAL_RIGHT_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_EQUIPMENT_SELECTION_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_EXERCISE_SELECTION_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_MUSCLE_SELECTION_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_WORKOUT_SESSION_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_BOTTOM_WORKOUT_SESSION_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_STEPPER_STEP_1_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_STEPPER_STEP_2_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_STEPPER_STEP_3_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_PROGRAMS_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_BOTTOM_PROGRAMS_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_TOOLS_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_BOTTOM_TOOLS_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_CALCULATOR_HUB_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_BOTTOM_CALCULATOR_HUB_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_PROGRAM_DETAILS_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_BOTTOM_PROGRAM_DETAILS_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_PROFILE_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_IN_ARTICLE_BMI_1_AD_SLOT: 1234567890\n NEXT_PUBLIC_IN_ARTICLE_BMI_2_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_BMI_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_BOTTOM_BMI_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_HEART_ZONES_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_BOTTOM_HEART_ZONES_BANNER_AD_SLOT: 1234567890\n NEXT_PUBLIC_IN_ARTICLE_HEART_ZONES_AD_SLOT_1: 1234567890\n NEXT_PUBLIC_IN_ARTICLE_HEART_ZONES_AD_SLOT_2: 1234567890\n NEXT_PUBLIC_IN_ARTICLE_HEART_ZONES_AD_SLOT_3: 1234567890\n NEXT_PUBLIC_TOP_MIFFLIN_ST_JEOR_CALCULATOR_AD_SLOT: 1234567890\n NEXT_PUBLIC_BOTTOM_CALORIE_CALCULATOR_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_OXFORD_CALCULATOR_AD_SLOT: 1234567890\n NEXT_PUBLIC_BOTTOM_OXFORD_CALCULATOR_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_HARRIS_BENEDICT_CALCULATOR_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_KATCH_MCARDLE_CALCULATOR_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_CUNNINGHAM_CALCULATOR_AD_SLOT: 1234567890\n NEXT_PUBLIC_TOP_CALORIE_CALCULATOR_COMPARISON_AD_SLOT: 1234567890\n NEXT_PUBLIC_BOTTOM_CALORIE_CALCULATOR_COMPARISON_AD_SLOT: 1234567890\n" }, { "path": ".github/workflows/notify-discord-issues.yml", "content": "name: Discord Issue Notification\n\non:\n issues:\n types: [opened, reopened, closed]\n workflow_dispatch:\n inputs:\n issue_number:\n description: \"Issue number\"\n required: true\n type: string\n\njobs:\n Discord:\n runs-on: ubuntu-latest\n name: Discord Issue Notifier\n steps:\n - uses: actions/checkout@v4\n if: github.event_name == 'workflow_dispatch'\n\n - name: Get issue info for manual trigger\n id: issue-info\n if: github.event_name == 'workflow_dispatch'\n run: |\n ISSUE_INFO=$(gh issue view ${{ github.event.inputs.issue_number }} --json number,title,url,author,state,labels,createdAt)\n echo \"number=$(echo \"$ISSUE_INFO\" | jq -r '.number')\" >> $GITHUB_OUTPUT\n echo \"title=$(echo \"$ISSUE_INFO\" | jq -r '.title')\" >> $GITHUB_OUTPUT\n echo \"html_url=$(echo \"$ISSUE_INFO\" | jq -r '.url')\" >> $GITHUB_OUTPUT\n echo \"author_login=$(echo \"$ISSUE_INFO\" | jq -r '.author.login')\" >> $GITHUB_OUTPUT\n echo \"author_html_url=https://github.com/$(echo \"$ISSUE_INFO\" | jq -r '.author.login')\" >> $GITHUB_OUTPUT\n echo \"state=$(echo \"$ISSUE_INFO\" | jq -r '.state')\" >> $GITHUB_OUTPUT\n echo \"created_at=$(echo \"$ISSUE_INFO\" | jq -r '.createdAt')\" >> $GITHUB_OUTPUT\n echo \"labels=$(echo \"$ISSUE_INFO\" | jq -r '.labels | map(.name) | join(\", \") // \"None\"')\" >> $GITHUB_OUTPUT\n env:\n GH_TOKEN: ${{ github.token }}\n\n - name: Determine action color and emoji\n id: action-info\n run: |\n if [ \"${{ github.event_name }}\" = \"workflow_dispatch\" ]; then\n # For manual trigger, use the current state\n case \"${{ steps.issue-info.outputs.state }}\" in\n \"OPEN\")\n echo \"color=15158332\" >> $GITHUB_OUTPUT # Red\n echo \"emoji=🔴\" >> $GITHUB_OUTPUT\n echo \"action_text=Open\" >> $GITHUB_OUTPUT\n ;;\n \"CLOSED\")\n echo \"color=5763719\" >> $GITHUB_OUTPUT # Green\n echo \"emoji=🟢\" >> $GITHUB_OUTPUT\n echo \"action_text=Closed\" >> $GITHUB_OUTPUT\n ;;\n esac\n else\n # For automatic trigger, use the action\n case \"${{ github.event.action }}\" in\n \"opened\")\n echo \"color=15158332\" >> $GITHUB_OUTPUT # Red\n echo \"emoji=🔴\" >> $GITHUB_OUTPUT\n echo \"action_text=Opened\" >> $GITHUB_OUTPUT\n ;;\n \"reopened\")\n echo \"color=16776960\" >> $GITHUB_OUTPUT # Yellow\n echo \"emoji=🟡\" >> $GITHUB_OUTPUT\n echo \"action_text=Reopened\" >> $GITHUB_OUTPUT\n ;;\n \"closed\")\n echo \"color=5763719\" >> $GITHUB_OUTPUT # Green\n echo \"emoji=🟢\" >> $GITHUB_OUTPUT\n echo \"action_text=Closed\" >> $GITHUB_OUTPUT\n ;;\n esac\n fi\n\n - name: Create Discord webhook payload\n run: |\n # Determine data source based on trigger type\n if [ \"${{ github.event_name }}\" = \"workflow_dispatch\" ]; then\n ISSUE_NUMBER=\"${{ steps.issue-info.outputs.number }}\"\n ISSUE_TITLE=\"${{ steps.issue-info.outputs.title }}\"\n ISSUE_URL=\"${{ steps.issue-info.outputs.html_url }}\"\n AUTHOR_LOGIN=\"${{ steps.issue-info.outputs.author_login }}\"\n AUTHOR_URL=\"${{ steps.issue-info.outputs.author_html_url }}\"\n ISSUE_STATE=\"${{ steps.issue-info.outputs.state }}\"\n ISSUE_LABELS=\"${{ steps.issue-info.outputs.labels }}\"\n CREATED_AT=\"${{ steps.issue-info.outputs.created_at }}\"\n else\n ISSUE_NUMBER=\"${{ github.event.issue.number }}\"\n ISSUE_TITLE=\"${{ github.event.issue.title }}\"\n ISSUE_URL=\"${{ github.event.issue.html_url }}\"\n AUTHOR_LOGIN=\"${{ github.event.issue.user.login }}\"\n AUTHOR_URL=\"${{ github.event.issue.user.html_url }}\"\n ISSUE_STATE=\"${{ github.event.issue.state }}\"\n ISSUE_LABELS=\"${{ github.event.issue.labels[0].name && join(github.event.issue.labels.*.name, ', ') || 'None' }}\"\n CREATED_AT=\"${{ github.event.issue.created_at }}\"\n fi\n\n # Create a temporary JSON file\n cat > discord_payload.json << EOF\n {\n \"avatar_url\": \"https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png\",\n \"embeds\": [\n {\n \"title\": \"${{ steps.action-info.outputs.emoji }} Issue ${{ steps.action-info.outputs.action_text }}: #${ISSUE_NUMBER}\",\n \"description\": \"${ISSUE_TITLE}\",\n \"url\": \"${ISSUE_URL}\",\n \"color\": ${{ steps.action-info.outputs.color }},\n \"thumbnail\": {\n \"url\": \"https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png\"\n },\n \"fields\": [\n {\n \"name\": \"📋 Issue #\",\n \"value\": \"\\`#${ISSUE_NUMBER}\\`\",\n \"inline\": true\n },\n {\n \"name\": \"👤 Author\",\n \"value\": \"[${AUTHOR_LOGIN}](${AUTHOR_URL})\",\n \"inline\": true\n },\n {\n \"name\": \"📁 Repository\",\n \"value\": \"[${{ github.event.repository.name }}](${{ github.event.repository.html_url }})\",\n \"inline\": true\n },\n {\n \"name\": \"🏷️ Labels\",\n \"value\": \"${ISSUE_LABELS}\",\n \"inline\": true\n },\n {\n \"name\": \"📊 State\",\n \"value\": \"\\`${ISSUE_STATE}\\`\",\n \"inline\": true\n },\n {\n \"name\": \"🔗 View Issue\",\n \"value\": \"[Issue Page](${ISSUE_URL})\",\n \"inline\": true\n }\n ],\n \"timestamp\": \"${CREATED_AT}\",\n \"footer\": {\n \"text\": \"Workout Cool • Issue ${{ steps.action-info.outputs.action_text }}\",\n \"icon_url\": \"https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png\"\n }\n }\n ]\n }\n EOF\n\n - name: Send Discord notification\n run: |\n curl -H \"Content-Type: application/json\" \\\n -d @discord_payload.json \\\n \"${{ secrets.DISCORD_ISSUES_WEBHOOK }}\"\n" }, { "path": ".github/workflows/notify-discord-pr.yml", "content": "name: Discord PR Notification\n\non:\n pull_request:\n types: [opened]\n workflow_dispatch:\n inputs:\n pr_number:\n description: \"Pull Request number\"\n required: true\n type: string\n\njobs:\n Discord:\n runs-on: ubuntu-latest\n name: Discord PR Notifier\n if: github.event.pull_request.head.repo.full_name == github.repository\n steps:\n - uses: actions/checkout@v4\n if: github.event_name == 'workflow_dispatch'\n\n - name: Get PR info for manual trigger\n id: pr-info\n if: github.event_name == 'workflow_dispatch'\n run: |\n PR_INFO=$(gh pr view ${{ github.event.inputs.pr_number }} --json number,title,url,author,state,labels,createdAt,headRefName,baseRefName,isDraft,mergeable)\n echo \"number=$(echo \"$PR_INFO\" | jq -r '.number')\" >> $GITHUB_OUTPUT\n echo \"title=$(echo \"$PR_INFO\" | jq -r '.title')\" >> $GITHUB_OUTPUT\n echo \"html_url=$(echo \"$PR_INFO\" | jq -r '.url')\" >> $GITHUB_OUTPUT\n echo \"author_login=$(echo \"$PR_INFO\" | jq -r '.author.login')\" >> $GITHUB_OUTPUT\n echo \"author_html_url=https://github.com/$(echo \"$PR_INFO\" | jq -r '.author.login')\" >> $GITHUB_OUTPUT\n echo \"state=$(echo \"$PR_INFO\" | jq -r '.state')\" >> $GITHUB_OUTPUT\n echo \"created_at=$(echo \"$PR_INFO\" | jq -r '.createdAt')\" >> $GITHUB_OUTPUT\n echo \"labels=$(echo \"$PR_INFO\" | jq -r '.labels | map(.name) | join(\", \") // \"None\"')\" >> $GITHUB_OUTPUT\n echo \"head_ref=$(echo \"$PR_INFO\" | jq -r '.headRefName')\" >> $GITHUB_OUTPUT\n echo \"base_ref=$(echo \"$PR_INFO\" | jq -r '.baseRefName')\" >> $GITHUB_OUTPUT\n echo \"is_draft=$(echo \"$PR_INFO\" | jq -r '.isDraft')\" >> $GITHUB_OUTPUT\n echo \"mergeable=$(echo \"$PR_INFO\" | jq -r '.mergeable // \"UNKNOWN\"')\" >> $GITHUB_OUTPUT\n env:\n GH_TOKEN: ${{ github.token }}\n\n - name: Determine action color and emoji\n id: action-info\n run: |\n if [ \"${{ github.event_name }}\" = \"workflow_dispatch\" ]; then\n # For manual trigger, use the current state\n case \"${{ steps.pr-info.outputs.state }}\" in\n \"OPEN\")\n if [ \"${{ steps.pr-info.outputs.is_draft }}\" = \"true\" ]; then\n echo \"color=8421504\" >> $GITHUB_OUTPUT # Gray\n echo \"emoji=📝\" >> $GITHUB_OUTPUT\n echo \"action_text=Draft\" >> $GITHUB_OUTPUT\n else\n echo \"color=5763719\" >> $GITHUB_OUTPUT # Green\n echo \"emoji=🔄\" >> $GITHUB_OUTPUT\n echo \"action_text=Open\" >> $GITHUB_OUTPUT\n fi\n ;;\n \"CLOSED\")\n echo \"color=15158332\" >> $GITHUB_OUTPUT # Red\n echo \"emoji=❌\" >> $GITHUB_OUTPUT\n echo \"action_text=Closed\" >> $GITHUB_OUTPUT\n ;;\n \"MERGED\")\n echo \"color=6559689\" >> $GITHUB_OUTPUT # Purple\n echo \"emoji=🎉\" >> $GITHUB_OUTPUT\n echo \"action_text=Merged\" >> $GITHUB_OUTPUT\n ;;\n esac\n else\n # For automatic trigger, use the action\n case \"${{ github.event.action }}\" in\n \"opened\")\n echo \"color=5763719\" >> $GITHUB_OUTPUT # Green\n echo \"emoji=🔄\" >> $GITHUB_OUTPUT\n echo \"action_text=Opened\" >> $GITHUB_OUTPUT\n ;;\n \"reopened\")\n echo \"color=16776960\" >> $GITHUB_OUTPUT # Yellow\n echo \"emoji=🔄\" >> $GITHUB_OUTPUT\n echo \"action_text=Reopened\" >> $GITHUB_OUTPUT\n ;;\n \"closed\")\n if [ \"${{ github.event.pull_request.merged }}\" = \"true\" ]; then\n echo \"color=6559689\" >> $GITHUB_OUTPUT # Purple\n echo \"emoji=🎉\" >> $GITHUB_OUTPUT\n echo \"action_text=Merged\" >> $GITHUB_OUTPUT\n else\n echo \"color=15158332\" >> $GITHUB_OUTPUT # Red\n echo \"emoji=❌\" >> $GITHUB_OUTPUT\n echo \"action_text=Closed\" >> $GITHUB_OUTPUT\n fi\n ;;\n \"ready_for_review\")\n echo \"color=5763719\" >> $GITHUB_OUTPUT # Green\n echo \"emoji=👀\" >> $GITHUB_OUTPUT\n echo \"action_text=Ready for Review\" >> $GITHUB_OUTPUT\n ;;\n \"converted_to_draft\")\n echo \"color=8421504\" >> $GITHUB_OUTPUT # Gray\n echo \"emoji=📝\" >> $GITHUB_OUTPUT\n echo \"action_text=Converted to Draft\" >> $GITHUB_OUTPUT\n ;;\n esac\n fi\n\n - name: Create Discord webhook payload\n run: |\n # Determine data source based on trigger type\n if [ \"${{ github.event_name }}\" = \"workflow_dispatch\" ]; then\n PR_NUMBER=\"${{ steps.pr-info.outputs.number }}\"\n PR_TITLE=\"${{ steps.pr-info.outputs.title }}\"\n PR_URL=\"${{ steps.pr-info.outputs.html_url }}\"\n AUTHOR_LOGIN=\"${{ steps.pr-info.outputs.author_login }}\"\n AUTHOR_URL=\"${{ steps.pr-info.outputs.author_html_url }}\"\n PR_STATE=\"${{ steps.pr-info.outputs.state }}\"\n PR_LABELS=\"${{ steps.pr-info.outputs.labels }}\"\n CREATED_AT=\"${{ steps.pr-info.outputs.created_at }}\"\n HEAD_REF=\"${{ steps.pr-info.outputs.head_ref }}\"\n BASE_REF=\"${{ steps.pr-info.outputs.base_ref }}\"\n IS_DRAFT=\"${{ steps.pr-info.outputs.is_draft }}\"\n else\n PR_NUMBER=\"${{ github.event.pull_request.number }}\"\n PR_TITLE=\"${{ github.event.pull_request.title }}\"\n PR_URL=\"${{ github.event.pull_request.html_url }}\"\n AUTHOR_LOGIN=\"${{ github.event.pull_request.user.login }}\"\n AUTHOR_URL=\"${{ github.event.pull_request.user.html_url }}\"\n PR_STATE=\"${{ github.event.pull_request.state }}\"\n PR_LABELS=\"${{ github.event.pull_request.labels[0].name && join(github.event.pull_request.labels.*.name, ', ') || 'None' }}\"\n CREATED_AT=\"${{ github.event.pull_request.created_at }}\"\n HEAD_REF=\"${{ github.event.pull_request.head.ref }}\"\n BASE_REF=\"${{ github.event.pull_request.base.ref }}\"\n IS_DRAFT=\"${{ github.event.pull_request.draft }}\"\n fi\n\n # Escape special characters for JSON\n PR_TITLE_ESCAPED=$(echo \"$PR_TITLE\" | sed 's/\"/\\\\\"/g' | sed \"s/'/\\\\'/g\")\n\n # Create a temporary JSON file using jq to ensure valid JSON\n jq -n \\\n --arg avatar_url \"https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png\" \\\n --arg title \"${{ steps.action-info.outputs.emoji }} Pull Request ${{ steps.action-info.outputs.action_text }}: #${PR_NUMBER}\" \\\n --arg description \"$PR_TITLE_ESCAPED\" \\\n --arg url \"$PR_URL\" \\\n --argjson color ${{ steps.action-info.outputs.color }} \\\n --arg thumbnail_url \"https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png\" \\\n --arg pr_number \"#${PR_NUMBER}\" \\\n --arg author_name \"$AUTHOR_LOGIN\" \\\n --arg author_url \"$AUTHOR_URL\" \\\n --arg repo_name \"${{ github.event.repository.name }}\" \\\n --arg repo_url \"${{ github.event.repository.html_url }}\" \\\n --arg branch \"${HEAD_REF} → ${BASE_REF}\" \\\n --arg labels \"$PR_LABELS\" \\\n --arg status \"$PR_STATE\" \\\n --arg pr_url \"$PR_URL\" \\\n --arg timestamp \"$CREATED_AT\" \\\n --arg footer_text \"Workout Cool • PR ${{ steps.action-info.outputs.action_text }}\" \\\n --arg footer_icon \"https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png\" \\\n '{\n \"avatar_url\": $avatar_url,\n \"embeds\": [\n {\n \"title\": $title,\n \"description\": $description,\n \"url\": $url,\n \"color\": $color,\n \"thumbnail\": {\n \"url\": $thumbnail_url\n },\n \"fields\": [\n {\n \"name\": \"📋 PR #\",\n \"value\": $pr_number,\n \"inline\": true\n },\n {\n \"name\": \"👤 Author\",\n \"value\": (\"[\\($author_name)](\\($author_url))\"),\n \"inline\": true\n },\n {\n \"name\": \"📁 Repository\",\n \"value\": (\"[\\($repo_name)](\\($repo_url))\"),\n \"inline\": true\n },\n {\n \"name\": \"🌿 Branch\",\n \"value\": $branch,\n \"inline\": true\n },\n {\n \"name\": \"🏷️ Labels\",\n \"value\": $labels,\n \"inline\": true\n },\n {\n \"name\": \"📊 Status\",\n \"value\": $status,\n \"inline\": true\n },\n {\n \"name\": \"🔗 View PR\",\n \"value\": (\"[Pull Request](\\($pr_url))\"),\n \"inline\": true\n }\n ],\n \"timestamp\": $timestamp,\n \"footer\": {\n \"text\": $footer_text,\n \"icon_url\": $footer_icon\n }\n }\n ]\n }' > discord_payload.json\n\n - name: Send Discord notification\n run: |\n curl -H \"Content-Type: application/json\" \\\n -d @discord_payload.json \\\n \"${{ secrets.DISCORD_PR_WEBHOOK }}\"\n" }, { "path": ".github/workflows/notify-discord.yml", "content": "name: Discord Notification\n\non:\n release:\n types: [published]\n workflow_dispatch:\n inputs:\n tag_name:\n description: \"Tag name (leave empty for latest release)\"\n required: false\n type: string\n custom_title:\n description: \"Custom title for the release notification\"\n required: false\n type: string\n\njobs:\n Discord:\n runs-on: ubuntu-latest\n name: Discord Notifier\n steps:\n - uses: actions/checkout@v4\n with:\n fetch-depth: 0\n\n - name: Get release info\n id: release-info\n run: |\n if [ \"${{ github.event_name }}\" = \"workflow_dispatch\" ]; then\n # For manual trigger, get the latest release or use the input\n if [ -n \"${{ github.event.inputs.tag_name }}\" ]; then\n TAG_NAME=\"${{ github.event.inputs.tag_name }}\"\n else\n TAG_NAME=$(gh release list --limit 1 --json tagName --jq '.[0].tagName')\n fi\n \n # Get release info via GitHub CLI\n RELEASE_INFO=$(gh release view \"$TAG_NAME\" --json name,body,url,author,publishedAt,tagName)\n \n echo \"tag_name=$(echo \"$RELEASE_INFO\" | jq -r '.tagName')\" >> $GITHUB_OUTPUT\n echo \"name=$(echo \"$RELEASE_INFO\" | jq -r '.name')\" >> $GITHUB_OUTPUT\n \n # Use EOF for the body which may contain special characters\n echo \"body<> $GITHUB_OUTPUT\n echo \"$RELEASE_INFO\" | jq -r '.body' >> $GITHUB_OUTPUT\n echo \"EOF\" >> $GITHUB_OUTPUT\n \n echo \"html_url=$(echo \"$RELEASE_INFO\" | jq -r '.url')\" >> $GITHUB_OUTPUT\n echo \"author_login=$(echo \"$RELEASE_INFO\" | jq -r '.author.login')\" >> $GITHUB_OUTPUT\n echo \"author_html_url=https://github.com/$(echo \"$RELEASE_INFO\" | jq -r '.author.login')\" >> $GITHUB_OUTPUT\n echo \"published_at=$(echo \"$RELEASE_INFO\" | jq -r '.publishedAt')\" >> $GITHUB_OUTPUT\n else\n # For automatic trigger, use event data\n echo \"tag_name=${{ github.event.release.tag_name }}\" >> $GITHUB_OUTPUT\n echo \"name=${{ github.event.release.name }}\" >> $GITHUB_OUTPUT\n \n # Use EOF for the automatic release body as well\n echo \"body<> $GITHUB_OUTPUT\n echo \"${{ github.event.release.body }}\" >> $GITHUB_OUTPUT\n echo \"EOF\" >> $GITHUB_OUTPUT\n \n echo \"html_url=${{ github.event.release.html_url }}\" >> $GITHUB_OUTPUT\n echo \"author_login=${{ github.event.release.author.login }}\" >> $GITHUB_OUTPUT\n echo \"author_html_url=${{ github.event.release.author.html_url }}\" >> $GITHUB_OUTPUT\n echo \"published_at=${{ github.event.release.published_at }}\" >> $GITHUB_OUTPUT\n fi\n env:\n GH_TOKEN: ${{ github.token }}\n\n - name: Get previous release\n id: previous-release\n run: |\n PREV_TAG=$(git tag --sort=-version:refname | grep -v '${{ steps.release-info.outputs.tag_name }}' | head -n1)\n echo \"previous_tag=${PREV_TAG}\" >> $GITHUB_OUTPUT\n\n - name: Get changed files since last release\n id: changed-files\n uses: tj-actions/changed-files@v44\n with:\n base_sha: ${{ steps.previous-release.outputs.previous_tag }}\n separator: \"\\n• \"\n\n - name: Create Discord webhook payload\n run: |\n # Create a temporary JSON file\n cat > discord_payload.json << 'EOF'\n {\n \"avatar_url\": \"https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png\",\n \"embeds\": [\n {\n \"title\": \"🚀 New Release: ${{ steps.release-info.outputs.tag_name }}${{ github.event.inputs.custom_title && ' - ' || '' }}${{ github.event.inputs.custom_title || '' }}\",\n \"description\": \"${{ steps.release-info.outputs.name }}\",\n \"url\": \"${{ steps.release-info.outputs.html_url }}\",\n \"color\": 5763719,\n \"thumbnail\": {\n \"url\": \"https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png\"\n },\n \"fields\": [\n {\n \"name\": \"📦 Version\",\n \"value\": \"`${{ steps.release-info.outputs.tag_name }}`\",\n \"inline\": true\n },\n {\n \"name\": \"👤 Released by\",\n \"value\": \"[${{ steps.release-info.outputs.author_login }}](${{ steps.release-info.outputs.author_html_url }})\",\n \"inline\": true\n },\n {\n \"name\": \"📁 Repository\",\n \"value\": \"[${{ github.event.repository.name }}](${{ github.event.repository.html_url }})\",\n \"inline\": true\n },\n {\n \"name\": \"🔗 Download\",\n \"value\": \"[Release Page](${{ steps.release-info.outputs.html_url }})\",\n \"inline\": true\n }\n ],\n \"timestamp\": \"${{ steps.release-info.outputs.published_at }}\",\n \"footer\": {\n \"text\": \"Workout Cool • Release\",\n \"icon_url\": \"https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png\"\n }\n }\n ]\n }\n EOF\n\n - name: Send Discord notification\n run: |\n curl -H \"Content-Type: application/json\" \\\n -d @discord_payload.json \\\n \"${{ secrets.DISCORD_RELEASE_WEBHOOK }}\"\n\n# https://stackoverflow.com/a/68068674/19395252\n# https://birdie0.github.io/discord-webhooks-guide/structure/embeds.html\n# https://github.com/marketplace/actions/changed-files\n" }, { "path": ".github/workflows/publish-ghcr-image.yml", "content": "name: Publish Docker GHCR Image\n\non:\n release:\n types: [published]\n workflow_dispatch:\n inputs:\n version:\n description: \"Version tag for the Docker image\"\n required: true\n default: \"1.2.5\"\n type: string\npermissions:\n contents: read\n packages: write\n\njobs:\n build_and_publish:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v3\n\n - name: Log in to GHCR\n uses: docker/login-action@v3\n with:\n registry: ghcr.io\n username: ${{ github.repository_owner }}\n password: ${{ secrets.GITHUB_TOKEN }}\n\n - name: Set image tag\n id: vars\n run: |\n if [ \"${{ github.event_name }}\" = \"release\" ]; then\n # Get the release tag name\n RELEASE_TAG=\"${{ github.event.release.tag_name }}\"\n # Remove 'v' prefix if present for Docker tag\n tag=\"${RELEASE_TAG#v}\"\n echo \"tag=$tag\" >> $GITHUB_OUTPUT\n else\n echo \"tag=${{ github.event.inputs.version }}\" >> $GITHUB_OUTPUT\n fi\n\n - name: Set up Docker Buildx\n uses: docker/setup-buildx-action@v3\n\n - name: Build and push Docker image\n uses: docker/build-push-action@v6\n with:\n context: .\n file: ./Dockerfile\n push: true\n tags: |\n ghcr.io/snouzy/workout-cool:${{ steps.vars.outputs.tag }}\n ghcr.io/snouzy/workout-cool:latest\n platforms: linux/amd64,linux/arm64\n" }, { "path": ".gitignore", "content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.*\n.yarn/*\n!.yarn/patches\n!.yarn/plugins\n!.yarn/releases\n!.yarn/versions\n\n# testing\n/coverage\n\n# next.js\n/.next/\n/_next/\n/out/\n\n# production\n/build\n\n# misc\n.DS_Store\n*.pem\n\n# debug\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n.pnpm-debug.log*\n\n# env files (can opt-in for committing if needed)\n.env\n.env.local\n.env.test\n.env.development\n.env.production\n\n# vercel\n.vercel\n\n# typescript\n*.tsbuildinfo\nnext-env.d.ts\n\n# editors\n.idea\n.zed\nscripts/private/\nscripts/personal/\nproduct-development/\n.claude/\n.cache/\n" }, { "path": ".npmrc", "content": "public-hoist-pattern[]=*import-in-the-middle*\npublic-hoist-pattern[]=*require-in-the-middle*" }, { "path": ".prettierrc", "content": "{\n \"plugins\": [\"prettier-plugin-sort-json\"],\n \"printWidth\": 140,\n \"proseWrap\": \"always\",\n \"singleQuote\": false\n}\n" }, { "path": ".vscode/settings.json", "content": "{\n \"editor.codeActionsOnSave\": {\n \"source.fixAll.eslint\": \"explicit\"\n },\n \"typescript.tsdk\": \"node_modules/typescript/lib\"\n}\n" }, { "path": "AGENTS.md", "content": "# AGENTS.md - Development Guide for AI Coding Agents\n\n## Build/Test Commands\n\n- `pnpm dev` - Start development server with Turbopack\n- `pnpm build` - Build production bundle\n- `pnpm lint` - Run ESLint (no test framework detected)\n- `pnpm db:seed` - Seed database with sample data\n- `tsx scripts/[script-name].ts` - Run TypeScript scripts directly\n\n## Architecture & Structure\n\n- **Next.js 15** with App Router, **Feature-Sliced Design (FSD)**\n- Structure: `features/[feature]/[model|schema|ui|lib]/` for business logic\n- `src/components/ui/` for reusable UI, `src/shared/` for cross-cutting concerns\n- Use **Server Components** by default, `'use client'` only when needed\n\n## Code Style & Conventions\n\n- **TypeScript** with strict mode, functional programming patterns\n- **Named exports only** (no default exports for components)\n- **kebab-case** for directories, **camelCase** for variables, **PascalCase** for components\n- Use `interface` over `type`, avoid `enum` (use `as const` objects)\n- Double quotes (`\"`) enforced, 140 char line limit, no trailing commas\n\n## Import Organization (enforced by ESLint)\n\n```typescript\n// External libraries (alphabetical desc)\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport { useForm } from \"react-hook-form\";\n\n// Internal modules\nimport { useI18n } from \"locales/client\";\nimport { Button } from \"@/components/ui/button\";\nimport { paths } from \"@/shared/constants/paths\";\n```\n\n## Key Patterns\n\n- **Zod schemas** for validation in `schema/` directories\n- **React Hook Form** with zodResolver for forms\n- **next-safe-action** for server actions with typed errors\n- **@tanstack/react-query** for client state management\n- **Shadcn UI + Radix + Tailwind** for styling (mobile-first)\n- Abstract external deps in `shared/lib/` (no direct fetch, Date, localStorage)\n" }, { "path": "CLAUDE.md", "content": "# CLAUDE.md\n\n## Project Overview\n\nWorkout.cool is a fitness app with two main components:\n\n- **Website** Next.js (App Router) web client with Server Actions Location: `/Users/mathiasbradiceanu/dev/perso/workout-cool-web`\n\n- **Mobile App** React Native app for iOS and Android Consumes the Workout.cool Next.js API Location:\n `/Users/mathiasbradiceanu/dev/perso/workout-cool-mobile`\n\n## Architecture\n\n### System Components\n\n1. **Web Client (Next.js)**\n\n - Uses App Router and Server Actions for data mutations\n - Provides REST/JSON API endpoints consumed by the mobile app\n - TailwindCSS for styling\n - Contain the schema of the prisma database in `/Users/mathiasbradiceanu/dev/perso/workout-cool-web/prisma/schema.prisma`\n\n2. **Mobile App (React Native / Expo)**\n\n - Communicates with the Next.js API for workouts\n - Push notifications and offline support for session data\n\n3. **Both projects are using the FSD design system**.\n\n### Data Flow\n\n1. Mobile app and browser make API requests to the Next.js server\n2. Next.js Server Actions handle form submissions, data mutations, and fetches\n3. Data is stored/retrieved from the database via Next.js backend logic\n4. Web client renders pages and exposes JSON endpoints\n5. Mobile app syncs progress and displays workout sessions\n\n## Key Features\n\n- **3-Step Session Builder**: Equipment → Target Muscles → Generated Exercises\n- **Embedded Videos**: Guide users through each exercise\n- **In-Session Tracking**: Add sets with Reps, Weight, Time, or Bodyweight\n- **Session History**: “Commit-style” log of past workouts on user profile\n- **Repeat & Share**: Re-run past sessions or share summaries with others\n\n## External Integrations\n\n- **Database**: PostgreSQL via Next.js data layer\n- **ORM**: Prisma, the schema is under `/Users/mathiasbradiceanu/dev/perso/workout-cool-web/prisma/schema.prisma`\n- **Authentication**: BetterAuth (email/password, OAuth)\n- **Video Hosting**: YouTube\n\n## Linting\n\n- ESLint and Prettier configured in both web and mobile workspaces\n\n## Deployment\n\n- **Website**: Vercel (Next.js)\n- **Mobile App**: Expo EAS Build & Updates\n" }, { "path": "CONTRIBUTING.md", "content": "### ✅ Review & Contribution Flow\n\n- Before starting, **create an issue** for the task you want to work on.\n- **Assign yourself** to the issue so it’s clear who’s working on it.\n- Keep PRs focused: one issue = one PR (preferably small and scoped).\n- All PRs need **at least one maintainer review**.\n- We use **\"Squash and merge\"** to keep history clean.\n- Address review comments quickly and respectfully.\n\n---\n\n### 🤔 Need Help?\n\n- **General questions** → use GitHub Discussions\n- **Bug reports or features** → open an Issue\n- **Live chat** → [Join our Discord](https://discord.gg/NtrsUBuHUB)\n\n---\n\n### 📚 Useful Links\n\n- [Feature-Sliced Design](https://feature-sliced.design/)\n- [Next.js Docs](https://nextjs.org/docs)\n- [Prisma Docs](https://www.prisma.io/docs/)\n\n---\n\n### 🌟 Recognition\n\nWe credit contributors in:\n\n- the GitHub contributors list\n- release notes (for impactful work)\n- internal documentation if relevant\n\nThanks again for contributing to Workout Cool! 💪\n\nQuestions? Just open an issue or ping a maintainer.\n" }, { "path": "Dockerfile", "content": "FROM node:20-alpine AS base\n\nWORKDIR /app\nRUN npm install -g pnpm\n\n# Install dependencies\nFROM base AS deps\nCOPY package.json pnpm-lock.yaml ./\nCOPY prisma ./prisma\nRUN pnpm install --frozen-lockfile\n\n# Build the app\nFROM base AS builder\nCOPY --from=deps /app/node_modules ./node_modules\nCOPY --from=deps /app/prisma ./prisma\nCOPY . .\nCOPY .env.example .env\n\nRUN pnpm run build\n\n# Production image, copy only necessary files\nFROM base AS runner\nWORKDIR /app\n\nCOPY --from=builder /app/public ./public\nCOPY --from=builder /app/.next ./.next\nCOPY --from=builder /app/node_modules ./node_modules\nCOPY --from=builder /app/package.json ./package.json\nCOPY --from=builder /app/prisma ./prisma\nCOPY --from=builder /app/data ./data\n\nCOPY scripts /app/scripts\nRUN chmod +x /app/scripts/setup.sh\n\nENTRYPOINT [\"/app/scripts/setup.sh\"]\n\nEXPOSE 3000\nENV PORT=3000\n\nCMD [\"pnpm\", \"start\"]" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2023 Mathias Bradiceanu\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the\nfollowing conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY\nCLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\nSOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n" }, { "path": "Makefile", "content": ".PHONY: dev setup up down help\n\nhelp:\n\t@echo \"🚀 Workout Cool Development Commands\"\n\t@echo \"\"\n\t@echo \" dev - Start development server (automatically sets up everything)\"\n\t@echo \" setup - One-time setup: database, schema, and sample data\"\n\t@echo \" db - Start PostgreSQL database only\"\n\t@echo \" down - Stop all services\"\n\t@echo \"\"\n\n\ndb:\n\t@echo \"🐘 Starting PostgreSQL database...\"\n\tdocker compose up -d postgres\n\n\nsetup: db\n\t@echo \"📦 Installing dependencies...\"\n\tpnpm install --frozen-lockfile\n\t@echo \"🔄 Applying database migrations...\"\n\tnpx prisma migrate deploy\n\tnpx prisma generate\n\t@echo \"🌱 Seeding database with sample data...\"\n\tpnpm run import:exercises-full ./data/sample-exercises.csv\n\tpnpm run db:seed-leaderboard\n\t@echo \"✅ Setup complete!\"\n\n\ndev: setup\n\t@echo \"🚀 Starting Next.js development server...\"\n\tpnpm dev\n\ndown:\n\t@echo \"🛑 Stopping all services...\"\n\tdocker compose down\n" }, { "path": "README.md", "content": "
\n\"Workout.cool\n

Workout.cool

\n

Modern fitness coaching platform with comprehensive exercise database

\n

\n\"Contributors\"\n \n\"Forks\"\n\n\"Stars\"\n \n\"Issues\"\n\"Repository\n\n \"MIT\n\n\n

\n \n \"Discord\"\n \n \n \"Ko-fi\"\n \n

\n \n Deutsch |\n Español |\n français |\n 日本語 |\n 한국어 |\n Português |\n Русский |\n 中文\n

\n
\n\n## Table of Contents\n\n- [About](#about)\n- [Project Origin & Motivation](#-project-origin--motivation)\n- [Quick Start](#quick-start)\n- [Exercise Database Import](#exercise-database-import)\n- [Project Architecture](#project-architecture)\n- [Contributing](#contributing)\n- [Self-hosting](#deployment--self-hosting)\n- [Resources](#resources)\n- [License](#license)\n- [Sponsor This Project](#-sponsor-this-project)\n\n## Contributors\n\n\n \n\n\n## Sponsors\n\n
\n

They are helping making workout.cool free and open-source for everyone :

\n\n\n \"Vercel\n\n
\n
\n\n \n \n \n \n \n
\n \n \"lj020326\"/\n
\n lj020326\n
\n \n 		\n \n \"lucasnevespereira\"/\n
\n lucasnevespereira\n
\n \n
\n\n
\n\n## About\n\nA comprehensive fitness coaching platform that allows create workout plans for you, track progress, and access a vast exercise database with\ndetailed instructions and video demonstrations.\n\n## 🎯 Project Origin & Motivation\n\nThis project was born from a personal mission to revive and improve upon a previous fitness platform. As the **primary contributor** to the\noriginal [workout.lol](https://github.com/workout-lol/workout-lol) project, I witnessed its journey and abandonment. 🥹\n\n### The Story Behind **_workout.cool_**\n\n- 🏗️ **Original Contributor**: I was the main contributor to workout.lol\n- 💼 **Business Challenges**: The original project faced major hurdles with exercise video partnerships (no reliable video provider) could\n be established\n- 💰 **Project Sale**: Due to these partnership issues, the project was sold to another party\n- 📉 **Abandonment**: The new owner quickly realized that **exercise video licensing costs were prohibitively expensive**, began to be sick\n and abandoned the entire project\n- 🔄 **Revival Attempts**: For the past **9 months**, I've been trying to reconnect with the new stakeholder\n- 📧 **Radio Silence**: Despite multiple (15) attempts, there has been no response\n- 🚀 **New Beginning**: Rather than let this valuable work disappear, I decided to create a fresh, modern implementation\n\n### Why **_workout.cool_** Exists\n\n**Someone had to step up.**\n\nThe opensource fitness community deserves better than broken promises and abandoned platforms.\n\nI'm not building this for profit.\n\nThis isn't just a revival : it's an evolution. **workout.cool** represents everything the original project could have been, with the\nreliability, modern approach, and **maintenance** that the fitness open source community deserves.\n\n## 👥 From the Community, For the Community\n\n**I'm not just a developer : I'm a user who refused to let our community down.**\n\nI experienced firsthand the frustration of watching a beloved tool slowly disappear. Like many of you, I had workouts saved, progress\ntracked, and a routine built around the platform.\n\n### My Mission: Rescue & Revive.\n\n_If you were part of the original workout.lol community, welcome back! If you're new here, welcome to the future of fitness platform\nmanagement._\n\n## Quick Start\n\n### Prerequisites\n\n- [Node.js](https://nodejs.org/) (v18+)\n- [pnpm](https://pnpm.io/) (v8+)\n- [Docker](https://www.docker.com/)\n\n### Installation\n\n1. **Clone the repository**\n\n ```bash\n git clone https://github.com/Snouzy/workout-cool.git\n cd workout-cool\n ```\n\n2. **Choose your installation method:**\n\n
\n🐳 With Docker\n\n### Docker Installation\n\n1. **Copy environment variables**\n\n ```bash\n cp .env.example .env\n ```\n\n2. **Start everything for development:**\n\n ```sh\n make dev\n ```\n\n - This will start the database in Docker, run migrations, seed the DB, and start the Next.js dev server.\n - To stop services run `make down`\n\n3. **Open your browser** Navigate to [http://localhost:3000](http://localhost:3000)\n\n
\n\n
\n💻 Without Docker\n\n### Manual Installation\n\n1. **Install dependencies**\n\n ```bash\n pnpm install\n ```\n\n2. **Copy environment variables**\n\n ```bash\n cp .env.example .env\n ```\n\n3. **Set up PostgreSQL database**\n\n - If you don't already have it, install PostgreSQL locally\n - Create a database named `workout_cool` : `createdb -h localhost -p 5432 -U postgres workout_cool`\n\n4. **Run database migrations**\n\n ```bash\n npx prisma migrate dev\n ```\n\n5. **Seed the database (optional)**\n\nSee the - [Exercise database import section](#exercise-database-import)\n\n6. **Start the development server**\n\n ```bash\n pnpm dev\n ```\n\n7. **Open your browser** Navigate to [http://localhost:3000](http://localhost:3000)\n\n
\n\n## Exercise Database Import\n\nThe project includes a comprehensive exercise database. To import a sample of exercises:\n\n### Prerequisites for Import\n\n1. **Prepare your CSV file**\n\nYour CSV should have these columns:\n\n```\nid,name,name_en,description,description_en,full_video_url,full_video_image_url,introduction,introduction_en,slug,slug_en,attribute_name,attribute_value\n```\n\nYou can use the provided example.\n\n### Import Commands\n\n```bash\n# Import exercises from a CSV file\npnpm run import:exercises-full /path/to/your/exercises.csv\n\n# Example with the provided sample data\npnpm run import:exercises-full ./data/sample-exercises.csv\n```\n\n### CSV Format Example\n\n```csv\nid,name,name_en,description,description_en,full_video_url,full_video_image_url,introduction,introduction_en,slug,slug_en,attribute_name,attribute_value\n157,\"Fentes arrières à la barre\",\"Barbell Reverse Lunges\",\"

Stand upright...

\",\"

Stand upright...

\",https://youtube.com/...,https://img.youtube.com/...,slug-fr,slug-en,TYPE,STRENGTH\n157,\"Fentes arrières à la barre\",\"Barbell Reverse Lunges\",\"

Stand upright...

\",\"

Stand upright...

\",https://youtube.com/...,https://img.youtube.com/...,slug-fr,slug-en,PRIMARY_MUSCLE,QUADRICEPS\n```\n\nWant unlimited exercise for local development ?\n\nJust ask chatGPT with the prompt from `./scripts/import-exercises-with-attributes.prompt.md`\n\n## Project Architecture\n\nThis project follows **Feature-Sliced Design (FSD)** principles with Next.js App Router:\n\n```\nsrc/\n├── app/ # Next.js pages, routes and layouts\n├── processes/ # Business flows (multi-feature)\n├── widgets/ # Composable UI with logic (Sidebar, Header)\n├── features/ # Business units (auth, exercise-management)\n├── entities/ # Domain entities (user, exercise, workout)\n├── shared/ # Shared code (UI, lib, config, types)\n└── styles/ # Global CSS, themes\n```\n\n### Architecture Principles\n\n- **Feature-driven**: Each feature is independent and reusable\n- **Clear domain isolation**: `shared` → `entities` → `features` → `widgets` → `app`\n- **Consistency**: Between business logic, UI, and data layers\n\n### Example Feature Structure\n\n```\nfeatures/\n└── exercise-management/\n├── ui/ # UI components (ExerciseForm, ExerciseCard)\n├── model/ # Hooks, state management (useExercises)\n├── lib/ # Utilities (exercise-helpers)\n└── api/ # Server actions or API calls\n```\n\n## Contributing\n\nWe welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.\n\n### Development Workflow\n\n1. **Create an issue** for the feature/bug you want to work on. Say that you will work on it (or no)\n2. Fork the repository\n3. Create your feature|fix|chore|refactor branch (`git checkout -b feature/amazing-feature`)\n4. Make your changes following our [code standards](#code-style)\n5. Commit your changes (`git commit -m 'feat: add amazing feature'`)\n6. Push to the branch (`git push origin feature/amazing-feature`)\n7. Open a Pull Request (one issue = one PR)\n\n**📋 For complete contribution guidelines, see our [Contributing Guide](CONTRIBUTING.md)**\n\n### Code Style\n\n- Follow TypeScript best practices\n- Use Feature-Sliced Design architecture\n- Write meaningful commit messages\n\n## Deployment / Self-hosting\n\n> 📖 **For detailed self-hosting instructions, see our [Complete Self-hosting Guide](docs/SELF-HOSTING.md)**\n>\n> 📺 **You can also watch a [3-minute video guide on self-hosting Workout.Cool](https://www.youtube.com/watch?v=HQecjb0CfAo).**\n\n\nTo seed the database with the sample exercises, set the `SEED_SAMPLE_DATA` env variable to `true`.\n\n### Using Docker\n\n```bash\n# Build the Docker image\ndocker build -t yourusername/workout-cool .\n\n# Run the container\ndocker run -p 3000:3000 --env-file .env.production yourusername/workout-cool\n```\n\n### Using Docker Compose\n\n#### DATABASE_URL\n\nUpdate the `host` to point to the `postgres` service instead of `localhost`\n`DATABASE_URL=postgresql://username:password@postgres:5432/workout_cool`\n\n```bash\ndocker compose up -d\n```\n\n### Manual Deployment\n\n```bash\n# Build the application\npnpm build\n\n# Run database migrations\nexport DATABASE_URL=\"your-production-db-url\"\nnpx prisma migrate deploy\n\n# Start the production server\npnpm start\n```\n\n## Resources\n\n- [Feature-Sliced Design](https://feature-sliced.design/)\n- [Next.js Documentation](https://nextjs.org/docs)\n- [Prisma Documentation](https://www.prisma.io/docs/)\n- [Better Auth](https://github.com/better-auth/better-auth)\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n\n[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE)\n\n## 🤝 Join the Rescue Mission\n\n**This is about rebuilding what we lost, together.**\n\n### How You Can Help\n\n- 🌟 **Star this repo** to show the world our community is alive and thriving\n- 💬 **Join our Discord** to connect with other fitness enthusiasts and developers\n- 🐛 **Report issues** you find. I'm listening to every single one\n- 💡 **Share your feature requests** finally, someone who will actually implement them !\n- 🔄 **Spread the word** to fellow fitness enthusiasts who lost hope\n- 🤝 **Contribute code** if you're a developer : let's build this together\n\n
\n \n \"Discord\"\n \n

\n \n \"Product\n \n
\n\n## 💖 Sponsor This Project\n\nAppear in the README and on the website as supporter by donating:\n\n
\n \n \"Sponsor\n \n    \n \n \n
\n\n

\n If you believe in open-source fitness tools and want to help this project thrive,
\n consider buying me a coffee ☕ or sponsoring the continued development.\n

\n\n

\n Your support helps cover hosting costs, exercise database updates, and continuous improvement.
\n Thank you for keeping workout.cool alive and evolving 💪\n

\n\n
\n
\n\n\"Vercel\n\n" }, { "path": "app/[locale]/(admin)/admin/[...catchAll]/not-found.tsx", "content": "import { Page404 } from \"@/widgets/404\";\n\nexport default function NotFoundPage() {\n return ;\n}\n" }, { "path": "app/[locale]/(admin)/admin/[...catchAll]/page.tsx", "content": "import { Page404 } from \"@/widgets/404\";\n\nexport default function AdminCatchAll() {\n return ;\n}\n" }, { "path": "app/[locale]/(admin)/admin/dashboard/page.tsx", "content": "import { Suspense } from \"react\";\nimport Image from \"next/image\";\nimport { Users, Target } from \"lucide-react\";\n\nimport { prisma } from \"@/shared/lib/prisma\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\n\nasync function getDashboardStats() {\n const [totalUsers, totalWorkoutSessions, totalExercises, activeSubscriptions, recentUsers, recentWorkouts, totalPrograms] =\n await Promise.all([\n // Total users\n prisma.user.count(),\n\n // Total workout sessions\n prisma.workoutSession.count(),\n\n // Total exercises\n prisma.exercise.count(),\n\n // Active subscriptions\n prisma.subscription.count({\n where: {\n status: \"ACTIVE\",\n },\n }),\n\n // Users created in last 7 days\n prisma.user.count({\n where: {\n createdAt: {\n gte: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000),\n },\n },\n }),\n\n // Workout sessions in last 7 days\n prisma.workoutSession.count({\n where: {\n startedAt: {\n gte: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000),\n },\n },\n }),\n\n // Total programs\n prisma.program.count(),\n ]);\n\n return {\n totalUsers,\n totalWorkoutSessions,\n totalExercises,\n activeSubscriptions,\n recentUsers,\n recentWorkouts,\n totalPrograms,\n };\n}\n\nasync function DashboardStats() {\n const stats = await getDashboardStats();\n\n return (\n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n Communauté\n
\n

{stats.totalUsers.toLocaleString()}

\n

\n

Utilisateurs

\n +{stats.recentUsers} cette semaine\n

\n
\n
\n \"Happy\n
\n
\n
\n
\n\n {/* Workout Sessions Card */}\n
\n
\n
\n
\n \n
\n
\n

{stats.totalWorkoutSessions.toLocaleString()}

\n

Sessions

\n

+{stats.recentWorkouts} cette semaine

\n
\n
\n
\n\n {/* Row 2 */}\n
\n {/* Programs Card */}\n
\n
\n
\n
\n \n
\n
\n

{stats.totalPrograms.toLocaleString()}

\n

Programmes

\n
\n
\n\n
\n
\n
\n
\n \n
\n
\n

{stats.totalExercises.toLocaleString()}

\n

Exercices

\n
\n
\n\n {/* Growth Card */}\n
\n
\n
\n
\n \n
\n
\n

{stats.activeSubscriptions}

\n

Abonnés

\n
\n
\n
\n
\n );\n}\n\nfunction DashboardStatsLoading() {\n return (\n
\n
\n
\n
\n \n \n \n
\n
\n
\n \n \n \n
\n
\n \n \n \n
\n
\n
\n {Array.from({ length: 3 }).map((_, i) => (\n
\n \n \n \n
\n ))}\n
\n
\n );\n}\n\nexport default function AdminDashboard() {\n return (\n
\n
\n
\n \n
\n
\n

Dashboard Admin

\n

WorkoutCool Admin

\n
\n
\n\n }>\n \n \n
\n );\n}\n" }, { "path": "app/[locale]/(admin)/admin/layout.tsx", "content": "import { ReactElement } from \"react\";\nimport { redirect } from \"next/navigation\";\nimport { UserRole } from \"@prisma/client\";\n\nimport { AdminSidebar } from \"@/features/admin/layout/admin-sidebar/ui/admin-sidebar\";\nimport { AdminHeader } from \"@/features/admin/layout/admin-sidebar/ui/admin-header\";\nimport { serverRequiredUser } from \"@/entities/user/model/get-server-session-user\";\n\ninterface AdminLayoutProps {\n params: Promise<{ locale: string }>;\n children: ReactElement;\n}\n\nexport default async function AdminLayout({ children }: AdminLayoutProps) {\n const user = await serverRequiredUser();\n\n if (user.role !== UserRole.admin) {\n redirect(\"/\");\n }\n\n return (\n
\n {/* Sidebar */}\n \n\n {/* Main content */}\n
\n {/* Header */}\n \n\n {/* Page content */}\n
\n
{children}
\n
\n
\n
\n );\n}\n" }, { "path": "app/[locale]/(admin)/admin/not-found.tsx", "content": "import { Page404 } from \"@/widgets/404\";\n\nexport default function NotFoundPage() {\n return ;\n}\n" }, { "path": "app/[locale]/(admin)/admin/programs/[id]/edit/page.tsx", "content": "import { notFound } from \"next/navigation\";\n\nimport { ProgramBuilder } from \"@/features/admin/programs/ui/program-builder\";\nimport { getProgramById } from \"@/features/admin/programs/actions/get-programs.action\";\n\ninterface ProgramEditPageProps {\n params: Promise<{ id: string }>;\n}\n\nexport default async function ProgramEditPage({ params }: ProgramEditPageProps) {\n const { id } = await params;\n\n const program = await getProgramById(id);\n\n if (!program) {\n notFound();\n }\n\n return ;\n}\n" }, { "path": "app/[locale]/(admin)/admin/programs/page.tsx", "content": "import { Suspense } from \"react\";\n\nimport { ProgramsList } from \"@/features/admin/programs/ui/programs-list\";\nimport { CreateProgramButton } from \"@/features/admin/programs/ui/create-program-button\";\n\nexport default function AdminPrograms() {\n return (\n
\n
\n
\n

Programs

\n

Create, edit, view and delete programs.

\n
\n \n
\n\n Loading programs...
}>\n \n \n \n );\n}\n" }, { "path": "app/[locale]/(admin)/admin/settings/page.tsx", "content": "export default function AdminSettings() {\n return (\n
\n
\n

Settings

\n

Configuration and administration of the system.

\n
\n
\n );\n}\n" }, { "path": "app/[locale]/(admin)/admin/users/page.tsx", "content": "import { redirect } from \"next/navigation\";\nimport { UserRole } from \"@prisma/client\";\n\nimport { UsersTable } from \"@/features/admin/users/list/ui/users-table\";\nimport { getUsersAction } from \"@/entities/user/model/get-users.actions\";\nimport { serverRequiredUser } from \"@/entities/user/model/get-server-session-user\";\n\nexport default async function AdminUsersPage() {\n try {\n const user = await serverRequiredUser();\n\n if (user.role !== UserRole.admin) {\n redirect(\"/\");\n }\n\n // Call the action with proper error handling\n const result = await getUsersAction({\n page: 1,\n limit: 10,\n });\n\n // Check if the action was successful\n if (!result || !result.data) {\n throw new Error(\"Impossible de charger les utilisateurs\");\n }\n\n return (\n
\n
\n

Utilisateurs

\n

Gestion et administration des comptes utilisateurs

\n
\n \n
\n );\n } catch (error) {\n console.error(\"Error in admin users page:\", error);\n\n return (\n
\n
\n

Utilisateurs

\n

Gestion et administration des comptes utilisateurs

\n
\n
\n

Erreur de chargement

\n

\n Impossible de charger la liste des utilisateurs. Veuillez réessayer plus tard.\n

\n

{error instanceof Error ? error.message : \"Erreur inconnue\"}

\n
\n
\n );\n }\n}\n" }, { "path": "app/[locale]/(app)/(legal-and-payment)/layout.tsx", "content": "import { LayoutParams } from \"@/shared/types/next\";\n\ntype LocaleParams = Record & {\n locale: string;\n};\n\nexport default function RouteLayout({ children, params: _ }: LayoutParams) {\n return (\n
\n {/* Fixe l'espace sous le header flottant */}\n
\n\n {/* Contenu principal centré avec marge */}\n
\n
{children}
\n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/(legal-and-payment)/legal/privacy/page.tsx", "content": "import { getLocalizedMdx } from \"@/shared/lib/mdx/load-mdx\";\nimport { Typography } from \"@/components/ui/typography\";\n\ntype PageProps = {\n params: Promise<{ locale: string }>;\n};\n\nexport default async function PrivacyPolicyPage({ params }: PageProps) {\n const { locale } = await params;\n const content = await getLocalizedMdx(\"privacy-policy\", locale);\n\n return (\n
\n
\n
\n \n {locale === \"fr\" ? \"Politique de Confidentialité\" : \"Privacy Policy\"}\n \n

\n {locale === \"fr\"\n ? \"Voici comment nous traitons vos données personnelles.\"\n : \"How we handle your personal data at Workout Cool.\"}\n

\n
\n\n
{content}
\n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/(legal-and-payment)/legal/sales-terms/page.tsx", "content": "import { getLocalizedMdx } from \"@/shared/lib/mdx/load-mdx\";\nimport { Layout, LayoutContent } from \"@/features/page/layout\";\nimport { Typography } from \"@/components/ui/typography\";\n\ntype PageProps = {\n params: Promise<{ locale: string }>;\n};\n\nexport default async function SalesTermsPage({ params }: PageProps) {\n const { locale } = await params;\n const content = await getLocalizedMdx(\"sales-terms\", locale);\n\n return (\n
\n
\n
\n \n {locale === \"fr\" ? \"Conditions Générales de Vente\" : \"General Terms of Sale\"}\n \n

\n {locale === \"fr\"\n ? \"Les conditions qui régissent l’achat d’un abonnement Workout Cool.\"\n : \"The terms governing the purchase of a Workout Cool subscription.\"}\n

\n
\n\n \n {content}\n \n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/(legal-and-payment)/legal/terms/page.tsx", "content": "import { getLocalizedMdx } from \"@/shared/lib/mdx/load-mdx\";\nimport { Layout, LayoutContent } from \"@/features/page/layout\";\nimport { Typography } from \"@/components/ui/typography\";\n\ntype PageProps = {\n params: Promise<{ locale: string }>;\n};\n\nexport default async function TermsPage({ params }: PageProps) {\n const { locale } = await params;\n const content = await getLocalizedMdx(\"terms\", locale);\n\n return (\n
\n
\n
\n \n {locale === \"fr\" ? \"Conditions Générales d’Utilisation\" : \"Terms of Use\"}\n \n

\n {locale === \"fr\"\n ? \"Merci de lire attentivement ces conditions avant d’utiliser nos services.\"\n : \"Please read these terms carefully before using our services.\"}\n

\n
\n\n \n {content}\n \n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/[slug]/layout.tsx", "content": "import { ReactElement } from \"react\";\n\ninterface RootLayoutProps {\n params: Promise<{ locale: string }>;\n children: ReactElement;\n }\n\nexport default async function RootLayout({ children }: RootLayoutProps) {\n\n return (\n
\n {children}\n
\n )\n}" }, { "path": "app/[locale]/(app)/about/page.tsx", "content": "import { getLocalizedMdx } from \"@/shared/lib/mdx/load-mdx\";\n\ntype PageProps = {\n params: Promise<{ locale: string }>;\n};\n\nexport default async function AboutPage({ params }: PageProps) {\n const { locale } = await params;\n const content = await getLocalizedMdx(\"about\", locale);\n\n return (\n
\n
\n
{content}
\n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/auth/(auth-layout)/forgot-password/page.tsx", "content": "import { ForgotPasswordForm } from \"@/features/auth/forgot-password/ui/forgot-password-form\";\n\nexport default async function ForgotPasswordPage() {\n return ;\n}\n" }, { "path": "app/[locale]/(app)/auth/(auth-layout)/layout.tsx", "content": "import { redirect } from \"next/navigation\";\nimport { headers } from \"next/headers\";\n\nimport { getI18n } from \"locales/server\";\nimport { paths } from \"@/shared/constants/paths\";\nimport { auth } from \"@/features/auth/lib/better-auth\";\nimport { Alert, AlertDescription, AlertTitle } from \"@/components/ui/alert\";\n\nimport type { LayoutParams } from \"@/shared/types/next\";\n\nexport default async function AuthLayout(props: LayoutParams<{}>) {\n const t = await getI18n();\n\n const headerStore = await headers();\n const searchParams = Object.fromEntries(new URLSearchParams(headerStore.get(\"searchParams\") || \"\"));\n const translatedError = t(`next_auth_errors.${searchParams.error}` as keyof typeof t);\n\n const user = await auth.api.getSession({ headers: headerStore });\n\n if (user) {\n redirect(`/${paths.root}`);\n }\n\n return (\n <>\n
\n {searchParams.error && (\n \n {translatedError}\n {t(\"signin_error_subtitle\")}\n \n )}\n\n
\n
{props.children}
\n
\n
\n \n );\n}\n" }, { "path": "app/[locale]/(app)/auth/(auth-layout)/reset-password/page.tsx", "content": "import { ResetPasswordForm } from \"@/features/auth/reset-password/ui/reset-password-form\";\n\nexport default function ResetPasswordPage() {\n return ;\n}\n" }, { "path": "app/[locale]/(app)/auth/(auth-layout)/signin/page.tsx", "content": "import { CredentialsLoginForm } from \"@/features/auth/signin/ui/CredentialsLoginForm\";\n\nexport default async function AuthSignInPage() {\n return ;\n}\n" }, { "path": "app/[locale]/(app)/auth/(auth-layout)/signup/page.tsx", "content": "import Link from \"next/link\";\n\nimport { getI18n } from \"locales/server\";\nimport { paths } from \"@/shared/constants/paths\";\nimport { SignUpForm } from \"@/features/auth/signup/ui/signup-form\";\n\nexport const metadata = {\n title: \"Sign Up - Workout.cool\",\n description: \"Créez votre compte pour commencer\",\n};\n\nexport default async function AuthSignUpPage() {\n const t = await getI18n();\n\n return (\n
\n
\n

{t(\"register_title\")}

\n

{t(\"register_description\")}

\n
\n\n \n\n
\n

\n {t(\"register_terms\")}{\" \"}\n \n {t(\"register_privacy\")}\n {\" \"}\n .\n

\n
\n
\n );\n}" }, { "path": "app/[locale]/(app)/auth/error/page.tsx", "content": "import Link from \"next/link\";\n\nimport { Card, CardDescription, CardFooter, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { buttonVariants } from \"@/components/ui/button\";\n\nexport default async function AuthErrorPage({ params }: { params: Promise<{ error: string }> }) {\n const result = await params;\n\n return (\n
\n \n \n Error\n {result.error}\n \n \n \n Home\n \n \n \n
\n );\n}\n" }, { "path": "app/[locale]/(app)/auth/error.tsx", "content": "\"use client\";\n\nimport { useEffect } from \"react\";\n\nimport { logger } from \"@/shared/lib/logger\";\nimport { Card, CardFooter, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Button } from \"@/components/ui/button\";\n\nimport type { ErrorParams } from \"@/shared/types/next\";\n\nexport default function RouteError({ error, reset }: ErrorParams) {\n useEffect(() => {\n // Log the error to an error reporting service\n logger.error(error);\n }, [error]);\n\n return (\n \n \n Sorry, something went wrong. Please try again later.\n \n \n \n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/auth/layout.tsx", "content": "export default function AuthLayout({ children }: { children: React.ReactNode }) {\n return <>{children};\n}\n" }, { "path": "app/[locale]/(app)/auth/signout/page.tsx", "content": "export default function AuthSignOutPage() {\n return
AuthSignOutPage
;\n}\n" }, { "path": "app/[locale]/(app)/auth/verify-email/layout.tsx", "content": "import { ReactElement } from \"react\";\nimport { redirect } from \"next/navigation\";\n\nimport { getServerUrl } from \"@/shared/lib/server-url\";\nimport { paths } from \"@/shared/constants/paths\";\nimport { serverRequiredUser } from \"@/entities/user/model/get-server-session-user\";\n\ninterface RootLayoutProps {\n params: Promise<{ locale: string }>;\n children: ReactElement;\n}\n\nexport default async function RootLayout({ children }: RootLayoutProps) {\n const auth = await serverRequiredUser();\n\n if (auth.emailVerified) {\n redirect(`${getServerUrl()}/${paths.root}`);\n }\n\n return children;\n}\n" }, { "path": "app/[locale]/(app)/auth/verify-email/page.tsx", "content": "\"use client\";\n\nimport { VerifyEmailPage } from \"@/features/auth/verify-email/ui/verify-email-page\";\n\nexport default function VerifyEmailRootPage() {\n return ;\n}\n" }, { "path": "app/[locale]/(app)/auth/verify-request/page.tsx", "content": "import Image from \"next/image\";\n\nimport { SiteConfig } from \"@/shared/config/site-config\";\nimport { Typography } from \"@/components/ui/typography\";\nimport { Card, CardDescription, CardHeader, CardTitle } from \"@/components/ui/card\";\n\ninterface VerifyRequestPageParams {\n params: Promise>;\n searchParams: Promise<{ [key: string]: string | string[] | undefined }>;\n}\n\nexport default async function AuthVerifyRequestPage({ params: _p, searchParams: _s }: VerifyRequestPageParams) {\n return (\n
\n
\n \"app\n {SiteConfig.title}\n
\n
\n \n \n Almost There!\n \n {\n \"To complete the verification, head over to your email inbox. You'll find a magic link from us. Click on it, and you're all set!\"\n }\n \n \n \n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/layout.tsx", "content": "import { ReactElement } from \"react\";\n\nimport { Header } from \"@/features/layout/Header\";\nimport { Footer } from \"@/features/layout/Footer\";\nimport { BottomNavigation } from \"@/features/layout/BottomNavigation\";\n\ninterface RootLayoutProps {\n params: Promise<{ locale: string }>;\n children: ReactElement;\n}\n\nexport default async function RootLayout({ children }: RootLayoutProps) {\n return (\n
\n
\n
{children}
\n \n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/leaderboard/page.tsx", "content": "import { Metadata } from \"next\";\n\nimport { Locale } from \"locales/types\";\nimport { getI18n } from \"locales/server\";\nimport LeaderboardPage from \"@/features/leaderboard/ui/leaderboard-page\";\nimport { Breadcrumbs } from \"@/components/seo/breadcrumbs\";\n\nexport const metadata: Metadata = {\n title: \"🏆 Workout Streak Leaderboard\",\n description: \"See who's dominating their fitness journey with the longest workout streaks! Join the leaderboard and track your progress.\",\n};\n\nexport default async function LeaderboardRootPage({ params }: { params: Promise<{ locale: string }> }) {\n const { locale } = (await params) as { locale: Locale };\n const t = await getI18n();\n\n const breadcrumbItems = [\n {\n label: t(\"breadcrumbs.home\"),\n href: `/${locale}`,\n },\n {\n label: t(\"bottom_navigation.leaderboard\"),\n current: true,\n },\n ];\n\n return (\n <>\n \n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/onboarding/layout.tsx", "content": "import { LayoutParams } from \"@/shared/types/next\";\n\nexport default async function OnboardingLayout(props: LayoutParams<{}>) {\n // TODO: add onboarding logic\n\n return props.children;\n}\n" }, { "path": "app/[locale]/(app)/onboarding/page.tsx", "content": "export default async function OnboardingPage() {\n return (\n
\n
Onboarding
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/page.tsx", "content": "import React from \"react\";\n\nimport { getServerUrl } from \"@/shared/lib/server-url\";\nimport { SiteConfig } from \"@/shared/config/site-config\";\nimport { WorkoutStepper } from \"@/features/workout-builder\";\n\nimport type { Metadata } from \"next\";\n\nexport async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise {\n const { locale } = await params;\n\n const isEnglish = locale === \"en\";\n const title = isEnglish ? \"Build Your Perfect Workout\" : \"Créez Votre Entraînement Parfait\";\n const description = isEnglish\n ? \"Create free workout routines with our comprehensive exercise database. Track your progress and achieve your fitness goals. 🏋️\"\n : \"Créez des routines d'entraînement gratuites avec notre base de données d'exercices complète. Suivez vos progrès et atteignez vos objectifs fitness. 🏋️\";\n\n return {\n title,\n description,\n keywords: isEnglish\n ? [\"workout builder\", \"exercise planner\", \"fitness routine\", \"personalized training\", \"muscle targeting\", \"free workout\"]\n : [\n \"créateur d'entraînement\",\n \"planificateur d'exercices\",\n \"routine fitness\",\n \"entraînement personnalisé\",\n \"ciblage musculaire\",\n \"entraînement gratuit\",\n ],\n openGraph: {\n title: `${title} | ${SiteConfig.title}`,\n description,\n images: [\n {\n url: `${getServerUrl()}/images/default-og-image_${locale}.jpg`,\n width: SiteConfig.seo.ogImage.width,\n height: SiteConfig.seo.ogImage.height,\n alt: title,\n },\n ],\n },\n twitter: {\n title: `${title} | ${SiteConfig.title}`,\n description,\n images: [`${getServerUrl()}/images/default-og-image_${locale}.jpg`],\n },\n };\n}\n\nexport default async function HomePage() {\n return (\n
\n \n
\n );\n}\n" }, { "path": "app/[locale]/(app)/premium/page.tsx", "content": "import { Metadata } from \"next\";\n\nimport { PremiumUpgradeCard } from \"@/features/premium/ui/premium-upgrade-card\";\n\nexport const metadata: Metadata = {\n title: \"Premium Plans - Train freely, support the mission\",\n description:\n \"Join thousands of fitness enthusiasts who believe in open-source training freedom. Support our mission while unlocking advanced features.\",\n keywords: [\"premium\", \"fitness\", \"workout\", \"open-source\", \"subscription\", \"training\"],\n openGraph: {\n title: \"Premium Plans - Support the Workout.cool Mission 💪\",\n description: \"For passionate fitness enthusiasts who believe in open-source and training freedom. Core features always free!\",\n type: \"website\",\n },\n twitter: {\n card: \"summary_large_image\",\n title: \"Premium Plans - Workout.cool\",\n description: \"Train freely, support the mission. Join the passionate fitness community!\",\n },\n};\n\nexport default function PremiumPage() {\n return (\n
\n {/* Main Content */}\n
\n \n
\n\n {/* Mobile Sticky CTA */}\n {/* */}\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/profile/page.tsx", "content": "\"use client\";\nimport { useRouter } from \"next/navigation\";\n\nimport { useI18n } from \"locales/client\";\nimport { WorkoutSessionList } from \"@/features/workout-session/ui/workout-session-list\";\nimport { WorkoutSessionHeatmap } from \"@/features/workout-session/ui/workout-session-heatmap\";\nimport { useWorkoutSessions } from \"@/features/workout-session/model/use-workout-sessions\";\nimport { env } from \"@/env\";\nimport { useCurrentSession } from \"@/entities/user/model/useCurrentSession\";\nimport { LocalAlert } from \"@/components/ui/local-alert\";\nimport { Button } from \"@/components/ui/button\";\nimport { HorizontalTopBanner } from \"@/components/ads\";\n\nexport default function ProfilePage() {\n const router = useRouter();\n const t = useI18n();\n const { data: sessions = [] } = useWorkoutSessions();\n const session = useCurrentSession();\n\n const values: Record = {};\n sessions.forEach((session) => {\n const date = session.startedAt.slice(0, 10);\n values[date] = (values[date] || 0) + 1;\n });\n\n const until =\n sessions.length > 0\n ? sessions.reduce((max, s) => (s.startedAt > max ? s.startedAt : max), sessions[0].startedAt).slice(0, 10)\n : new Date().toISOString().slice(0, 10);\n\n return (\n
\n {env.NEXT_PUBLIC_TOP_PROFILE_BANNER_AD_SLOT && }\n {!session && }\n {session && (\n
\n
\n

Hello, {session.user?.name} 👋

\n
\n
\n )}\n\n
\n \n
\n \n
\n \n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/programs/[slug]/page.tsx", "content": "import { notFound } from \"next/navigation\";\nimport { headers } from \"next/headers\";\nimport { Metadata } from \"next\";\n\nimport { Locale } from \"locales/types\";\nimport { getI18n } from \"locales/server\";\nimport { generateStructuredData, StructuredDataScript } from \"@/shared/lib/structured-data\";\nimport { getLocalizedMetadata } from \"@/shared/config/localized-metadata\";\nimport { ProgramDetailPage } from \"@/features/programs/ui/program-detail-page\";\nimport { getProgramDescription, getProgramTitle } from \"@/features/programs/lib/translations-mapper\";\nimport { generateProgramSEOKeywords } from \"@/features/programs/lib/program-metadata\";\nimport { getProgramBySlug } from \"@/features/programs/actions/get-program-by-slug.action\";\nimport { auth } from \"@/features/auth/lib/better-auth\";\n\ninterface ProgramDetailPageProps {\n params: Promise<{ slug: string; locale: Locale }>;\n}\n\nexport async function generateMetadata({ params }: ProgramDetailPageProps): Promise {\n const { slug, locale } = await params;\n const t = await getI18n();\n const program = await getProgramBySlug(slug);\n const localizedData = getLocalizedMetadata(locale);\n\n if (!program) {\n return { title: t(\"programs.not_found\") };\n }\n\n const localizedTitle = getProgramTitle(program, locale);\n const localizedDescription = getProgramDescription(program, locale);\n const seoKeywords = generateProgramSEOKeywords(program, locale, t);\n\n return {\n title: `${localizedTitle} - ${localizedData.title}`,\n description: localizedDescription,\n keywords: seoKeywords,\n openGraph: {\n title: `${localizedTitle} - ${localizedData.title}`,\n description: localizedDescription,\n images: [\n {\n url: program.image, // TODO: specific opengraph image for each program (upload admin side)\n width: 400,\n height: 600,\n alt: localizedTitle,\n },\n ],\n },\n twitter: {\n card: \"summary_large_image\",\n title: `${localizedTitle} - ${localizedData.title}`,\n description: localizedDescription,\n images: [program.image],\n },\n };\n}\n\nexport default async function ProgramDetailPageRoute({ params }: ProgramDetailPageProps) {\n const { slug, locale } = await params;\n const program = await getProgramBySlug(slug);\n\n if (!program) {\n notFound();\n }\n\n const session = await auth.api.getSession({\n headers: await headers(),\n });\n\n // Generate Course structured data\n const localizedTitle = getProgramTitle(program, locale);\n const localizedDescription = getProgramDescription(program, locale);\n\n const courseStructuredData = generateStructuredData({\n type: \"Course\",\n locale,\n title: localizedTitle,\n description: localizedDescription,\n courseData: {\n id: program.id,\n level: program.level,\n category: program.category,\n durationWeeks: program.durationWeeks,\n sessionsPerWeek: program.sessionsPerWeek,\n sessionDurationMin: program.sessionDurationMin,\n equipment: program.equipment,\n isPremium: program.isPremium,\n participantCount: program.participantCount,\n totalSessions: program.weeks.reduce((acc, week) => acc + week.sessions.length, 0),\n totalExercises: program.weeks.reduce(\n (acc, week) => acc + week.sessions.reduce((sessAcc, session) => sessAcc + session.totalExercises, 0),\n 0,\n ),\n coaches: program.coaches,\n },\n });\n\n // Breadcrumbs\n\n return (\n <>\n \n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/programs/[slug]/session/[sessionSlug]/ProgramSessionClient.tsx", "content": "\"use client\";\n\nimport { useState } from \"react\";\nimport { useRouter } from \"next/navigation\";\nimport { ArrowLeft, Play } from \"lucide-react\";\nimport { ExerciseAttributeNameEnum, ProgramWeek } from \"@prisma/client\";\n\nimport { useCurrentLocale, useI18n } from \"locales/client\";\nimport { canStartSession } from \"@/shared/lib/access-control\";\nimport { WorkoutSessionSets } from \"@/features/workout-session/ui/workout-session-sets\";\nimport { WorkoutSessionHeader } from \"@/features/workout-session/ui/workout-session-header\";\nimport { useWorkoutSession } from \"@/features/workout-session/model/use-workout-session\";\nimport { SessionAccessGuard } from \"@/features/programs/ui/session-access-guard\";\nimport { getSessionDescription, getSessionTitle, getSessionSlug, getProgramTitle } from \"@/features/programs/lib/translations-mapper\";\nimport { startProgramSession } from \"@/features/programs/actions/start-program-session.action\";\nimport { enrollInProgram } from \"@/features/programs/actions/enroll-program.action\";\nimport { completeProgramSession } from \"@/features/programs/actions/complete-program-session.action\";\nimport { ProgramSessionWithExercises } from \"@/entities/program-session/types/program-session.types\";\nimport { ProgramI18nReference } from \"@/entities/program/types/program.types\";\nimport { Button } from \"@/components/ui/button\";\nimport { SessionRichSnippets } from \"@/components/seo/session-rich-snippets\";\n\ninterface ProgramSessionClientProps {\n program: ProgramI18nReference;\n week: ProgramWeek;\n session: ProgramSessionWithExercises;\n isAuthenticated: boolean;\n isPremium: boolean;\n}\n\nexport function ProgramSessionClient({ program, week, session, isAuthenticated, isPremium }: ProgramSessionClientProps) {\n const t = useI18n();\n const locale = useCurrentLocale();\n const router = useRouter();\n const { startWorkout, session: workoutSession, completeWorkout, isWorkoutActive, quitWorkout } = useWorkoutSession();\n const [isLoading, setIsLoading] = useState(false);\n const [_enrollmentId, setEnrollmentId] = useState(null);\n const [sessionProgressId, setSessionProgressId] = useState(null);\n const [showCongrats, setShowCongrats] = useState(false);\n const [hasStartedWorkout, setHasStartedWorkout] = useState(false);\n\n const programTitle = getProgramTitle(program, locale);\n const programSessionTitle = getSessionTitle(session, locale);\n const programSessionDescription = getSessionDescription(session, locale);\n const programSlug = getSessionSlug(program, locale);\n const sessionSlug = getSessionSlug(session, locale);\n\n // Access control context\n const accessContext = {\n isAuthenticated,\n isPremium,\n isSessionPremium: session.isPremium,\n };\n\n const handleStartWorkout = async () => {\n if (!canStartSession(accessContext)) return;\n\n setIsLoading(true);\n try {\n // Ensure user is enrolled\n const { enrollment } = await enrollInProgram(program.id);\n setEnrollmentId(enrollment.id);\n\n // Start or resume session\n const { sessionProgress } = await startProgramSession(enrollment.id, session.id);\n setSessionProgressId(sessionProgress.id);\n\n // Convert program exercises to workout format\n const exercises = session.exercises.map((ex) => ({\n id: ex.exercise.id,\n name: ex.exercise.name,\n nameEn: ex.exercise.nameEn || null,\n description: ex.exercise.description || \"\",\n descriptionEn: ex.exercise.descriptionEn || \"\",\n fullVideoUrl: ex.exercise.fullVideoUrl || null,\n fullVideoImageUrl: ex.exercise.fullVideoImageUrl || null,\n introduction: null,\n introductionEn: null,\n slug: null,\n slugEn: null,\n createdAt: new Date(),\n updatedAt: new Date(),\n order: ex.order,\n attributes: ex.exercise.attributes.map((attr) => ({\n id: attr.id,\n createdAt: new Date(),\n updatedAt: new Date(),\n exerciseId: ex.exercise.id,\n attributeNameId: attr.attributeNameId,\n attributeValueId: attr.attributeValueId,\n attributeName: attr.attributeName,\n attributeValue: attr.attributeValue,\n })),\n }));\n\n // Extract equipment and muscles from session exercises\n const equipment = session.exercises.flatMap((ex) =>\n ex.exercise.attributes\n .filter((attr) => attr.attributeName === ExerciseAttributeNameEnum.EQUIPMENT)\n .map((attr) => attr.attributeValue),\n );\n\n const muscles = session.exercises.flatMap((ex) =>\n ex.exercise.attributes\n .filter((attr) => attr.attributeName === ExerciseAttributeNameEnum.PRIMARY_MUSCLE)\n .map((attr) => attr.attributeValue),\n );\n\n // Convert suggestedSets to workout format\n const exercisesWithSets = exercises.map((exercise, idx) => {\n const programExercise = session.exercises[idx];\n const suggestedSets = programExercise?.suggestedSets || [];\n\n const workoutSets = suggestedSets.map((suggestedSet, setIndex) => ({\n id: `${exercise.id}-set-${setIndex + 1}`,\n setIndex,\n types: suggestedSet.types || [],\n valuesInt: suggestedSet.valuesInt || [],\n valuesSec: suggestedSet.valuesSec || [],\n units: suggestedSet.units || [],\n completed: false,\n }));\n\n return {\n ...exercise,\n sets:\n workoutSets.length > 0\n ? workoutSets\n : [\n {\n id: `${exercise.id}-set-1`,\n setIndex: 0,\n types: [\"REPS\"],\n valuesInt: [],\n valuesSec: [],\n units: [],\n completed: false,\n },\n ],\n };\n });\n\n startWorkout(exercisesWithSets, equipment, muscles);\n setHasStartedWorkout(true);\n } catch (error) {\n console.error(\"Failed to start session:\", error);\n alert(t(\"programs.error_starting_session\"));\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleCompleteSession = async () => {\n if (!workoutSession || !sessionProgressId) return;\n\n try {\n // Complete the workout\n completeWorkout();\n\n // Save to database and mark session as complete\n const { isCompleted, nextWeek, nextSession } = await completeProgramSession(sessionProgressId, workoutSession.id);\n\n setShowCongrats(true);\n\n if (isCompleted) {\n router.push(`/programs/${programSlug}?completed=true&refresh=${Date.now()}`);\n } else {\n router.push(`/programs/${programSlug}?week=${nextWeek}&session=${nextSession}&refresh=${Date.now()}`);\n }\n } catch (error) {\n console.error(\"Failed to complete session:\", error);\n }\n };\n\n const handleQuitWorkout = () => {\n quitWorkout();\n setHasStartedWorkout(false);\n };\n\n // Show workout interface if user has started the workout\n if (hasStartedWorkout && isWorkoutActive && workoutSession) {\n return (\n
\n \n \n
\n );\n }\n\n const totalSets = session.exercises.reduce((total, ex) => total + ex.suggestedSets.length, 0);\n\n // Use access guard to handle authentication and premium restrictions\n return (\n \n
\n {/* Header */}\n
\n
\n router.push(`/programs/${programSlug}`)}\n size=\"icon\"\n variant=\"ghost\"\n >\n \n \n
\n

\n {programTitle} - {t(\"programs.week\")} {week.weekNumber}\n

\n

{programSessionTitle}

\n
\n
\n
\n\n {/* Session preview content */}\n
\n
\n
\n {/* Session info */}\n
\n
\n

{programSessionTitle}

\n \n
\n {programSessionDescription &&

{programSessionDescription}

}\n
\n\n {/* Exercise list */}\n
\n

{t(\"programs.exercises_in_session\")}

\n
\n {session.exercises.map((exercise, index) => {\n const exerciseName = locale === \"fr\" ? exercise.exercise.name : exercise.exercise.nameEn;\n return (\n
\n
\n {index + 1}\n
\n
\n

{exerciseName}

\n
\n
\n \n {exercise.suggestedSets.length} {t(\"programs.set\", { count: exercise.suggestedSets.length })}\n \n
\n
\n );\n })}\n
\n
\n\n {/* Start workout button */}\n
\n \n {isLoading ? (\n <>\n
\n {t(\"programs.starting_session\")}\n \n ) : (\n <>\n \n {t(\"programs.start_session\")}\n \n )}\n \n
\n
\n
\n
\n
\n \n );\n}\n" }, { "path": "app/[locale]/(app)/programs/[slug]/session/[sessionSlug]/page.tsx", "content": "import { notFound } from \"next/navigation\";\nimport { headers } from \"next/headers\";\nimport { Metadata } from \"next\";\n\nimport { Locale } from \"locales/types\";\nimport { getI18n } from \"locales/server\";\nimport { generateStructuredData, StructuredDataScript } from \"@/shared/lib/structured-data\";\nimport { getSessionTitle, getProgramTitle } from \"@/features/programs/lib/translations-mapper\";\nimport { generateSessionMetadata } from \"@/features/programs/lib/session-metadata\";\nimport { getSessionBySlug } from \"@/features/programs/actions/get-session-by-slug.action\";\nimport { auth } from \"@/features/auth/lib/better-auth\";\nimport { Breadcrumbs } from \"@/components/seo/breadcrumbs\";\n\n// Import the existing session client component\nimport { ProgramSessionClient } from \"./ProgramSessionClient\";\n\ninterface SessionDetailPageProps {\n params: Promise<{ slug: string; sessionSlug: string; locale: Locale }>;\n}\n\nexport async function generateMetadata({ params }: SessionDetailPageProps): Promise {\n const { slug, sessionSlug, locale } = await params;\n const t = await getI18n();\n const response = await getSessionBySlug(slug, sessionSlug, locale);\n\n if (!response) {\n return { title: t(\"programs.not_found\") };\n }\n\n const sessionMetadata = generateSessionMetadata(response.session, response.program, locale);\n const imageUrl = response.session.exercises[0]?.exercise.fullVideoImageUrl || \"/images/default-workout.jpg\";\n\n return {\n title: sessionMetadata.title,\n description: sessionMetadata.description,\n keywords: sessionMetadata.keywords,\n openGraph: {\n title: sessionMetadata.title,\n description: sessionMetadata.description,\n url: `https://www.workout.cool/${locale}/programs/${slug}/session/${sessionSlug}`,\n siteName: \"Workout Cool\",\n images: [\n {\n url: imageUrl,\n width: 800,\n height: 600,\n alt: sessionMetadata.title,\n },\n ],\n locale: locale === \"zh-CN\" ? \"zh_CN\" : locale.replace(\"-\", \"_\"),\n type: \"website\",\n },\n twitter: {\n card: \"summary_large_image\",\n title: sessionMetadata.title,\n description: sessionMetadata.description,\n images: [imageUrl],\n creator: \"@WorkoutCool\",\n },\n alternates: {\n canonical: `https://www.workout.cool/${locale}/programs/${slug}/session/${sessionSlug}`,\n languages: {\n \"fr-FR\": `https://www.workout.cool/fr/programs/${slug}/session/${sessionSlug}`,\n \"en-US\": `https://www.workout.cool/en/programs/${slug}/session/${sessionSlug}`,\n \"es-ES\": `https://www.workout.cool/es/programs/${slug}/session/${sessionSlug}`,\n \"pt-PT\": `https://www.workout.cool/pt/programs/${slug}/session/${sessionSlug}`,\n \"ru-RU\": `https://www.workout.cool/ru/programs/${slug}/session/${sessionSlug}`,\n \"zh-CN\": `https://www.workout.cool/zh-CN/programs/${slug}/session/${sessionSlug}`,\n \"x-default\": `https://www.workout.cool/programs/${slug}/session/${sessionSlug}`,\n },\n },\n robots: {\n index: true,\n follow: true,\n googleBot: {\n index: true,\n follow: true,\n \"max-video-preview\": -1,\n \"max-image-preview\": \"large\",\n \"max-snippet\": -1,\n },\n },\n };\n}\n\nexport default async function SessionDetailPage({ params }: SessionDetailPageProps) {\n const { slug, sessionSlug, locale } = await params;\n const response = await getSessionBySlug(slug, sessionSlug, locale);\n\n if (!response) {\n notFound();\n }\n\n const authSession = await auth.api.getSession({\n headers: await headers(),\n });\n\n // Pass authentication and premium status\n const isAuthenticated = !!authSession?.user;\n const isPremium = authSession?.user?.isPremium || false;\n\n const t = await getI18n();\n const sessionTitle = getSessionTitle(response.session, locale);\n const programTitle = getProgramTitle(response.program, locale);\n\n // Generate breadcrumb items\n const breadcrumbItems = [\n {\n label: t(\"breadcrumbs.home\"),\n href: `/${locale}`,\n },\n {\n label: t(\"programs.workout_programs\"),\n href: `/${locale}/programs`,\n },\n {\n label: programTitle,\n href: `/${locale}/programs/${slug}`,\n },\n {\n label: sessionTitle,\n current: true,\n },\n ];\n\n // Generate VideoObject structured data\n const sessionStructuredData = generateStructuredData({\n type: \"VideoObject\",\n locale,\n title: `${sessionTitle} - ${programTitle}`,\n description: response.session.description || `${sessionTitle} workout session`,\n url: `https://www.workout.cool/${locale}/programs/${slug}/session/${sessionSlug}`,\n image: response.session.exercises[0]?.exercise.fullVideoImageUrl || undefined,\n sessionData: {\n duration: Math.round(response.session.exercises.length * 3), // Estimate 3 min per exercise\n exercises: response.session.exercises.map((ex) => ({\n name: ex.exercise.name,\n sets: ex.suggestedSets.length,\n })),\n thumbnailUrl: response.session.exercises[0]?.exercise.fullVideoImageUrl || undefined,\n videoUrl: response.session.exercises[0]?.exercise.fullVideoUrl || undefined,\n },\n });\n\n return (\n <>\n \n \n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/programs/page.tsx", "content": "import { Metadata } from \"next\";\n\nimport { Locale } from \"locales/types\";\nimport { getI18n } from \"locales/server\";\nimport { ProgramsPage } from \"@/features/programs/ui/programs-page\";\nimport { Breadcrumbs } from \"@/components/seo/breadcrumbs\";\n\nexport const metadata: Metadata = {\n title: \"Programmes\",\n description: \"Découvrez nos programmes d'entraînement gamifiés pour tous les niveaux - Rejoins la communauté WorkoutCool !\",\n};\n\nexport default async function ProgramsRootPage({ params }: { params: Promise<{ locale: string }> }) {\n const { locale } = (await params) as { locale: Locale };\n const t = await getI18n();\n\n const breadcrumbItems = [\n {\n label: t(\"breadcrumbs.home\"),\n href: `/${locale}`,\n },\n {\n label: t(\"programs.workout_programs\"),\n current: true,\n },\n ];\n\n return (\n <>\n \n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/statistics/page.tsx", "content": "import React from \"react\";\n\nimport { getI18n } from \"locales/server\";\nimport { ExercisesBrowser } from \"@/features/statistics/components/ExercisesBrowser\";\nimport { PremiumGate } from \"@/components/ui/premium-gate\";\n\nexport default async function StatisticsPage() {\n const t = await getI18n();\n return (\n
\n
\n

\n {t(\"statistics.title\")}\n

\n

{t(\"statistics.page_subtitle\")}

\n\n {/* Stats hero social proof */}\n \n
\n

15.4K+

\n

{t(\"statistics.active_daily_users\")}

\n
\n
\n

89%

\n

{t(\"statistics.success_rate\")}

\n
\n
\n

4.8★

\n

{t(\"statistics.user_rating\")}

\n
\n
\n }\n feature=\"Statistics\"\n >\n {/* this is the premium content ↓ */}\n
\n \n
\n\n {/* Main Content */}\n \n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/bmi-calculator/bmi-calculator.utils.ts", "content": "import { TFunction } from \"locales/client\";\n\nexport type UnitSystem = \"metric\" | \"imperial\";\n\nexport interface BmiData {\n height: number; // cm for metric, inches for imperial\n weight: number; // kg for metric, lbs for imperial\n unit: UnitSystem;\n}\n\nexport interface BmiResult {\n bmi: number;\n bmiPrime: number;\n ponderalIndex: number;\n category: BmiCategory;\n healthRisk: HealthRisk;\n recommendations: string[];\n detailedInfo: {\n bmiRange: { min: number; max: number };\n idealWeight: { min: number; max: number };\n weightToLose?: number;\n weightToGain?: number;\n };\n}\n\nexport type BmiCategory = \n | \"severe_thinness\" \n | \"moderate_thinness\" \n | \"mild_thinness\" \n | \"normal\" \n | \"overweight\" \n | \"obese_class_1\" \n | \"obese_class_2\" \n | \"obese_class_3\";\n\nexport type HealthRisk = \"low\" | \"normal\" | \"increased\" | \"high\" | \"very_high\" | \"extremely_high\";\n\nexport function calculateBmi(data: BmiData, t: TFunction): BmiResult {\n const { height: initialHeight, weight: initialWeight, unit } = data;\n let height = initialHeight;\n let weight = initialWeight;\n\n // Convert to metric if needed\n if (unit === \"imperial\") {\n height = height * 2.54; // inches to cm\n weight = weight * 0.453592; // lbs to kg\n }\n\n // Convert height from cm to meters\n const heightInMeters = height / 100;\n\n // Calculate BMI\n const bmi = weight / (heightInMeters * heightInMeters);\n\n // Calculate BMI Prime\n const bmiPrime = bmi / 25;\n\n // Calculate Ponderal Index\n const ponderalIndex = weight / (heightInMeters * heightInMeters * heightInMeters);\n\n // Determine category and health risk\n const category = getBmiCategory(bmi);\n const healthRisk = getHealthRisk(category);\n const recommendations = getRecommendations(category, t);\n\n // Calculate detailed info\n const bmiRange = getBmiRange(category);\n const idealWeight = calculateIdealWeight(heightInMeters);\n const weightToLose = (category === \"overweight\" || category === \"obese_class_1\" || category === \"obese_class_2\" || category === \"obese_class_3\")\n ? Math.max(0, weight - idealWeight.max)\n : undefined;\n const weightToGain = (category === \"severe_thinness\" || category === \"moderate_thinness\" || category === \"mild_thinness\")\n ? Math.max(0, idealWeight.min - weight)\n : undefined;\n\n return {\n bmi: Math.round(bmi * 10) / 10,\n bmiPrime: Math.round(bmiPrime * 100) / 100,\n ponderalIndex: Math.round(ponderalIndex * 10) / 10,\n category,\n healthRisk,\n recommendations,\n detailedInfo: {\n bmiRange,\n idealWeight,\n weightToLose,\n weightToGain,\n },\n };\n}\n\nexport function getBmiCategory(bmi: number): BmiCategory {\n if (bmi < 16) return \"severe_thinness\";\n if (bmi < 17) return \"moderate_thinness\";\n if (bmi < 18.5) return \"mild_thinness\";\n if (bmi < 25) return \"normal\";\n if (bmi < 30) return \"overweight\";\n if (bmi < 35) return \"obese_class_1\";\n if (bmi < 40) return \"obese_class_2\";\n return \"obese_class_3\";\n}\n\nexport function getHealthRisk(category: BmiCategory): HealthRisk {\n switch (category) {\n case \"severe_thinness\":\n return \"very_high\";\n case \"moderate_thinness\":\n return \"high\";\n case \"mild_thinness\":\n return \"increased\";\n case \"normal\":\n return \"normal\";\n case \"overweight\":\n return \"increased\";\n case \"obese_class_1\":\n return \"high\";\n case \"obese_class_2\":\n return \"very_high\";\n case \"obese_class_3\":\n return \"extremely_high\";\n default:\n return \"normal\";\n }\n}\n\nexport function getRecommendations(category: BmiCategory, t: TFunction): string[] {\n switch (category) {\n case \"severe_thinness\":\n return [\n t(\"bmi-calculator.recommendations.severe_thinness.medical_consultation\"),\n t(\"bmi-calculator.recommendations.severe_thinness.nutritional_assessment\"),\n t(\"bmi-calculator.recommendations.severe_thinness.weight_gain_program\"),\n t(\"bmi-calculator.recommendations.severe_thinness.screen_conditions\"),\n t(\"bmi-calculator.recommendations.severe_thinness.psychological_evaluation\"),\n ];\n case \"moderate_thinness\":\n return [\n t(\"bmi-calculator.recommendations.moderate_thinness.healthcare_provider\"),\n t(\"bmi-calculator.recommendations.moderate_thinness.nutrient_dense_foods\"),\n t(\"bmi-calculator.recommendations.moderate_thinness.registered_dietitian\"),\n t(\"bmi-calculator.recommendations.moderate_thinness.monitor_malnutrition\"),\n t(\"bmi-calculator.recommendations.moderate_thinness.gradual_weight_gain\"),\n ];\n case \"mild_thinness\":\n return [\n t(\"bmi-calculator.recommendations.mild_thinness.consider_healthcare\"),\n t(\"bmi-calculator.recommendations.mild_thinness.nutrient_dense_foods\"),\n t(\"bmi-calculator.recommendations.mild_thinness.strength_training\"),\n t(\"bmi-calculator.recommendations.mild_thinness.monitor_health\"),\n t(\"bmi-calculator.recommendations.mild_thinness.gradual_weight_gain\"),\n ];\n case \"normal\":\n return [\n t(\"bmi-calculator.recommendations.normal.maintain_weight\"),\n t(\"bmi-calculator.recommendations.normal.physical_activity\"),\n t(\"bmi-calculator.recommendations.normal.balanced_diet\"),\n t(\"bmi-calculator.recommendations.normal.health_checkups\"),\n t(\"bmi-calculator.recommendations.normal.overall_wellness\"),\n ];\n case \"overweight\":\n return [\n t(\"bmi-calculator.recommendations.overweight.gradual_weight_loss\"),\n t(\"bmi-calculator.recommendations.overweight.increase_activity\"),\n t(\"bmi-calculator.recommendations.overweight.portion_control\"),\n t(\"bmi-calculator.recommendations.overweight.healthcare_provider\"),\n t(\"bmi-calculator.recommendations.overweight.lifestyle_goals\"),\n ];\n case \"obese_class_1\":\n return [\n t(\"bmi-calculator.recommendations.obese_class_1.healthcare_provider\"),\n t(\"bmi-calculator.recommendations.obese_class_1.weight_loss_target\"),\n t(\"bmi-calculator.recommendations.obese_class_1.diet_exercise\"),\n t(\"bmi-calculator.recommendations.obese_class_1.nutritional_counseling\"),\n t(\"bmi-calculator.recommendations.obese_class_1.screen_conditions\"),\n ];\n case \"obese_class_2\":\n return [\n t(\"bmi-calculator.recommendations.obese_class_2.medical_supervision\"),\n t(\"bmi-calculator.recommendations.obese_class_2.lifestyle_programs\"),\n t(\"bmi-calculator.recommendations.obese_class_2.evaluate_conditions\"),\n t(\"bmi-calculator.recommendations.obese_class_2.medical_treatments\"),\n t(\"bmi-calculator.recommendations.obese_class_2.bariatric_surgery\"),\n ];\n case \"obese_class_3\":\n return [\n t(\"bmi-calculator.recommendations.obese_class_3.medical_consultation\"),\n t(\"bmi-calculator.recommendations.obese_class_3.bariatric_surgery\"),\n t(\"bmi-calculator.recommendations.obese_class_3.weight_management\"),\n t(\"bmi-calculator.recommendations.obese_class_3.health_complications\"),\n t(\"bmi-calculator.recommendations.obese_class_3.multidisciplinary\"),\n ];\n default:\n return [];\n }\n}\n\nexport function getBmiRange(category: BmiCategory): { min: number; max: number } {\n switch (category) {\n case \"severe_thinness\":\n return { min: 0, max: 15.9 };\n case \"moderate_thinness\":\n return { min: 16, max: 16.9 };\n case \"mild_thinness\":\n return { min: 17, max: 18.4 };\n case \"normal\":\n return { min: 18.5, max: 24.9 };\n case \"overweight\":\n return { min: 25, max: 29.9 };\n case \"obese_class_1\":\n return { min: 30, max: 34.9 };\n case \"obese_class_2\":\n return { min: 35, max: 39.9 };\n case \"obese_class_3\":\n return { min: 40, max: 100 };\n default:\n return { min: 0, max: 100 };\n }\n}\n\nexport function calculateIdealWeight(heightInMeters: number): { min: number; max: number } {\n // Calculate ideal weight range based on normal BMI (18.5-24.9)\n const minWeight = 18.5 * heightInMeters * heightInMeters;\n const maxWeight = 24.9 * heightInMeters * heightInMeters;\n \n return {\n min: Math.round(minWeight * 10) / 10,\n max: Math.round(maxWeight * 10) / 10,\n };\n}\n\nexport function convertHeight(height: number, fromUnit: UnitSystem, toUnit: UnitSystem): number {\n if (fromUnit === toUnit) return height;\n \n if (fromUnit === \"imperial\" && toUnit === \"metric\") {\n return height * 2.54; // inches to cm\n } else {\n return height / 2.54; // cm to inches\n }\n}\n\nexport function convertWeight(weight: number, fromUnit: UnitSystem, toUnit: UnitSystem): number {\n if (fromUnit === toUnit) return weight;\n \n if (fromUnit === \"imperial\" && toUnit === \"metric\") {\n return weight * 0.453592; // lbs to kg\n } else {\n return weight / 0.453592; // kg to lbs\n }\n}\n\n// Additional utility functions for enhanced BMI analysis\n\nexport function getBmiPrimeCategory(bmiPrime: number): string {\n if (bmiPrime < 0.64) return \"severe_thinness\";\n if (bmiPrime < 0.68) return \"moderate_thinness\";\n if (bmiPrime < 0.74) return \"mild_thinness\";\n if (bmiPrime <= 1) return \"normal\";\n if (bmiPrime <= 1.2) return \"overweight\";\n if (bmiPrime <= 1.4) return \"obese_class_1\";\n if (bmiPrime <= 1.6) return \"obese_class_2\";\n return \"obese_class_3\";\n}\n\nexport function getPonderalIndexCategory(pi: number): string {\n // Ponderal Index normal range is typically 11-14 kg/m³\n if (pi < 11) return \"low\";\n if (pi <= 14) return \"normal\";\n return \"high\";\n}\n\nexport function getHealthRisks(_category: BmiCategory, t: TFunction): { overweight: string[]; underweight: string[] } {\n const overweightRisks = [\n t(\"bmi-calculator.health_risks.overweight.high_blood_pressure\"),\n t(\"bmi-calculator.health_risks.overweight.ldl_cholesterol\"),\n t(\"bmi-calculator.health_risks.overweight.hdl_cholesterol\"),\n t(\"bmi-calculator.health_risks.overweight.triglycerides\"),\n t(\"bmi-calculator.health_risks.overweight.type_2_diabetes\"),\n t(\"bmi-calculator.health_risks.overweight.coronary_heart_disease\"),\n t(\"bmi-calculator.health_risks.overweight.stroke\"),\n t(\"bmi-calculator.health_risks.overweight.gallbladder_disease\"),\n t(\"bmi-calculator.health_risks.overweight.osteoarthritis\"),\n t(\"bmi-calculator.health_risks.overweight.sleep_apnea\"),\n t(\"bmi-calculator.health_risks.overweight.certain_cancers\"),\n t(\"bmi-calculator.health_risks.overweight.low_quality_life\"),\n t(\"bmi-calculator.health_risks.overweight.mental_illnesses\"),\n t(\"bmi-calculator.health_risks.overweight.body_pains\"),\n t(\"bmi-calculator.health_risks.overweight.increased_mortality\"),\n ];\n\n const underweightRisks = [\n t(\"bmi-calculator.health_risks.underweight.malnutrition\"),\n t(\"bmi-calculator.health_risks.underweight.anemia\"),\n t(\"bmi-calculator.health_risks.underweight.osteoporosis\"),\n t(\"bmi-calculator.health_risks.underweight.immune_function\"),\n t(\"bmi-calculator.health_risks.underweight.growth_development\"),\n t(\"bmi-calculator.health_risks.underweight.reproductive_issues\"),\n t(\"bmi-calculator.health_risks.underweight.miscarriage_risk\"),\n t(\"bmi-calculator.health_risks.underweight.surgery_complications\"),\n t(\"bmi-calculator.health_risks.underweight.increased_mortality\"),\n t(\"bmi-calculator.health_risks.underweight.underlying_conditions\"),\n ];\n\n return { overweight: overweightRisks, underweight: underweightRisks };\n}" }, { "path": "app/[locale]/(app)/tools/bmi-calculator/page.tsx", "content": "import React from \"react\";\nimport { Metadata } from \"next\";\n\nimport { getI18n } from \"locales/server\";\nimport { BmiEducationalContent } from \"app/[locale]/(app)/tools/bmi-calculator/shared/components/BmiEducationalContent\";\nimport { BmiCalculatorClient } from \"app/[locale]/(app)/tools/bmi-calculator/shared/BmiCalculatorClient\";\nimport { getServerUrl } from \"@/shared/lib/server-url\";\nimport { env } from \"@/env\";\nimport { generateSEOMetadata, SEOScripts } from \"@/components/seo/SEOHead\";\nimport { HorizontalBottomBanner, HorizontalTopBanner } from \"@/components/ads\";\n\nexport async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise {\n const { locale } = await params;\n const t = await getI18n();\n\n return generateSEOMetadata({\n title: t(\"tools.bmi-calculator-hub.meta.title\"),\n description: t(\"tools.bmi-calculator-hub.meta.description\"),\n keywords: [\n ...t(\"tools.bmi-calculator-hub.meta.keywords\").split(\", \"),\n \"BMI formula\",\n \"BMI prime\",\n \"ponderal index\",\n \"WHO BMI classification\",\n \"CDC BMI percentiles\",\n \"BMI health risks\",\n \"BMI limitations\",\n \"body mass index calculator\",\n \"BMI chart\",\n \"BMI table\",\n \"overweight risks\",\n \"underweight risks\",\n \"BMI for adults\",\n \"BMI for children\",\n \"BMI accuracy\",\n ],\n locale,\n canonical: `${getServerUrl()}/${locale}/tools/bmi-calculator`,\n structuredData: {\n type: \"Calculator\",\n calculatorData: {\n calculatorType: \"bmi\",\n inputFields: [\"height\", \"weight\", \"age\", \"gender\"],\n outputFields: [\n \"BMI\",\n \"BMI Prime\",\n \"Ponderal Index\",\n \"BMI category\",\n \"health risk assessment\",\n \"ideal weight range\",\n \"health recommendations\",\n ],\n formula: \"BMI = weight (kg) / height (m)²\",\n accuracy: \"Standard WHO classification with detailed health risk assessment\",\n targetAudience: [\n \"health conscious individuals\",\n \"fitness enthusiasts\",\n \"medical professionals\",\n \"general public\",\n \"parents\",\n \"athletes\",\n ],\n relatedCalculators: [\"standard-calculator\", \"adjusted-calculator\", \"pediatric-calculator\", \"bmi-comparison\"],\n },\n },\n });\n}\n\nexport default async function BmiCalculatorPage({ params }: { params: Promise<{ locale: string }> }) {\n const { locale } = await params;\n const t = await getI18n();\n\n return (\n <>\n \n
\n {env.NEXT_PUBLIC_TOP_BMI_BANNER_AD_SLOT && }\n
\n {/* Header */}\n
\n

\n {t(\"tools.bmi-calculator-hub.standard.page_title\")}\n

\n

\n {t(\"tools.bmi-calculator-hub.standard.page_description\")}\n

\n
\n\n {/* Calculator */}\n \n\n {/* Educational Content */}\n
\n \n
\n
\n {env.NEXT_PUBLIC_BOTTOM_BMI_BANNER_AD_SLOT && }\n
\n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/bmi-calculator/shared/BmiCalculatorClient.tsx", "content": "\"use client\";\n\nimport React, { useState, useEffect } from \"react\";\n\nimport { useI18n } from \"locales/client\";\nimport {\n BmiData,\n BmiResult,\n UnitSystem,\n calculateBmi,\n convertHeight,\n convertWeight,\n} from \"app/[locale]/(app)/tools/bmi-calculator/bmi-calculator.utils\";\n\nimport { BmiWeightInput } from \"./components/BmiWeightInput\";\nimport { BmiUnitSelector } from \"./components/BmiUnitSelector\";\nimport { BmiResultsDisplay } from \"./components/BmiResultsDisplay\";\nimport { BmiHeightInput } from \"./components/BmiHeightInput\";\n\nexport function BmiCalculatorClient() {\n const t = useI18n();\n const [unit, setUnit] = useState(\"metric\");\n const [height, setHeight] = useState(170); // cm for metric, inches for imperial\n const [weight, setWeight] = useState(70); // kg for metric, lbs for imperial\n const [result, setResult] = useState(null);\n const [isInitialized, setIsInitialized] = useState(false);\n\n // Convert values when unit system changes (but not on first render)\n useEffect(() => {\n if (!isInitialized) {\n setIsInitialized(true);\n return;\n }\n\n if (unit === \"imperial\") {\n // Convert from metric to imperial\n setHeight(Math.round(convertHeight(height, \"metric\", \"imperial\")));\n setWeight(Math.round(convertWeight(weight, \"metric\", \"imperial\") * 10) / 10);\n } else {\n // Convert from imperial to metric\n setHeight(Math.round(convertHeight(height, \"imperial\", \"metric\")));\n setWeight(Math.round(convertWeight(weight, \"imperial\", \"metric\") * 10) / 10);\n }\n }, [unit]);\n\n // Calculate BMI whenever inputs change\n useEffect(() => {\n if (height > 0 && weight > 0) {\n const bmiData: BmiData = { height, weight, unit };\n const bmiResult = calculateBmi(bmiData, t);\n setResult(bmiResult);\n } else {\n setResult(null);\n }\n }, [height, weight, unit]);\n\n return (\n
\n {/* Input Form */}\n
\n
\n {/* Unit Selector */}\n \n\n {/* Height and Weight Inputs */}\n
\n \n \n
\n
\n
\n\n {/* Results */}\n {result && (\n
\n \n
\n )}\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/bmi-calculator/shared/components/BmiEducationalContent.tsx", "content": "\"use client\";\n\nimport { useI18n } from \"locales/client\";\nimport { env } from \"@/env\";\nimport { InArticle } from \"@/components/ads\";\n\nimport { FormulaCard, createFraction, createSuperscript } from \"./MathEquation\";\n\nexport function BmiEducationalContent() {\n const t = useI18n();\n\n return (\n
\n {/* BMI Introduction */}\n
\n

{t(\"bmi-calculator.educational.introduction_title\")}

\n
\n

{t(\"bmi-calculator.educational.introduction_text\")}

\n

{t(\"bmi-calculator.educational.introduction_usage\")}

\n
\n
\n\n {/* BMI Tables */}\n
\n
\n {env.NEXT_PUBLIC_IN_ARTICLE_BMI_1_AD_SLOT && }\n

{t(\"bmi-calculator.educational.adult_table_title\")}

\n\n

{t(\"bmi-calculator.educational.adult_table_description\")}

\n\n {/* WHO Adult BMI Table */}\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
{t(\"bmi-calculator.educational.classification\")}{t(\"bmi-calculator.educational.bmi_range\")}
{t(\"bmi-calculator.category_severe_thinness\")}< 16
{t(\"bmi-calculator.category_moderate_thinness\")}16 - 17
{t(\"bmi-calculator.category_mild_thinness\")}17 - 18.5
{t(\"bmi-calculator.category_normal\")}18.5 - 25
{t(\"bmi-calculator.category_overweight\")}25 - 30
{t(\"bmi-calculator.category_obese_class_1\")}30 - 35
{t(\"bmi-calculator.category_obese_class_2\")}35 - 40
{t(\"bmi-calculator.category_obese_class_3\")}> 40
\n
\n
\n\n {/* Children BMI Table */}\n
\n

{t(\"bmi-calculator.educational.children_table_title\")}

\n

{t(\"bmi-calculator.educational.children_table_description\")}

\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
{t(\"bmi-calculator.educational.category\")}{t(\"bmi-calculator.educational.percentile_range\")}
{t(\"bmi-calculator.educational.underweight\")}< 5%
{t(\"bmi-calculator.educational.healthy_weight\")}5% - 85%
{t(\"bmi-calculator.educational.at_risk_overweight\")}85% - 95%
{t(\"bmi-calculator.educational.overweight\")}> 95%
\n
\n
\n
\n\n {/* Health Risks */}\n
\n
\n

{t(\"bmi-calculator.educational.overweight_risks_title\")}

\n

{t(\"bmi-calculator.educational.overweight_risks_intro\")}

\n\n
\n
\n

{t(\"bmi-calculator.educational.cardiovascular_risks\")}

\n
    \n
  • \n •\n {t(\"bmi-calculator.educational.high_blood_pressure\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.cholesterol_issues\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.coronary_heart_disease\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.stroke\")}\n
    • \n
\n
\n\n
\n

{t(\"bmi-calculator.educational.metabolic_risks\")}

\n
    \n
  • \n •\n {t(\"bmi-calculator.educational.type_2_diabetes\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.gallbladder_disease\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.sleep_apnea\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.osteoarthritis\")}\n
    • \n
\n
\n
\n\n
\n

{t(\"bmi-calculator.educational.other_risks\")}

\n
    \n
  • \n •\n {t(\"bmi-calculator.educational.certain_cancers\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.mental_health_issues\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.reduced_quality_life\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.increased_mortality\")}\n
    • \n
\n
\n
\n\n {/* Underweight Risks */}\n
\n

{t(\"bmi-calculator.educational.underweight_risks_title\")}

\n

{t(\"bmi-calculator.educational.underweight_risks_intro\")}

\n\n
\n
    \n
  • \n •\n {t(\"bmi-calculator.educational.malnutrition\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.osteoporosis\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.immune_function_decrease\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.growth_development_issues\")}\n
    • \n
\n
    \n
  • \n •\n {t(\"bmi-calculator.educational.reproductive_issues\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.surgery_complications\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.increased_mortality_underweight\")}\n
    • \n
\n
\n
\n
\n\n {/* BMI Limitations */}\n
\n

{t(\"bmi-calculator.limitations_title\")}

\n
\n

{t(\"bmi-calculator.limitations_text\")}

\n
\n\n
\n
\n

{t(\"bmi-calculator.educational.adults_limitations\")}

\n
    \n
  • \n •\n {t(\"bmi-calculator.educational.older_adults_fat\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.women_fat_difference\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.athletes_muscle_mass\")}\n
    • \n
\n
\n\n
\n

{t(\"bmi-calculator.educational.children_limitations\")}

\n
    \n
  • \n •\n {t(\"bmi-calculator.educational.height_maturation_influence\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.fat_free_mass_difference\")}\n
    • \n
  • \n •\n {t(\"bmi-calculator.educational.population_accuracy\")}\n
    • \n
\n
\n
\n
\n\n {/* BMI Formulas */}\n
\n

{t(\"bmi-calculator.educational.formulas_title\")}

\n\n
\n {/* Metric Formula */}\n \n\n {/* Imperial Formula */}\n \n
\n
\n\n {env.NEXT_PUBLIC_IN_ARTICLE_BMI_2_AD_SLOT && }\n\n {/* BMI Prime Section */}\n
\n

{t(\"bmi-calculator.about_bmi_prime\")}

\n
\n

{t(\"bmi-calculator.bmi_prime_explanation\")}

\n
\n\n \n\n {/* BMI Prime Table */}\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
ClassificationBMIBMI Prime
{t(\"bmi-calculator.category_severe_thinness\")}< 16< 0.64
{t(\"bmi-calculator.category_moderate_thinness\")}16 - 170.64 - 0.68
{t(\"bmi-calculator.category_mild_thinness\")}17 - 18.50.68 - 0.74
{t(\"bmi-calculator.category_normal\")}18.5 - 250.74 - 1.0
{t(\"bmi-calculator.category_overweight\")}25 - 301.0 - 1.2
{t(\"bmi-calculator.category_obese_class_1\")}30 - 351.2 - 1.4
{t(\"bmi-calculator.category_obese_class_2\")}35 - 401.4 - 1.6
{t(\"bmi-calculator.category_obese_class_3\")}> 40> 1.6
\n
\n
\n\n {/* Ponderal Index */}\n
\n

{t(\"bmi-calculator.educational.ponderal_index_title\")}

\n
\n

{t(\"bmi-calculator.educational.ponderal_index_explanation\")}

\n
\n\n
\n {/* Metric PI Formula */}\n \n\n {/* Imperial PI Formula */}\n \n
\n
\n\n {/* Disclaimer */}\n
\n
\n
⚠️
\n
\n

{t(\"bmi-calculator.educational.medical_disclaimer_title\")}

\n

{t(\"bmi-calculator.disclaimer\")}

\n
\n
\n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/bmi-calculator/shared/components/BmiHeightInput.tsx", "content": "\"use client\";\n\nimport React from \"react\";\n\nimport { useI18n } from \"locales/client\";\nimport { UnitSystem } from \"app/[locale]/(app)/tools/bmi-calculator/bmi-calculator.utils\";\n\ninterface BmiHeightInputProps {\n value: number;\n unit: UnitSystem;\n onChange: (height: number) => void;\n}\n\nexport function BmiHeightInput({ value, unit, onChange }: BmiHeightInputProps) {\n const t = useI18n();\n\n // For imperial, we need to handle feet and inches\n if (unit === \"imperial\") {\n const totalInches = value;\n const feet = Math.floor(totalInches / 12);\n const inches = totalInches % 12;\n\n const handleFeetChange = (newFeet: number) => {\n onChange(newFeet * 12 + inches);\n };\n\n const handleInchesChange = (newInches: number) => {\n onChange(feet * 12 + newInches);\n };\n\n return (\n
\n \n
\n
\n handleFeetChange(Number(e.target.value))}\n type=\"number\"\n value={feet}\n />\n \n {t(\"bmi-calculator.feet\")}\n \n
\n
\n handleInchesChange(Number(e.target.value))}\n type=\"number\"\n value={inches}\n />\n \n {t(\"bmi-calculator.inches\")}\n \n
\n
\n
\n );\n }\n\n // Metric - simple cm input\n return (\n
\n \n
\n
\n onChange(Number(e.target.value))}\n placeholder={t(\"bmi-calculator.height_placeholder\")}\n type=\"number\"\n value={value}\n />\n \n {t(\"bmi-calculator.cm\")}\n \n
\n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/bmi-calculator/shared/components/BmiResultsDisplay.tsx", "content": "\"use client\";\n\nimport React from \"react\";\nimport { CheckCircleIcon, AlertTriangleIcon, XCircleIcon, InfoIcon, TrendingUpIcon, TrendingDownIcon } from \"lucide-react\";\n\nimport { useI18n } from \"locales/client\";\nimport { BmiResult, BmiCategory, HealthRisk } from \"app/[locale]/(app)/tools/bmi-calculator/bmi-calculator.utils\";\n\ninterface BmiResultsDisplayProps {\n result: BmiResult;\n}\n\nexport function BmiResultsDisplay({ result }: BmiResultsDisplayProps) {\n const t = useI18n();\n\n const getCategoryColor = (category: BmiCategory) => {\n switch (category) {\n case \"severe_thinness\":\n return \"text-red-700 dark:text-red-500\";\n case \"moderate_thinness\":\n return \"text-red-600 dark:text-red-400\";\n case \"mild_thinness\":\n return \"text-blue-600 dark:text-blue-400\";\n case \"normal\":\n return \"text-green-600 dark:text-green-400\";\n case \"overweight\":\n return \"text-yellow-600 dark:text-yellow-400\";\n case \"obese_class_1\":\n return \"text-orange-600 dark:text-orange-400\";\n case \"obese_class_2\":\n return \"text-red-600 dark:text-red-400\";\n case \"obese_class_3\":\n return \"text-red-700 dark:text-red-500\";\n default:\n return \"text-gray-600 dark:text-gray-400\";\n }\n };\n\n const getRiskColor = (risk: HealthRisk) => {\n switch (risk) {\n case \"low\":\n case \"normal\":\n return \"text-green-600 dark:text-green-400\";\n case \"increased\":\n return \"text-yellow-600 dark:text-yellow-400\";\n case \"high\":\n return \"text-orange-600 dark:text-orange-400\";\n case \"very_high\":\n return \"text-red-600 dark:text-red-400\";\n case \"extremely_high\":\n return \"text-red-700 dark:text-red-500\";\n default:\n return \"text-gray-600 dark:text-gray-400\";\n }\n };\n\n const getRiskIcon = (risk: HealthRisk) => {\n switch (risk) {\n case \"low\":\n case \"normal\":\n return ;\n case \"increased\":\n case \"high\":\n return ;\n case \"very_high\":\n case \"extremely_high\":\n return ;\n default:\n return ;\n }\n };\n\n const getBmiGradient = (category: BmiCategory) => {\n switch (category) {\n case \"severe_thinness\":\n return \"from-red-600 to-red-700\";\n case \"moderate_thinness\":\n return \"from-red-500 to-red-600\";\n case \"mild_thinness\":\n return \"from-blue-500 to-blue-600\";\n case \"normal\":\n return \"from-green-500 to-green-600\";\n case \"overweight\":\n return \"from-yellow-500 to-yellow-600\";\n case \"obese_class_1\":\n return \"from-orange-500 to-orange-600\";\n case \"obese_class_2\":\n return \"from-red-500 to-red-600\";\n case \"obese_class_3\":\n return \"from-red-600 to-red-700\";\n default:\n return \"from-gray-500 to-gray-600\";\n }\n };\n\n return (\n
\n {/* Main Results Grid */}\n
\n {/* BMI Value */}\n
\n \n
\n
{result.bmi}
\n
{t(\"bmi-calculator.your_bmi\")}
\n
\n
\n
\n\n {/* BMI Prime */}\n
\n
\n
\n
{result.bmiPrime}
\n
{t(\"bmi-calculator.bmi_prime\")}
\n
\n
\n
\n\n {/* Ponderal Index */}\n
\n
\n
\n
{result.ponderalIndex}
\n
{t(\"bmi-calculator.ponderal_index\")}
\n
\n
\n
\n
\n\n {/* Category and Risk */}\n
\n
\n

{t(\"bmi-calculator.bmi_category\")}

\n
\n {t(`bmi-calculator.category_${result.category}` as keyof typeof t)}\n
\n
\n BMI: {result.detailedInfo.bmiRange.min} - {result.detailedInfo.bmiRange.max}\n
\n
\n\n
\n

{t(\"bmi-calculator.health_risk\")}

\n
\n {getRiskIcon(result.healthRisk)}\n {t(`bmi-calculator.risk_${result.healthRisk}` as keyof typeof t)}\n
\n
\n
\n\n {/* Ideal Weight and Weight Goals */}\n
\n
\n

{t(\"bmi-calculator.ideal_weight\")}

\n
\n {result.detailedInfo.idealWeight.min} - {result.detailedInfo.idealWeight.max} kg\n
\n
{t(\"bmi-calculator.normal_range\")}
\n
\n\n {(result.detailedInfo.weightToLose || result.detailedInfo.weightToGain) && (\n
\n

\n {result.detailedInfo.weightToLose ? t(\"bmi-calculator.weight_to_lose\") : t(\"bmi-calculator.weight_to_gain\")}\n

\n \n {result.detailedInfo.weightToLose ? : }\n {result.detailedInfo.weightToLose || result.detailedInfo.weightToGain} kg\n
\n
\n )}\n
\n\n {/* Detailed BMI Range Reference */}\n
\n

\n {t(\"bmi-calculator.bmi_range\")} (WHO Classification)\n

\n
\n
\n {t(\"bmi-calculator.category_severe_thinness\")}\n {\"< 16\"}\n
\n
\n {t(\"bmi-calculator.category_moderate_thinness\")}\n 16.0 - 16.9\n
\n
\n {t(\"bmi-calculator.category_mild_thinness\")}\n 17.0 - 18.4\n
\n
\n {t(\"bmi-calculator.category_normal\")}\n 18.5 - 24.9\n
\n
\n {t(\"bmi-calculator.category_overweight\")}\n 25.0 - 29.9\n
\n
\n {t(\"bmi-calculator.category_obese_class_1\")}\n 30.0 - 34.9\n
\n
\n {t(\"bmi-calculator.category_obese_class_2\")}\n 35.0 - 39.9\n
\n
\n {t(\"bmi-calculator.category_obese_class_3\")}\n {\"≥ 40.0\"}\n
\n
\n
\n\n {/* BMI Prime Information */}\n
\n

{t(\"bmi-calculator.about_bmi_prime\")}

\n

{t(\"bmi-calculator.bmi_prime_explanation\")}

\n
\n
\n
{\"< 0.74\"}
\n
{t(\"bmi-calculator.underweight\")}
\n
\n
\n
0.74 - 1.0
\n
{t(\"bmi-calculator.normal\")}
\n
\n
\n
1.0 - 1.2
\n
{t(\"bmi-calculator.overweight\")}
\n
\n
\n
{\"> 1.2\"}
\n
{t(\"bmi-calculator.obese\")}
\n
\n
\n
\n\n {/* Recommendations */}\n
\n

\n {t(\"bmi-calculator.recommendations_label\")}\n

\n
    \n {result.recommendations.map((recommendation, index) => (\n
  • \n \n {recommendation}\n
    • \n ))}\n
\n
\n\n {/* BMI Limitations */}\n
\n
\n \n
\n

{t(\"bmi-calculator.limitations_title\")}

\n

{t(\"bmi-calculator.limitations_text\")}

\n
\n
\n
\n\n {/* Disclaimer */}\n
\n
\n \n

{t(\"bmi-calculator.disclaimer\")}

\n
\n
\n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/bmi-calculator/shared/components/BmiUnitSelector.tsx", "content": "\"use client\";\n\nimport React from \"react\";\n\nimport { useI18n } from \"locales/client\";\nimport { UnitSystem } from \"app/[locale]/(app)/tools/bmi-calculator/bmi-calculator.utils\";\n\ninterface BmiUnitSelectorProps {\n value: UnitSystem;\n onChange: (unit: UnitSystem) => void;\n}\n\nexport function BmiUnitSelector({ value, onChange }: BmiUnitSelectorProps) {\n const t = useI18n();\n\n return (\n
\n \n
\n onChange(\"metric\")}\n >\n {t(\"bmi-calculator.metric\")}\n \n onChange(\"imperial\")}\n >\n {t(\"bmi-calculator.imperial\")}\n \n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/bmi-calculator/shared/components/BmiWeightInput.tsx", "content": "\"use client\";\n\nimport React from \"react\";\n\nimport { useI18n } from \"locales/client\";\nimport { UnitSystem } from \"app/[locale]/(app)/tools/bmi-calculator/bmi-calculator.utils\";\n\ninterface BmiWeightInputProps {\n value: number;\n unit: UnitSystem;\n onChange: (weight: number) => void;\n}\n\nexport function BmiWeightInput({ value, unit, onChange }: BmiWeightInputProps) {\n const t = useI18n();\n const unitLabel = unit === \"metric\" ? t(\"bmi-calculator.kg\") : t(\"bmi-calculator.lbs\");\n const min = unit === \"metric\" ? 30 : 66;\n const max = unit === \"metric\" ? 300 : 660;\n\n return (\n
\n \n
\n onChange(Number(e.target.value))}\n placeholder={t(\"bmi-calculator.weight_placeholder\")}\n step=\"0.1\"\n type=\"number\"\n value={value}\n />\n \n {unitLabel}\n \n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/bmi-calculator/shared/components/MathEquation.tsx", "content": "\"use client\";\n\ninterface MathEquationProps {\n equation: string;\n display?: boolean;\n className?: string;\n}\n\nexport function MathEquation({ equation, display = false, className = \"\" }: MathEquationProps) {\n return (\n
\n \n
\n );\n}\n\ninterface FormulaCardProps {\n title: string;\n equation: string;\n example?: string;\n description?: string;\n className?: string;\n}\n\nexport function FormulaCard({ title, equation, example, description, className = \"\" }: FormulaCardProps) {\n return (\n
\n

{title}

\n\n
\n
\n
\n
\n
\n\n {description &&

{description}

}\n\n {example && (\n
\n

Example:

\n
\n
\n
\n
\n )}\n
\n );\n}\n\n// Helper function to create fraction notation\nexport function createFraction(numerator: string, denominator: string): string {\n return `\n
\n
${numerator}
\n
${denominator}
\n
\n `;\n}\n\n// Helper function for superscript\nexport function createSuperscript(base: string, exponent: string): string {\n return `${base}${exponent}`;\n}\n\n// Helper function for subscript\nexport function createSubscript(base: string, subscript: string): string {\n return `${base}${subscript}`;\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/CalorieCalculatorHub.tsx", "content": "\"use client\";\n\nimport React from \"react\";\nimport Link from \"next/link\";\nimport { TrendingUpIcon, AwardIcon, TargetIcon, BrainIcon, GlobeIcon, ChartBarIcon } from \"lucide-react\";\n\nimport { useI18n } from \"locales/client\";\nimport { env } from \"@/env\";\nimport { HorizontalBottomBanner, HorizontalTopBanner } from \"@/components/ads\";\n\ninterface CalculatorFormula {\n id: string;\n href: string;\n icon: React.ReactNode;\n year: string;\n popularity: number; // 1-5\n accuracy: \"high\" | \"medium\" | \"good\";\n bestFor: string;\n gradient: {\n from: string;\n to: string;\n };\n}\n\nconst calculatorFormulas: CalculatorFormula[] = [\n {\n id: \"mifflin-st-jeor\",\n href: \"/tools/calorie-calculator/mifflin-st-jeor-calculator\",\n icon: ,\n year: \"1990\",\n popularity: 5,\n accuracy: \"high\",\n bestFor: \"general\",\n gradient: {\n from: \"from-[#4F8EF7]\",\n to: \"to-[#238BE6]\",\n },\n },\n {\n id: \"harris-benedict\",\n href: \"/tools/calorie-calculator/harris-benedict-calculator\",\n icon: ,\n year: \"1984\",\n popularity: 5,\n accuracy: \"good\",\n bestFor: \"traditional\",\n gradient: {\n from: \"from-[#25CB78]\",\n to: \"to-[#22C55E]\",\n },\n },\n {\n id: \"katch-mcardle\",\n href: \"/tools/calorie-calculator/katch-mcardle-calculator\",\n icon: ,\n year: \"1996\",\n popularity: 3,\n accuracy: \"high\",\n bestFor: \"athletes\",\n gradient: {\n from: \"from-[#FF5722]\",\n to: \"to-[#EF4444]\",\n },\n },\n {\n id: \"cunningham\",\n href: \"/tools/calorie-calculator/cunningham-calculator\",\n icon: ,\n year: \"1980\",\n popularity: 2,\n accuracy: \"high\",\n bestFor: \"bodybuilders\",\n gradient: {\n from: \"from-[#8B5CF6]\",\n to: \"to-[#7C3AED]\",\n },\n },\n {\n id: \"oxford\",\n href: \"/tools/calorie-calculator/oxford-calculator\",\n icon: ,\n year: \"2005\",\n popularity: 3,\n accuracy: \"good\",\n bestFor: \"european\",\n gradient: {\n from: \"from-[#F59E0B]\",\n to: \"to-[#EF4444]\",\n },\n },\n {\n id: \"comparison\",\n href: \"/tools/calorie-calculator/calorie-calculator-comparison\",\n icon: ,\n year: \"all\",\n popularity: 4,\n accuracy: \"high\",\n bestFor: \"comparison\",\n gradient: {\n from: \"from-[#06B6D4]\",\n to: \"to-[#3B82F6]\",\n },\n },\n];\n\nexport function CalorieCalculatorHub() {\n const t = useI18n();\n\n const renderStars = (count: number) => {\n return Array.from({ length: 5 }, (_, i) => (\n \n ★\n \n ));\n };\n\n const getAccuracyColor = (accuracy: string) => {\n switch (accuracy) {\n case \"high\":\n return \"text-green-600 dark:text-green-400\";\n case \"good\":\n return \"text-blue-600 dark:text-blue-400\";\n default:\n return \"text-orange-600 dark:text-orange-400\";\n }\n };\n\n return (\n
\n {/* Introduction */}\n {env.NEXT_PUBLIC_TOP_CALCULATOR_HUB_BANNER_AD_SLOT && (\n \n )}\n
\n

\n {t(\"tools.calorie-calculator-hub.title\")}\n

\n

{t(\"tools.calorie-calculator-hub.subtitle\")}

\n
\n\n {/* Calculator Cards */}\n
\n {calculatorFormulas.map((formula) => (\n \n \n\n
\n {/* Header */}\n
\n
\n {formula.icon}\n
\n
\n\n {/* Title */}\n

\n {t(`tools.calorie-calculator-hub.${formula.id}.title` as keyof typeof t)}\n

\n\n {/* Year Badge */}\n
\n \n {formula.year === \"all\"\n ? t(\"tools.calorie-calculator-hub.all_formulas\")\n : `${t(\"tools.calorie-calculator-hub.since\")} ${formula.year}`}\n \n
\n\n {/* Description */}\n

\n {t(`tools.calorie-calculator-hub.${formula.id}.description` as keyof typeof t)}\n

\n\n {/* Stats */}\n
\n
\n {t(\"tools.calorie-calculator-hub.popularity\")}\n {renderStars(formula.popularity)}\n
\n
\n {t(\"tools.calorie-calculator-hub.accuracy\")}\n \n {t(`tools.calorie-calculator-hub.accuracy_${formula.accuracy}`)}\n \n
\n
\n {t(\"tools.calorie-calculator-hub.best_for\")}\n \n {t(`tools.calorie-calculator-hub.best_for_${formula.bestFor}` as keyof typeof t)}\n \n
\n
\n\n {/* Best For Badge */}\n
\n \n ))}\n
\n\n {env.NEXT_PUBLIC_BOTTOM_CALCULATOR_HUB_BANNER_AD_SLOT && (\n \n )}\n\n {/* Info Section */}\n
\n

\n {t(\"tools.calorie-calculator-hub.which_formula\")}\n

\n
\n

{t(\"tools.calorie-calculator-hub.formula_explanation\")}

\n
    \n
  • \n \n {t(\"tools.calorie-calculator-hub.mifflin-st-jeor.title\")}:\n {\" \"}\n {t(\"tools.calorie-calculator-hub.recommendation_general\")}\n
    • \n
  • \n \n {t(\"tools.calorie-calculator-hub.harris-benedict.title\")}:\n {\" \"}\n {t(\"tools.calorie-calculator-hub.recommendation_traditional\")}\n
    • \n
  • \n \n {t(\"tools.calorie-calculator-hub.katch-mcardle.title\")}:\n {\" \"}\n {t(\"tools.calorie-calculator-hub.recommendation_bodyfat\")}\n
    • \n
\n
\n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/calorie-calculator-comparison/CalorieCalculatorComparison.tsx", "content": "\"use client\";\n\nimport React, { useState } from \"react\";\n\nimport { useI18n } from \"locales/client\";\nimport { BodyFatInput } from \"app/[locale]/(app)/tools/calorie-calculator/shared/components/BodyFatInput\";\nimport {\n ActivityLevelSelector,\n AgeInput,\n GenderSelector,\n GoalSelector,\n HeightInput,\n UnitSelector,\n WeightInput,\n} from \"app/[locale]/(app)/tools/calorie-calculator/shared/components\";\nimport {\n calculateCalories,\n CalorieCalculatorInputs,\n CalorieResults,\n} from \"app/[locale]/(app)/tools/calorie-calculator/shared/calorie-formulas.utils\";\nimport { env } from \"@/env\";\nimport { HorizontalBottomBanner } from \"@/components/ads\";\n\ninterface FormulaResult {\n name: string;\n formula: \"mifflin\" | \"harris\" | \"katch\" | \"cunningham\" | \"oxford\";\n results: CalorieResults | null;\n error?: string;\n gradient: {\n from: string;\n to: string;\n };\n}\n\nexport function CalorieCalculatorComparison() {\n const t = useI18n();\n\n const [inputs, setInputs] = useState({\n gender: \"male\",\n unit: \"metric\",\n age: 25,\n height: 170,\n weight: 70,\n activityLevel: \"moderate\",\n goal: \"maintain\",\n bodyFatPercentage: 15,\n });\n\n const [isCalculating, setIsCalculating] = useState(false);\n const [formulaResults, setFormulaResults] = useState([]);\n\n const formulas: FormulaResult[] = [\n {\n name: t(\"tools.calorie-calculator-hub.mifflin-st-jeor.title\"),\n formula: \"mifflin\",\n results: null,\n gradient: { from: \"from-[#4F8EF7]\", to: \"to-[#238BE6]\" },\n },\n {\n name: t(\"tools.calorie-calculator-hub.harris-benedict.title\"),\n formula: \"harris\",\n results: null,\n gradient: { from: \"from-[#25CB78]\", to: \"to-[#22C55E]\" },\n },\n {\n name: t(\"tools.calorie-calculator-hub.katch-mcardle.title\"),\n formula: \"katch\",\n results: null,\n gradient: { from: \"from-[#FF5722]\", to: \"to-[#EF4444]\" },\n },\n {\n name: t(\"tools.calorie-calculator-hub.cunningham.title\"),\n formula: \"cunningham\",\n results: null,\n gradient: { from: \"from-[#8B5CF6]\", to: \"to-[#7C3AED]\" },\n },\n {\n name: t(\"tools.calorie-calculator-hub.oxford.title\"),\n formula: \"oxford\",\n results: null,\n gradient: { from: \"from-[#F59E0B]\", to: \"to-[#EF4444]\" },\n },\n ];\n\n const handleCalculate = () => {\n setIsCalculating(true);\n\n setTimeout(() => {\n const results = formulas.map((formula) => {\n try {\n const calculatedResults = calculateCalories(inputs, formula.formula);\n return {\n ...formula,\n results: calculatedResults,\n error: undefined,\n };\n } catch (error) {\n return {\n ...formula,\n results: null,\n error: error instanceof Error ? error.message : \"Calculation error\",\n };\n }\n });\n\n setFormulaResults(results);\n setIsCalculating(false);\n }, 500);\n };\n\n const updateInput = (key: K, value: CalorieCalculatorInputs[K]) => {\n setInputs((prev) => ({ ...prev, [key]: value }));\n };\n\n const getResultDifference = (result: CalorieResults, baseline: CalorieResults) => {\n const diff = result.targetCalories - baseline.targetCalories;\n const percentage = (diff / baseline.targetCalories) * 100;\n return { diff, percentage };\n };\n\n const baseline = formulaResults.find((r) => r.formula === \"mifflin\")?.results;\n\n return (\n
\n {/* Input Form */}\n
\n

\n {t(\"tools.calorie-calculator-comparison.input_details\")}\n

\n\n
\n
\n updateInput(\"gender\", gender)} value={inputs.gender} />\n updateInput(\"unit\", unit)} value={inputs.unit} />\n
\n\n updateInput(\"age\", age)} value={inputs.age} />\n\n
\n updateInput(\"height\", height)} unit={inputs.unit} value={inputs.height} />\n updateInput(\"weight\", weight)} unit={inputs.unit} value={inputs.weight} />\n
\n\n updateInput(\"bodyFatPercentage\", bodyFat)} value={inputs.bodyFatPercentage || 15} />\n\n updateInput(\"activityLevel\", level)} value={inputs.activityLevel} />\n\n updateInput(\"goal\", goal)} value={inputs.goal} />\n\n {env.NEXT_PUBLIC_BOTTOM_CALORIE_CALCULATOR_COMPARISON_AD_SLOT && (\n \n )}\n {/* Calculate Button */}\n \n {isCalculating ? (\n \n \n \n \n \n {t(\"tools.calorie-calculator.calculating\")}\n \n ) : (\n `${t(\"tools.calorie-calculator.calculate\")} & ${t(\"tools.calorie-calculator-comparison.compare\")}`\n )}\n \n
\n
\n\n {/* Results Comparison */}\n {formulaResults.length > 0 && (\n
\n

\n {t(\"tools.calorie-calculator-comparison.results_comparison\")}\n

\n\n {/* Results Grid */}\n
\n {formulaResults.map((formula, index) => (\n \n \n\n
\n
\n \n #{index + 1}\n
\n

{formula.name}

\n
\n\n {formula.error ? (\n
{formula.error}
\n ) : formula.results ? (\n
\n
\n
\n {formula.results.targetCalories} cal\n
\n
{t(\"tools.calorie-calculator.results.target\")}
\n
\n\n
\n
\n
{formula.results.bmr}
\n
BMR
\n
\n
\n
{formula.results.tdee}
\n
TDEE
\n
\n
\n\n {baseline && formula.formula !== \"mifflin\" && (\n
\n
{t(\"tools.calorie-calculator-comparison.vs_mifflin\")}
\n {(() => {\n const { diff, percentage } = getResultDifference(formula.results, baseline);\n return (\n 0 ? \"text-orange-600\" : diff < 0 ? \"text-blue-600\" : \"text-gray-600\"}`}\n >\n {diff > 0 ? \"+\" : \"\"}\n {diff} cal ({percentage > 0 ? \"+\" : \"\"}\n {percentage.toFixed(1)}%)\n
\n );\n })()}\n
\n )}\n
\n ) : null}\n
\n
\n ))}\n
\n\n {/* Summary */}\n {baseline && (\n
\n

\n {t(\"tools.calorie-calculator-comparison.summary\")}\n

\n
\n

{t(\"tools.calorie-calculator-comparison.summary_explanation\")}

\n

{t(\"tools.calorie-calculator-comparison.recommendation\")}

\n
\n
\n )}\n
\n )}\n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/calorie-calculator-comparison/page.tsx", "content": "import React from \"react\";\nimport Link from \"next/link\";\nimport { Metadata } from \"next\";\nimport { ChevronLeftIcon } from \"lucide-react\";\n\nimport { getI18n } from \"locales/server\";\nimport { getServerUrl } from \"@/shared/lib/server-url\";\nimport { env } from \"@/env\";\nimport { generateSEOMetadata, SEOScripts } from \"@/components/seo/SEOHead\";\nimport { HorizontalTopBanner } from \"@/components/ads\";\n\nimport { CalorieCalculatorComparison } from \"./CalorieCalculatorComparison\";\n\nexport async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise {\n const { locale } = await params;\n const t = await getI18n();\n\n return generateSEOMetadata({\n title: t(\"tools.calorie-calculator-comparison.meta.title\"),\n description: t(\"tools.calorie-calculator-comparison.meta.description\"),\n keywords: t(\"tools.calorie-calculator-comparison.meta.keywords\").split(\", \"),\n locale,\n canonical: `${getServerUrl()}/${locale}/tools/calorie-calculator-comparison`,\n structuredData: {\n type: \"Calculator\",\n calculatorData: {\n calculatorType: \"calorie\",\n inputFields: [\"gender\", \"age\", \"height\", \"weight\", \"body fat percentage\", \"activity level\", \"goal\"],\n outputFields: [\"BMR comparison\", \"TDEE comparison\", \"accuracy analysis\", \"formula recommendations\"],\n formula: \"Multi-Formula Comparison Tool\",\n accuracy: \"Comprehensive accuracy analysis across 5 formulas\",\n targetAudience: [\"fitness professionals\", \"researchers\", \"health enthusiasts\", \"Cal the Chef users\"],\n relatedCalculators: [\n \"calorie-calculator\",\n \"mifflin-st-jeor-calculator\",\n \"harris-benedict-calculator\",\n \"katch-mcardle-calculator\",\n \"cunningham-calculator\",\n \"oxford-calculator\",\n ],\n },\n },\n });\n}\n\nexport default async function CalorieCalculatorComparisonPage({ params }: { params: Promise<{ locale: string }> }) {\n const { locale } = await params;\n const t = await getI18n();\n\n return (\n <>\n \n
\n
\n {env.NEXT_PUBLIC_TOP_CALORIE_CALCULATOR_COMPARISON_AD_SLOT && (\n \n )}\n {/* Back to hub */}\n \n \n {t(\"tools.back_to_calculators\")}\n \n\n
\n

\n {t(\"tools.calorie-calculator-comparison.title\")}\n

\n \n {t(\"tools.calorie-calculator-comparison.subtitle\")}\n

\n
\n\n {/* Educational Section */}\n \n

\n {t(\"tools.calorie-calculator-comparison.how_it_works\")}\n

\n
\n

{t(\"tools.calorie-calculator-comparison.how_it_works_description\")}

\n
\n
\n\n \n
\n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/calorie-calculator.utils.ts", "content": "// Types for the calorie calculator\nexport type Gender = \"male\" | \"female\";\nexport type UnitSystem = \"metric\" | \"imperial\";\nexport type ActivityLevel = \"sedentary\" | \"light\" | \"moderate\" | \"active\" | \"very_active\";\nexport type Goal = \"lose_fast\" | \"lose_slow\" | \"maintain\" | \"gain_slow\" | \"gain_fast\";\n\nexport interface CalorieCalculatorInputs {\n gender: Gender;\n unit: UnitSystem;\n age: number;\n height: number; // cm for metric, inches for imperial\n weight: number; // kg for metric, lbs for imperial\n activityLevel: ActivityLevel;\n goal: Goal;\n}\n\nexport interface CalorieResults {\n bmr: number; // Basal Metabolic Rate\n tdee: number; // Total Daily Energy Expenditure\n targetCalories: number; // Based on goal\n proteinGrams: number;\n carbsGrams: number;\n fatGrams: number;\n}\n\n// Activity level multipliers\nconst ACTIVITY_MULTIPLIERS: Record = {\n sedentary: 1.2, // Little to no exercise\n light: 1.375, // Light exercise 1-3 days/week\n moderate: 1.55, // Moderate exercise 3-5 days/week\n active: 1.725, // Heavy exercise 6-7 days/week\n very_active: 1.9, // Very heavy physical job or training\n};\n\n// Goal adjustments (calories per day)\nconst GOAL_ADJUSTMENTS: Record = {\n lose_fast: -1000, // Lose 2 lbs/week\n lose_slow: -500, // Lose 1 lb/week\n maintain: 0,\n gain_slow: 500, // Gain 1 lb/week\n gain_fast: 1000, // Gain 2 lbs/week\n};\n\n/**\n * Convert imperial units to metric for calculation\n */\nfunction convertToMetric(inputs: CalorieCalculatorInputs): {\n weight: number;\n height: number;\n} {\n if (inputs.unit === \"metric\") {\n return {\n weight: inputs.weight,\n height: inputs.height,\n };\n }\n\n // Convert lbs to kg and inches to cm\n return {\n weight: inputs.weight * 0.453592,\n height: inputs.height * 2.54,\n };\n}\n\n/**\n * Calculate BMR using Mifflin-St Jeor Equation\n * Men: BMR = 10 × weight(kg) + 6.25 × height(cm) - 5 × age(years) + 5\n * Women: BMR = 10 × weight(kg) + 6.25 × height(cm) - 5 × age(years) - 161\n */\nfunction calculateBMR(inputs: CalorieCalculatorInputs): number {\n const { weight, height } = convertToMetric(inputs);\n\n const baseBMR = 10 * weight + 6.25 * height - 5 * inputs.age;\n\n if (inputs.gender === \"male\") {\n return baseBMR + 5;\n } else {\n return baseBMR - 161;\n }\n}\n\n/**\n * Calculate macros based on target calories\n * Using a balanced approach: 30% protein, 40% carbs, 30% fat\n */\nfunction calculateMacros(targetCalories: number): {\n proteinGrams: number;\n carbsGrams: number;\n fatGrams: number;\n} {\n const proteinCalories = targetCalories * 0.3;\n const carbsCalories = targetCalories * 0.4;\n const fatCalories = targetCalories * 0.3;\n\n // Protein and carbs = 4 calories per gram, fat = 9 calories per gram\n return {\n proteinGrams: Math.round(proteinCalories / 4),\n carbsGrams: Math.round(carbsCalories / 4),\n fatGrams: Math.round(fatCalories / 9),\n };\n}\n\n/**\n * Main calculation function\n */\nexport function calculateTDEE(inputs: CalorieCalculatorInputs): CalorieResults {\n const bmr = calculateBMR(inputs);\n const tdee = bmr * ACTIVITY_MULTIPLIERS[inputs.activityLevel];\n const targetCalories = tdee + GOAL_ADJUSTMENTS[inputs.goal];\n\n // Ensure minimum calories (never go below 1200 for safety)\n const safeTargetCalories = Math.max(1200, targetCalories);\n\n const macros = calculateMacros(safeTargetCalories);\n\n return {\n bmr: Math.round(bmr),\n tdee: Math.round(tdee),\n targetCalories: Math.round(safeTargetCalories),\n ...macros,\n };\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/cunningham-calculator/page.tsx", "content": "import React from \"react\";\nimport Link from \"next/link\";\nimport { Metadata } from \"next\";\nimport { ChevronLeftIcon } from \"lucide-react\";\n\nimport { getI18n } from \"locales/server\";\nimport { CalorieCalculatorClient } from \"app/[locale]/(app)/tools/calorie-calculator/shared/CalorieCalculatorClient\";\nimport { calculatorConfigs } from \"app/[locale]/(app)/tools/calorie-calculator/shared/calculator-configs\";\nimport { getServerUrl } from \"@/shared/lib/server-url\";\nimport { env } from \"@/env\";\nimport { generateSEOMetadata, SEOScripts } from \"@/components/seo/SEOHead\";\nimport { HorizontalTopBanner } from \"@/components/ads\";\nimport \"../styles.css\";\n\nexport async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise {\n const { locale } = await params;\n const t = await getI18n();\n\n return generateSEOMetadata({\n title: t(\"tools.cunningham.meta.title\"),\n description: t(\"tools.cunningham.meta.description\"),\n keywords: t(\"tools.cunningham.meta.keywords\").split(\", \"),\n locale,\n canonical: `${getServerUrl()}/${locale}/tools/cunningham-calculator`,\n structuredData: {\n type: \"Calculator\",\n calculatorData: {\n calculatorType: \"calorie\",\n inputFields: [\"gender\", \"age\", \"height\", \"weight\", \"body fat percentage\", \"activity level\", \"goal\"],\n outputFields: [\"BMR (Cunningham)\", \"lean body mass\", \"TDEE\", \"target calories\", \"recommended macros\"],\n formula: \"Cunningham Equation - Active Individual Formula\",\n accuracy: \"Excellent accuracy for active individuals with known body fat (±5% error rate)\",\n targetAudience: [\"active athletes\", \"trained individuals\", \"bodybuilders\", \"fitness enthusiasts\", \"Cal the Chef users\"],\n relatedCalculators: [\n \"calorie-calculator\",\n \"mifflin-st-jeor-calculator\",\n \"harris-benedict-calculator\",\n \"katch-mcardle-calculator\",\n \"calorie-calculator-comparison\",\n ],\n },\n },\n });\n}\n\nexport default async function CunninghamCalculatorPage({ params }: { params: Promise<{ locale: string }> }) {\n const { locale } = await params;\n const t = await getI18n();\n\n return (\n <>\n \n
\n {env.NEXT_PUBLIC_TOP_CUNNINGHAM_CALCULATOR_AD_SLOT && (\n \n )}\n
\n {/* Back to hub */}\n \n \n {t(\"tools.back_to_calculators\")}\n \n\n
\n

\n {t(\"tools.cunningham.title\")}\n

\n \n {t(\"tools.cunningham.subtitle\")}\n

\n
\n\n {/* Educational Section */}\n \n

{t(\"tools.cunningham.how_it_works\")}

\n
\n

{t(\"tools.cunningham.how_it_works_description\")}

\n
\n

\n Cunningham: BMR = 500 + (22 × lean body mass)\n
\n Lean Body Mass: Weight(kg) × (1 - body fat %/100)\n

\n
\n
\n
\n\n \n
\n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/harris-benedict-calculator/page.tsx", "content": "import React from \"react\";\nimport Link from \"next/link\";\nimport { Metadata } from \"next\";\nimport { ChevronLeftIcon } from \"lucide-react\";\n\nimport { getI18n } from \"locales/server\";\nimport { CalorieCalculatorClient } from \"app/[locale]/(app)/tools/calorie-calculator/shared/CalorieCalculatorClient\";\nimport { calculatorConfigs } from \"app/[locale]/(app)/tools/calorie-calculator/shared/calculator-configs\";\nimport { getServerUrl } from \"@/shared/lib/server-url\";\nimport { env } from \"@/env\";\nimport { generateSEOMetadata, SEOScripts } from \"@/components/seo/SEOHead\";\nimport { HorizontalTopBanner } from \"@/components/ads\";\nimport \"../styles.css\";\n\nexport async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise {\n const { locale } = await params;\n const t = await getI18n();\n\n return generateSEOMetadata({\n title: t(\"tools.harris-benedict.meta.title\"),\n description: t(\"tools.harris-benedict.meta.description\"),\n keywords: t(\"tools.harris-benedict.meta.keywords\").split(\", \"),\n locale,\n canonical: `${getServerUrl()}/${locale}/tools/harris-benedict-calculator`,\n structuredData: {\n type: \"Calculator\",\n calculatorData: {\n calculatorType: \"calorie\",\n inputFields: [\"gender\", \"age\", \"height\", \"weight\", \"activity level\", \"goal\"],\n outputFields: [\"BMR (Harris-Benedict)\", \"TDEE\", \"target calories\", \"recommended macros\"],\n formula: \"Harris-Benedict Equation (1984) - Classic Formula\",\n accuracy: \"Good accuracy for most adults (±10-15% error rate)\",\n targetAudience: [\"adults\", \"fitness enthusiasts\", \"health conscious individuals\", \"Cal the Chef users\"],\n relatedCalculators: [\n \"calorie-calculator\",\n \"mifflin-st-jeor-calculator\",\n \"katch-mcardle-calculator\",\n \"calorie-calculator-comparison\",\n ],\n },\n },\n });\n}\n\nexport default async function HarrisBenedictCalculatorPage({ params }: { params: Promise<{ locale: string }> }) {\n const { locale } = await params;\n const t = await getI18n();\n\n return (\n <>\n \n
\n {env.NEXT_PUBLIC_TOP_HARRIS_BENEDICT_CALCULATOR_AD_SLOT && (\n \n )}\n
\n {/* Back to hub */}\n \n \n {t(\"tools.back_to_calculators\")}\n \n\n
\n

\n {t(\"tools.harris-benedict.title\")}\n

\n \n {t(\"tools.harris-benedict.subtitle\")}\n

\n
\n\n {/* Educational Section */}\n \n

\n {t(\"tools.harris-benedict.how_it_works\")}\n

\n
\n

{t(\"tools.harris-benedict.how_it_works_description\")}

\n
\n

\n Men: BMR = 88.362 + (13.397 × weight) + (4.799 × height) - (5.677 × age)\n
\n Women: BMR = 447.593 + (9.247 × weight) + (3.098 × height) - (4.330 × age)\n

\n
\n
\n
\n\n \n
\n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/katch-mcardle-calculator/page.tsx", "content": "import React from \"react\";\nimport Link from \"next/link\";\nimport { Metadata } from \"next\";\nimport { ChevronLeftIcon } from \"lucide-react\";\n\nimport { getI18n } from \"locales/server\";\nimport { CalorieCalculatorClient } from \"app/[locale]/(app)/tools/calorie-calculator/shared/CalorieCalculatorClient\";\nimport { calculatorConfigs } from \"app/[locale]/(app)/tools/calorie-calculator/shared/calculator-configs\";\nimport { getServerUrl } from \"@/shared/lib/server-url\";\nimport { env } from \"@/env\";\nimport { generateSEOMetadata, SEOScripts } from \"@/components/seo/SEOHead\";\nimport { HorizontalTopBanner } from \"@/components/ads\";\nimport \"../styles.css\";\n\nexport async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise {\n const { locale } = await params;\n const t = await getI18n();\n\n return generateSEOMetadata({\n title: t(\"tools.katch-mcardle.meta.title\"),\n description: t(\"tools.katch-mcardle.meta.description\"),\n keywords: t(\"tools.katch-mcardle.meta.keywords\").split(\", \"),\n locale,\n canonical: `${getServerUrl()}/${locale}/tools/katch-mcardle-calculator`,\n structuredData: {\n type: \"Calculator\",\n calculatorData: {\n calculatorType: \"calorie\",\n inputFields: [\"gender\", \"age\", \"height\", \"weight\", \"body fat percentage\", \"activity level\", \"goal\"],\n outputFields: [\"BMR (Katch-McArdle)\", \"lean body mass\", \"TDEE\", \"target calories\", \"recommended macros\"],\n formula: \"Katch-McArdle Equation - Body Composition Based\",\n accuracy: \"Highest accuracy for lean individuals with known body fat (±5% error rate)\",\n targetAudience: [\"athletes\", \"bodybuilders\", \"fitness professionals\", \"lean individuals\", \"Cal the Chef users\"],\n relatedCalculators: [\n \"calorie-calculator\",\n \"mifflin-st-jeor-calculator\",\n \"harris-benedict-calculator\",\n \"cunningham-calculator\",\n \"calorie-calculator-comparison\",\n ],\n },\n },\n });\n}\n\nexport default async function KatchMcArdleCalculatorPage({ params }: { params: Promise<{ locale: string }> }) {\n const { locale } = await params;\n const t = await getI18n();\n\n return (\n <>\n \n
\n {env.NEXT_PUBLIC_TOP_KATCH_MCARDLE_CALCULATOR_AD_SLOT && (\n \n )}\n
\n {/* Back to hub */}\n \n \n {t(\"tools.back_to_calculators\")}\n \n\n
\n

\n {t(\"tools.katch-mcardle.title\")}\n

\n \n {t(\"tools.katch-mcardle.subtitle\")}\n

\n
\n\n {/* Educational Section */}\n \n

{t(\"tools.katch-mcardle.how_it_works\")}

\n
\n

{t(\"tools.katch-mcardle.how_it_works_description\")}

\n
\n

\n Katch-McArdle: BMR = 370 + (21.6 × lean body mass)\n
\n Lean Body Mass: Weight(kg) × (1 - body fat %/100)\n

\n
\n
\n
\n\n \n
\n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/mifflin-st-jeor-calculator/page.tsx", "content": "import React from \"react\";\nimport Link from \"next/link\";\nimport { Metadata } from \"next\";\nimport { ChevronLeftIcon } from \"lucide-react\";\n\nimport { getI18n } from \"locales/server\";\nimport { CalorieCalculatorClient } from \"app/[locale]/(app)/tools/calorie-calculator/shared/CalorieCalculatorClient\";\nimport { calculatorConfigs } from \"app/[locale]/(app)/tools/calorie-calculator/shared/calculator-configs\";\nimport { getServerUrl } from \"@/shared/lib/server-url\";\nimport { env } from \"@/env\";\nimport { generateSEOMetadata, SEOScripts } from \"@/components/seo/SEOHead\";\nimport { HorizontalTopBanner } from \"@/components/ads\";\n\nimport \"../styles.css\";\n\nexport async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise {\n const { locale } = await params;\n const t = await getI18n();\n\n return generateSEOMetadata({\n title: t(\"tools.mifflin-st-jeor.meta.title\"),\n description: t(\"tools.mifflin-st-jeor.meta.description\"),\n keywords: t(\"tools.mifflin-st-jeor.meta.keywords\").split(\", \"),\n locale,\n canonical: `${getServerUrl()}/${locale}/tools/mifflin-st-jeor-calculator`,\n structuredData: {\n type: \"Calculator\",\n calculatorData: {\n calculatorType: \"calorie\",\n inputFields: [\"gender\", \"age\", \"height\", \"weight\", \"activity level\", \"goal\"],\n outputFields: [\"BMR (Mifflin-St Jeor)\", \"TDEE\", \"target calories\", \"recommended macros\"],\n formula: \"Mifflin-St Jeor Equation (1990) - Gold Standard\",\n accuracy: \"Most accurate for general population (±5-10% error rate)\",\n targetAudience: [\"general population\", \"fitness beginners\", \"health conscious individuals\", \"Cal the Chef users\"],\n relatedCalculators: [\n \"calorie-calculator\",\n \"harris-benedict-calculator\",\n \"katch-mcardle-calculator\",\n \"calorie-calculator-comparison\",\n ],\n },\n },\n });\n}\n\nexport default async function MifflinStJeorCalculatorPage({ params }: { params: Promise<{ locale: string }> }) {\n const { locale } = await params;\n const t = await getI18n();\n\n return (\n <>\n \n
\n {env.NEXT_PUBLIC_TOP_MIFFLIN_ST_JEOR_CALCULATOR_AD_SLOT && (\n \n )}\n
\n {/* Back to hub */}\n \n \n {t(\"tools.back_to_calculators\")}\n \n\n
\n

\n {t(\"tools.mifflin-st-jeor.title\")}\n

\n \n {t(\"tools.mifflin-st-jeor.subtitle\")}\n

\n
\n\n {/* Educational Section */}\n \n

\n {t(\"tools.mifflin-st-jeor.how_it_works\")}\n

\n
\n

{t(\"tools.mifflin-st-jeor.how_it_works_description\")}

\n
\n

\n Men: BMR = 10 × weight(kg) + 6.25 × height(cm) - 5 × age + 5
\n Women: BMR = 10 × weight(kg) + 6.25 × height(cm) - 5 × age - 161\n

\n
\n
\n
\n\n \n
\n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/oxford-calculator/page.tsx", "content": "import React from \"react\";\nimport Link from \"next/link\";\nimport { Metadata } from \"next\";\nimport { ChevronLeftIcon } from \"lucide-react\";\n\nimport { getI18n } from \"locales/server\";\nimport { CalorieCalculatorClient } from \"app/[locale]/(app)/tools/calorie-calculator/shared/CalorieCalculatorClient\";\nimport { calculatorConfigs } from \"app/[locale]/(app)/tools/calorie-calculator/shared/calculator-configs\";\nimport { getServerUrl } from \"@/shared/lib/server-url\";\nimport { env } from \"@/env\";\nimport { generateSEOMetadata, SEOScripts } from \"@/components/seo/SEOHead\";\nimport { HorizontalTopBanner } from \"@/components/ads\";\nimport \"../styles.css\";\n\nexport async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise {\n const { locale } = await params;\n const t = await getI18n();\n\n return generateSEOMetadata({\n title: t(\"tools.oxford.meta.title\"),\n description: t(\"tools.oxford.meta.description\"),\n keywords: t(\"tools.oxford.meta.keywords\").split(\", \"),\n locale,\n canonical: `${getServerUrl()}/${locale}/tools/oxford-calculator`,\n structuredData: {\n type: \"Calculator\",\n calculatorData: {\n calculatorType: \"calorie\",\n inputFields: [\"gender\", \"age\", \"height\", \"weight\", \"physical activity\", \"goal\"],\n outputFields: [\"BMR (Oxford)\", \"TDEE\", \"target calories\", \"recommended macros\"],\n formula: \"Oxford Equation (2005) - Physical Activity Based\",\n accuracy: \"Modern accuracy incorporating physical activity (±8-12% error rate)\",\n targetAudience: [\"modern populations\", \"diverse ethnicities\", \"health professionals\", \"Cal the Chef users\"],\n relatedCalculators: [\n \"calorie-calculator\",\n \"mifflin-st-jeor-calculator\",\n \"harris-benedict-calculator\",\n \"katch-mcardle-calculator\",\n \"calorie-calculator-comparison\",\n ],\n },\n },\n });\n}\n\nexport default async function OxfordCalculatorPage({ params }: { params: Promise<{ locale: string }> }) {\n const { locale } = await params;\n const t = await getI18n();\n\n return (\n <>\n \n
\n {env.NEXT_PUBLIC_TOP_OXFORD_CALCULATOR_AD_SLOT && }\n
\n {/* Back to hub */}\n \n \n {t(\"tools.back_to_calculators\")}\n \n\n
\n

\n {t(\"tools.oxford.title\")}\n

\n \n {t(\"tools.oxford.subtitle\")}\n

\n
\n\n {/* Educational Section */}\n \n

{t(\"tools.oxford.how_it_works\")}

\n
\n

{t(\"tools.oxford.how_it_works_description\")}

\n
\n

\n Men: BMR = 662 - (9.53 × age) + PA × (15.91 × weight + 539.6 × height)\n
\n Women: BMR = 354 - (6.91 × age) + PA × (9.36 × weight + 726 × height)\n

\n
\n
\n
\n\n \n
\n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/page.tsx", "content": "import React from \"react\";\nimport { Metadata } from \"next\";\n\nimport { getI18n } from \"locales/server\";\nimport { getServerUrl } from \"@/shared/lib/server-url\";\nimport { generateSEOMetadata, SEOScripts } from \"@/components/seo/SEOHead\";\n\nimport { CalorieCalculatorHub } from \"./CalorieCalculatorHub\";\n\nexport async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise {\n const { locale } = await params;\n const t = await getI18n();\n\n return generateSEOMetadata({\n title: t(\"tools.calorie-calculator-hub.meta.title\"),\n description: t(\"tools.calorie-calculator-hub.meta.description\"),\n keywords: t(\"tools.calorie-calculator-hub.meta.keywords\").split(\", \"),\n locale,\n canonical: `${getServerUrl()}/${locale}/tools/calorie-calculator`,\n structuredData: {\n type: \"Calculator\",\n calculatorData: {\n calculatorType: \"calorie\",\n inputFields: [\"gender\", \"age\", \"height\", \"weight\", \"activity level\", \"goal\"],\n outputFields: [\"BMR\", \"TDEE\", \"target calories\", \"recommended macros\"],\n formula: \"Mifflin-St Jeor Equation\",\n accuracy: \"±100-200 calories (scientifically validated)\",\n targetAudience: [\"fitness enthusiasts\", \"athletes\", \"weight loss seekers\", \"health conscious individuals\"],\n relatedCalculators: [\n \"mifflin-st-jeor-calculator\",\n \"harris-benedict-calculator\",\n \"katch-mcardle-calculator\",\n \"cunningham-calculator\",\n \"oxford-calculator\",\n ],\n },\n },\n });\n}\n\nexport default async function CalorieCalculatorPage({ params }: { params: Promise<{ locale: string }> }) {\n const { locale } = await params;\n const t = await getI18n();\n\n return (\n <>\n \n
\n
\n \n
\n
\n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/CalorieCalculatorClient.tsx", "content": "\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Calculator } from \"lucide-react\";\n\nimport { useI18n } from \"locales/client\";\nimport { env } from \"@/env\";\nimport { HorizontalBottomBanner } from \"@/components/ads\";\n\nimport { BodyFatInput } from \"./components/BodyFatInput\";\nimport {\n GenderSelector,\n WeightInput,\n HeightInput,\n AgeInput,\n UnitSelector,\n ActivityLevelSelector,\n GoalSelector,\n ResultsDisplay,\n} from \"./components\";\nimport { calculateCalories, type CalorieCalculatorInputs, type CalorieResults } from \"./calorie-formulas.utils\";\n\nimport type { CalculatorConfig } from \"./types\";\n\ninterface CalorieCalculatorClientProps {\n config: CalculatorConfig;\n}\n\nexport function CalorieCalculatorClient({ config }: CalorieCalculatorClientProps) {\n const t = useI18n();\n\n // Form state\n const [gender, setGender] = useState(\"male\");\n const [unit, setUnit] = useState(\"metric\");\n const [age, setAge] = useState(25);\n const [height, setHeight] = useState(unit === \"metric\" ? 175 : 69);\n const [weight, setWeight] = useState(unit === \"metric\" ? 70 : 154);\n const [activityLevel, setActivityLevel] = useState(\"moderate\");\n const [goal, setGoal] = useState(\"maintain\");\n const [bodyFatPercentage, setBodyFatPercentage] = useState(20);\n\n // Results state\n const [results, setResults] = useState(null);\n const [isCalculating, setIsCalculating] = useState(false);\n\n // Handle unit change\n const handleUnitChange = (newUnit: CalorieCalculatorInputs[\"unit\"]) => {\n setUnit(newUnit);\n // Convert values\n if (newUnit === \"imperial\" && unit === \"metric\") {\n setWeight(Math.round(weight * 2.20462));\n setHeight(Math.round(height / 2.54));\n } else if (newUnit === \"metric\" && unit === \"imperial\") {\n setWeight(Math.round(weight / 2.20462));\n setHeight(Math.round(height * 2.54));\n }\n };\n\n // Calculate calories\n const handleCalculate = () => {\n setIsCalculating(true);\n\n const inputs: CalorieCalculatorInputs = {\n gender,\n unit,\n age,\n height,\n weight,\n activityLevel,\n goal,\n ...(config.requiresBodyFat && { bodyFatPercentage }),\n };\n\n try {\n const calculatedResults = calculateCalories(inputs, config.formula);\n setResults(calculatedResults);\n } catch (error) {\n console.error(\"Error calculating calories:\", error);\n } finally {\n setIsCalculating(false);\n }\n };\n\n return (\n
\n
\n {/* Input Section */}\n
\n
\n
\n \n \n \n \n \n {config.requiresBodyFat && }\n \n \n
\n\n {env.NEXT_PUBLIC_BOTTOM_CALORIE_CALCULATOR_AD_SLOT && (\n \n )}\n\n \n \n\n \n {isCalculating ? t(\"tools.calorie-calculator.calculating\") : t(\"tools.calorie-calculator.calculate\")}\n \n \n
\n
\n\n {/* Results Section */}\n {results && }\n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/calculator-configs.ts", "content": "import type { CalculatorConfig } from \"./types\";\n\n// Calculator configurations\nexport const calculatorConfigs: Record = {\n oxford: {\n formula: \"oxford\",\n requiresBodyFat: false,\n name: \"Oxford Calculator\",\n description: \"Uses the Oxford formula for calorie calculation\",\n buttonGradient: {\n from: \"#4F8EF7\",\n to: \"#238BE6\",\n },\n },\n \"mifflin-st-jeor\": {\n formula: \"mifflin\",\n requiresBodyFat: false,\n name: \"Mifflin-St Jeor Calculator\",\n description: \"Uses the Mifflin-St Jeor formula (most accurate for general population)\",\n buttonGradient: {\n from: \"#06B6D4\",\n to: \"#0891B2\",\n },\n },\n \"harris-benedict\": {\n formula: \"harris\",\n requiresBodyFat: false,\n name: \"Harris-Benedict Calculator\",\n description: \"Uses the revised Harris-Benedict formula\",\n buttonGradient: {\n from: \"#10B981\",\n to: \"#059669\",\n },\n },\n \"katch-mcardle\": {\n formula: \"katch\",\n requiresBodyFat: true,\n name: \"Katch-McArdle Calculator\",\n description: \"Most accurate for lean individuals (requires body fat %)\",\n buttonGradient: {\n from: \"#F59E0B\",\n to: \"#D97706\",\n },\n },\n cunningham: {\n formula: \"cunningham\",\n requiresBodyFat: true,\n name: \"Cunningham Calculator\",\n description: \"Best for athletes with very low body fat (requires body fat %)\",\n buttonGradient: {\n from: \"#8B5CF6\",\n to: \"#7C3AED\",\n },\n },\n};\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/calorie-formulas.utils.ts", "content": "// Shared types and formulas for all calorie calculators\n\nexport type Gender = \"male\" | \"female\";\nexport type UnitSystem = \"metric\" | \"imperial\";\nexport type ActivityLevel = \"sedentary\" | \"light\" | \"moderate\" | \"active\" | \"very_active\";\nexport type Goal = \"lose_fast\" | \"lose_slow\" | \"maintain\" | \"gain_slow\" | \"gain_fast\";\n\nexport interface CalorieCalculatorInputs {\n gender: Gender;\n unit: UnitSystem;\n age: number;\n height: number; // cm for metric, inches for imperial\n weight: number; // kg for metric, lbs for imperial\n activityLevel: ActivityLevel;\n goal: Goal;\n bodyFatPercentage?: number; // Optional for Katch-McArdle\n}\n\nexport interface CalorieResults {\n bmr: number;\n tdee: number;\n targetCalories: number;\n proteinGrams: number;\n carbsGrams: number;\n fatGrams: number;\n}\n\n// Activity level multipliers\nexport const ACTIVITY_MULTIPLIERS: Record = {\n sedentary: 1.2,\n light: 1.375,\n moderate: 1.55,\n active: 1.725,\n very_active: 1.9,\n};\n\n// Goal adjustments\nexport const GOAL_ADJUSTMENTS: Record = {\n lose_fast: -1000,\n lose_slow: -500,\n maintain: 0,\n gain_slow: 500,\n gain_fast: 1000,\n};\n\n// Convert imperial to metric\nexport function convertToMetric(inputs: CalorieCalculatorInputs): {\n weight: number;\n height: number;\n} {\n if (inputs.unit === \"metric\") {\n return { weight: inputs.weight, height: inputs.height };\n }\n return {\n weight: inputs.weight * 0.453592,\n height: inputs.height * 2.54,\n };\n}\n\n// Calculate macros\nexport function calculateMacros(targetCalories: number): {\n proteinGrams: number;\n carbsGrams: number;\n fatGrams: number;\n} {\n const proteinCalories = targetCalories * 0.3;\n const carbsCalories = targetCalories * 0.4;\n const fatCalories = targetCalories * 0.3;\n\n return {\n proteinGrams: Math.round(proteinCalories / 4),\n carbsGrams: Math.round(carbsCalories / 4),\n fatGrams: Math.round(fatCalories / 9),\n };\n}\n\n// Mifflin-St Jeor Formula (1990)\nexport function calculateMifflinStJeor(inputs: CalorieCalculatorInputs): number {\n const { weight, height } = convertToMetric(inputs);\n const baseBMR = 10 * weight + 6.25 * height - 5 * inputs.age;\n\n return inputs.gender === \"male\" ? baseBMR + 5 : baseBMR - 161;\n}\n\n// Harris-Benedict Revised Formula (1984)\nexport function calculateHarrisBenedict(inputs: CalorieCalculatorInputs): number {\n const { weight, height } = convertToMetric(inputs);\n\n if (inputs.gender === \"male\") {\n return 88.362 + 13.397 * weight + 4.799 * height - 5.677 * inputs.age;\n } else {\n return 447.593 + 9.247 * weight + 3.098 * height - 4.33 * inputs.age;\n }\n}\n\n// Katch-McArdle Formula (requires body fat percentage)\nexport function calculateKatchMcArdle(inputs: CalorieCalculatorInputs): number {\n if (!inputs.bodyFatPercentage) {\n throw new Error(\"Body fat percentage is required for Katch-McArdle formula\");\n }\n\n const { weight } = convertToMetric(inputs);\n const leanBodyMass = weight * (1 - inputs.bodyFatPercentage / 100);\n\n return 370 + 21.6 * leanBodyMass;\n}\n\n// Cunningham Formula (for athletes with very low body fat)\nexport function calculateCunningham(inputs: CalorieCalculatorInputs): number {\n if (!inputs.bodyFatPercentage) {\n throw new Error(\"Body fat percentage is required for Cunningham formula\");\n }\n\n const { weight } = convertToMetric(inputs);\n const leanBodyMass = weight * (1 - inputs.bodyFatPercentage / 100);\n\n return 500 + 22 * leanBodyMass;\n}\n\n// Oxford Formula (2005)\nexport function calculateOxford(inputs: CalorieCalculatorInputs): number {\n const { weight } = convertToMetric(inputs);\n\n if (inputs.gender === \"male\") {\n return inputs.age < 30 ? 16.6 * weight + (77 * inputs.height) / 100 + 572 : 14.4 * weight + (313 * inputs.height) / 100 + 113;\n } else {\n return inputs.age < 30 ? 13.1 * weight + (558 * inputs.height) / 100 + 184 : 13.4 * weight + (346 * inputs.height) / 100 + 247;\n }\n}\n\n// Main calculation function\nexport function calculateCalories(\n inputs: CalorieCalculatorInputs,\n formula: \"mifflin\" | \"harris\" | \"katch\" | \"cunningham\" | \"oxford\" = \"mifflin\",\n): CalorieResults {\n let bmr: number;\n\n switch (formula) {\n case \"harris\":\n bmr = calculateHarrisBenedict(inputs);\n break;\n case \"katch\":\n bmr = calculateKatchMcArdle(inputs);\n break;\n case \"cunningham\":\n bmr = calculateCunningham(inputs);\n break;\n case \"oxford\":\n bmr = calculateOxford(inputs);\n break;\n default:\n bmr = calculateMifflinStJeor(inputs);\n }\n\n const tdee = bmr * ACTIVITY_MULTIPLIERS[inputs.activityLevel];\n const targetCalories = Math.max(1200, tdee + GOAL_ADJUSTMENTS[inputs.goal]);\n const macros = calculateMacros(targetCalories);\n\n return {\n bmr: Math.round(bmr),\n tdee: Math.round(tdee),\n targetCalories: Math.round(targetCalories),\n ...macros,\n };\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/ActivityLevelSelector.tsx", "content": "\"use client\";\n\nimport React from \"react\";\nimport { ActivityIcon, BedIcon, BedDoubleIcon, BikeIcon, ZapIcon } from \"lucide-react\";\n\nimport { useI18n } from \"locales/client\";\nimport { ActivityLevel } from \"app/[locale]/(app)/tools/calorie-calculator/calorie-calculator.utils\";\n\ninterface ActivityLevelSelectorProps {\n value: ActivityLevel;\n onChange: (level: ActivityLevel) => void;\n}\n\nconst ACTIVITY_LEVELS: ActivityLevel[] = [\"sedentary\", \"light\", \"moderate\", \"active\", \"very_active\"];\n\nexport function ActivityLevelSelector({ value, onChange }: ActivityLevelSelectorProps) {\n const t = useI18n();\n\n const ACTIVITY_ICONS: Record = {\n sedentary: ,\n light: ,\n moderate: ,\n active: ,\n very_active: ,\n };\n\n const ACTIVITY_COLORS: Record = {\n sedentary: { border: \"border-gray-400\", bg: \"from-gray-400/20 to-gray-500/10\", text: \"text-gray-600\" },\n light: { border: \"border-blue-400\", bg: \"from-blue-400/20 to-blue-500/10\", text: \"text-blue-600\" },\n moderate: { border: \"border-green-500\", bg: \"from-green-500/20 to-green-600/10\", text: \"text-green-600\" },\n active: { border: \"border-orange-500\", bg: \"from-orange-500/20 to-orange-600/10\", text: \"text-orange-600\" },\n very_active: { border: \"border-red-500\", bg: \"from-red-500/20 to-red-600/10\", text: \"text-red-600\" },\n };\n\n return (\n
\n \n
\n {ACTIVITY_LEVELS.map((level) => {\n const colors = ACTIVITY_COLORS[level];\n const isSelected = value === level;\n\n return (\n onChange(level)}\n >\n
\n \n \n {ACTIVITY_ICONS[level]}\n
\n
\n
\n \n {t(`tools.calorie-calculator.activity.${level}`)}\n
\n
\n {t(`tools.calorie-calculator.activity.${level}_desc`)}\n
\n
\n \n \n );\n })}\n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/AgeInput.tsx", "content": "\"use client\";\n\nimport React from \"react\";\n\nimport { useI18n } from \"locales/client\";\n\ninterface AgeInputProps {\n value: number;\n onChange: (age: number) => void;\n}\n\nexport function AgeInput({ value, onChange }: AgeInputProps) {\n const t = useI18n();\n\n return (\n
\n \n
\n
\n onChange(Number(e.target.value))}\n placeholder={t(\"tools.calorie-calculator.age_placeholder\")}\n type=\"number\"\n value={value}\n />\n
\n onChange(Number(e.target.value))}\n style={{\n background: `linear-gradient(to right, #4F8EF7 0%, #4F8EF7 ${((value - 13) / 87) * 100}%, rgb(229 231 235 / 0.3) ${((value - 13) / 87) * 100}%, rgb(229 231 235 / 0.3) 100%)`,\n }}\n type=\"range\"\n value={value}\n />\n
\n 13\n 100\n
\n
\n
\n {t(\"tools.calorie-calculator.years\")}\n
\n
\n
\n
\n );\n}" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/BodyFatInput.tsx", "content": "\"use client\";\n\nimport React from \"react\";\n\nimport { useI18n } from \"locales/client\";\n\ninterface BodyFatInputProps {\n value: number;\n onChange: (bodyFat: number) => void;\n}\n\nexport function BodyFatInput({ value, onChange }: BodyFatInputProps) {\n const t = useI18n();\n\n return (\n
\n \n
\n
\n onChange(Number(e.target.value))}\n placeholder=\"15\"\n step=\"0.5\"\n type=\"number\"\n value={value}\n />\n
\n onChange(Number(e.target.value))}\n step=\"0.5\"\n style={{\n background: `linear-gradient(to right, #FF5722 0%, #FF5722 ${((value - 5) / 45) * 100}%, rgb(229 231 235 / 0.3) ${((value - 5) / 45) * 100}%, rgb(229 231 235 / 0.3) 100%)`,\n }}\n type=\"range\"\n value={value}\n />\n
\n 5%\n 50%\n
\n
\n
\n %\n
\n
\n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/FAQSection.tsx", "content": "\"use client\";\n\nimport React, { useState } from \"react\";\nimport { ChevronDownIcon, HelpCircleIcon } from \"lucide-react\";\n\nimport { useI18n } from \"locales/client\";\n\nexport function FAQSection() {\n const t = useI18n();\n const [openIndex, setOpenIndex] = useState(null);\n\n const faqs = [\n {\n question: t(\"tools.calorie-calculator.faq.q1\"),\n answer: t(\"tools.calorie-calculator.faq.a1\"),\n },\n {\n question: t(\"tools.calorie-calculator.faq.q2\"),\n answer: t(\"tools.calorie-calculator.faq.a2\"),\n },\n {\n question: t(\"tools.calorie-calculator.faq.q3\"),\n answer: t(\"tools.calorie-calculator.faq.a3\"),\n },\n {\n question: t(\"tools.calorie-calculator.faq.q4\"),\n answer: t(\"tools.calorie-calculator.faq.a4\"),\n },\n ];\n\n return (\n
\n
\n
\n \n
\n

{t(\"tools.calorie-calculator.faq.title\")}

\n
\n\n
\n {faqs.map((faq, index) => (\n \n setOpenIndex(openIndex === index ? null : index)}\n >\n

{faq.question}

\n \n \n
\n

{faq.answer}

\n
\n
\n ))}\n
\n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/GenderSelector.tsx", "content": "\"use client\";\n\nimport React from \"react\";\nimport { UserIcon, UsersIcon } from \"lucide-react\";\n\nimport { useI18n } from \"locales/client\";\nimport { Gender } from \"app/[locale]/(app)/tools/calorie-calculator/calorie-calculator.utils\";\n\ninterface GenderSelectorProps {\n value: Gender;\n onChange: (gender: Gender) => void;\n}\n\nexport function GenderSelector({ value, onChange }: GenderSelectorProps) {\n const t = useI18n();\n\n return (\n
\n \n
\n onChange(\"male\")}\n >\n \n \n
\n \n {t(\"tools.calorie-calculator.male\")}\n \n \n\n onChange(\"female\")}\n >\n \n \n
\n \n {t(\"tools.calorie-calculator.female\")}\n \n \n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/GoalSelector.tsx", "content": "\"use client\";\n\nimport React from \"react\";\nimport { TrendingDownIcon, TrendingUpIcon, ScaleIcon, RocketIcon, ZapOffIcon } from \"lucide-react\";\n\nimport { useI18n } from \"locales/client\";\nimport { Goal } from \"app/[locale]/(app)/tools/calorie-calculator/calorie-calculator.utils\";\n\ninterface GoalSelectorProps {\n value: Goal;\n onChange: (goal: Goal) => void;\n}\n\nconst GOALS: Goal[] = [\"lose_fast\", \"lose_slow\", \"maintain\", \"gain_slow\", \"gain_fast\"];\n\nexport function GoalSelector({ value, onChange }: GoalSelectorProps) {\n const t = useI18n();\n\n const GOAL_ICONS: Record = {\n lose_fast: ,\n lose_slow: ,\n maintain: ,\n gain_slow: ,\n gain_fast: ,\n };\n\n const GOAL_COLORS: Record = {\n lose_fast: { border: \"border-red-500\", bg: \"from-red-500/20 to-red-600/10\", text: \"text-red-600\" },\n lose_slow: { border: \"border-orange-500\", bg: \"from-orange-500/20 to-orange-600/10\", text: \"text-orange-600\" },\n maintain: { border: \"border-blue-500\", bg: \"from-blue-500/20 to-blue-600/10\", text: \"text-blue-600\" },\n gain_slow: { border: \"border-green-500\", bg: \"from-green-500/20 to-green-600/10\", text: \"text-green-600\" },\n gain_fast: { border: \"border-purple-500\", bg: \"from-purple-500/20 to-purple-600/10\", text: \"text-purple-600\" },\n };\n\n return (\n
\n \n
\n {GOALS.map((goal) => {\n const colors = GOAL_COLORS[goal];\n const isSelected = value === goal;\n\n return (\n onChange(goal)}\n >\n
\n \n \n {GOAL_ICONS[goal]}\n
\n
\n
\n \n {t(`tools.calorie-calculator.goals.${goal}`)}\n
\n
\n {t(`tools.calorie-calculator.goals.${goal}_desc`)}\n
\n
\n \n \n );\n })}\n \n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/HeightInput.tsx", "content": "\"use client\";\n\nimport React from \"react\";\n\nimport { useI18n } from \"locales/client\";\nimport { UnitSystem } from \"app/[locale]/(app)/tools/calorie-calculator/calorie-calculator.utils\";\n\ninterface HeightInputProps {\n value: number;\n unit: UnitSystem;\n onChange: (height: number) => void;\n}\n\nexport function HeightInput({ value, unit, onChange }: HeightInputProps) {\n const t = useI18n();\n\n // For imperial, we need to handle feet and inches\n if (unit === \"imperial\") {\n const totalInches = value;\n const feet = Math.floor(totalInches / 12);\n const inches = totalInches % 12;\n\n const handleFeetChange = (newFeet: number) => {\n onChange(newFeet * 12 + inches);\n };\n\n const handleInchesChange = (newInches: number) => {\n onChange(feet * 12 + newInches);\n };\n\n return (\n
\n \n
\n
\n handleFeetChange(Number(e.target.value))}\n type=\"number\"\n value={feet}\n />\n \n {t(\"tools.calorie-calculator.feet\")}\n \n
\n
\n handleInchesChange(Number(e.target.value))}\n type=\"number\"\n value={inches}\n />\n \n {t(\"tools.calorie-calculator.inches\")}\n \n
\n
\n
\n );\n }\n\n // Metric - simple cm input\n return (\n
\n \n
\n
\n onChange(Number(e.target.value))}\n placeholder={t(\"tools.calorie-calculator.height_placeholder\")}\n type=\"number\"\n value={value}\n />\n \n {t(\"tools.calorie-calculator.cm\")}\n \n
\n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/InfoButton.tsx", "content": "\"use client\";\n\nimport React from \"react\";\nimport { InfoIcon } from \"lucide-react\";\n\nimport { useIsMobile } from \"@/shared/hooks/useIsMobile\";\n\ninterface InfoButtonProps {\n onClick: () => void;\n tooltip?: React.ReactNode;\n}\n\nexport function InfoButton({ onClick, tooltip }: InfoButtonProps) {\n const isMobile = useIsMobile();\n\n return (\n
\n \n {!isMobile && tooltip && (\n
\n {tooltip}\n
\n )}\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/InfoModal.tsx", "content": "\"use client\";\n\nimport React, { useEffect } from \"react\";\nimport { XIcon } from \"lucide-react\";\n\ninterface InfoModalProps {\n isOpen: boolean;\n onClose: () => void;\n title: string;\n content: string;\n}\n\nexport function InfoModal({ isOpen, onClose, title, content }: InfoModalProps) {\n // Close modal on escape key\n useEffect(() => {\n const handleEscape = (e: KeyboardEvent) => {\n if (e.key === \"Escape\") onClose();\n };\n\n if (isOpen) {\n document.addEventListener(\"keydown\", handleEscape);\n // Prevent body scroll when modal is open\n document.body.style.overflow = \"hidden\";\n }\n\n return () => {\n document.removeEventListener(\"keydown\", handleEscape);\n document.body.style.overflow = \"unset\";\n };\n }, [isOpen, onClose]);\n\n if (!isOpen) return null;\n\n return (\n <>\n {/* Backdrop */}\n
\n\n {/* Modal */}\n
\n
\n
\n

{title}

\n \n \n \n
\n

{content}

\n
\n
\n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/ResultsDisplay.tsx", "content": "\"use client\";\n\nimport React, { useState } from \"react\";\nimport Image from \"next/image\";\nimport { BeefIcon, WheatIcon, DropletIcon, FlameIcon, ActivityIcon } from \"lucide-react\";\n\nimport { useI18n } from \"locales/client\";\nimport { CalorieResults } from \"app/[locale]/(app)/tools/calorie-calculator/calorie-calculator.utils\";\n\nimport { InfoModal } from \"./InfoModal\";\nimport { InfoButton } from \"./InfoButton\";\n\ninterface ResultsDisplayProps {\n results: CalorieResults;\n}\n\nexport function ResultsDisplay({ results }: ResultsDisplayProps) {\n const t = useI18n();\n const [activeModal, setActiveModal] = useState(null);\n\n return (\n
\n
\n

\n {t(\"tools.calorie-calculator.results.title\")}\n

\n \"Happy\"\n
\n\n {/* Main Results */}\n
\n
\n
\n \n
\n {t(\"tools.calorie-calculator.results.bmr\")}\n
\n setActiveModal(\"bmr\")}\n tooltip={\n

\n {t(\"tools.calorie-calculator.results.bmr_explanation\")}\n

\n }\n />\n
\n
{results.bmr.toLocaleString()}
\n
kcal
\n
\n\n
\n
\n \n
\n {t(\"tools.calorie-calculator.results.tdee\")}\n
\n setActiveModal(\"tdee\")}\n tooltip={\n

\n {t(\"tools.calorie-calculator.results.tdee_explanation\")}\n

\n }\n />\n
\n
{results.tdee.toLocaleString()}
\n
kcal
\n
\n\n
\n
\n {t(\"tools.calorie-calculator.results.target\")}\n
\n
{results.targetCalories.toLocaleString()}
\n
kcal
\n
\n
\n\n {/* Macros */}\n
\n
\n

{t(\"tools.calorie-calculator.results.macros\")}

\n setActiveModal(\"macros\")}\n tooltip={\n

\n {t(\"tools.calorie-calculator.results.macros_explanation\")}\n

\n }\n />\n
\n
\n
\n
\n
\n \n
\n
\n {t(\"tools.calorie-calculator.results.protein\")}\n
\n
\n
{results.proteinGrams}g
\n
{results.proteinGrams * 4} kcal
\n
\n
30%
\n
\n
\n\n
\n
\n
\n \n
\n
\n {t(\"tools.calorie-calculator.results.carbs\")}\n
\n
\n
{results.carbsGrams}g
\n
{results.carbsGrams * 4} kcal
\n
\n
40%
\n
\n
\n\n
\n
\n
\n \n
\n
\n {t(\"tools.calorie-calculator.results.fat\")}\n
\n
\n
{results.fatGrams}g
\n
{results.fatGrams * 9} kcal
\n
\n
30%
\n
\n
\n
\n
\n\n {/* Info Message */}\n
\n

\n {t(\"tools.calorie-calculator.results.disclaimer\")}\n

\n
\n\n {/* Mobile Modals */}\n setActiveModal(null)}\n title={t(\"tools.calorie-calculator.results.bmr\")}\n />\n setActiveModal(null)}\n title={t(\"tools.calorie-calculator.results.tdee\")}\n />\n setActiveModal(null)}\n title={t(\"tools.calorie-calculator.results.macros\")}\n />\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/UnitSelector.tsx", "content": "\"use client\";\n\nimport React from \"react\";\nimport { RulerIcon, GlobeIcon } from \"lucide-react\";\n\nimport { useI18n } from \"locales/client\";\nimport { UnitSystem } from \"app/[locale]/(app)/tools/calorie-calculator/calorie-calculator.utils\";\n\ninterface UnitSelectorProps {\n value: UnitSystem;\n onChange: (unit: UnitSystem) => void;\n}\n\nexport function UnitSelector({ value, onChange }: UnitSelectorProps) {\n const t = useI18n();\n\n return (\n
\n \n
\n onChange(\"metric\")}\n >\n \n \n
\n \n {t(\"tools.calorie-calculator.metric\")}\n \n \n\n onChange(\"imperial\")}\n >\n \n \n
\n \n {t(\"tools.calorie-calculator.imperial\")}\n \n \n
\n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/WeightInput.tsx", "content": "\"use client\";\n\nimport React from \"react\";\n\nimport { useI18n } from \"locales/client\";\nimport { UnitSystem } from \"app/[locale]/(app)/tools/calorie-calculator/calorie-calculator.utils\";\n\ninterface WeightInputProps {\n value: number;\n unit: UnitSystem;\n onChange: (weight: number) => void;\n}\n\nexport function WeightInput({ value, unit, onChange }: WeightInputProps) {\n const t = useI18n();\n const unitLabel = unit === \"metric\" ? t(\"tools.calorie-calculator.kg\") : t(\"tools.calorie-calculator.lbs\");\n const min = unit === \"metric\" ? 30 : 66;\n const max = unit === \"metric\" ? 300 : 660;\n\n return (\n
\n \n
\n onChange(Number(e.target.value))}\n placeholder={t(\"tools.calorie-calculator.weight_placeholder\")}\n step=\"0.1\"\n type=\"number\"\n value={value}\n />\n \n {unitLabel}\n \n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/components/index.ts", "content": "// Export all shared components\nexport { GenderSelector } from \"./GenderSelector\";\nexport { WeightInput } from \"./WeightInput\";\nexport { HeightInput } from \"./HeightInput\";\nexport { AgeInput } from \"./AgeInput\";\nexport { UnitSelector } from \"./UnitSelector\";\nexport { ActivityLevelSelector } from \"./ActivityLevelSelector\";\nexport { GoalSelector } from \"./GoalSelector\";\nexport { FAQSection } from \"./FAQSection\";\nexport { InfoButton } from \"./InfoButton\";\nexport { InfoModal } from \"./InfoModal\";\nexport { ResultsDisplay } from \"./ResultsDisplay\";\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/shared/types/index.ts", "content": "// Calorie calculator types for better type safety\nexport type CalculatorFormula = \"mifflin\" | \"harris\" | \"katch\" | \"cunningham\" | \"oxford\";\n\nexport interface CalculatorConfig {\n formula: CalculatorFormula;\n requiresBodyFat: boolean;\n name: string;\n description: string;\n buttonGradient: {\n from: string;\n to: string;\n };\n}\n" }, { "path": "app/[locale]/(app)/tools/calorie-calculator/styles.css", "content": "@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.animate-fadeIn {\n animation: fadeIn 0.5s ease-out;\n}\n\n/* Custom slider styles */\ninput[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n}\n\ninput[type=\"range\"]::-webkit-slider-track {\n background: transparent;\n height: 8px;\n border-radius: 4px;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n background: #4F8EF7;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n cursor: pointer;\n margin-top: -6px;\n transition: all 0.2s ease-in-out;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n transform: scale(1.2);\n background: #238BE6;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n background: transparent;\n height: 8px;\n border-radius: 4px;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n background: #4F8EF7;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n cursor: pointer;\n border: none;\n transition: all 0.2s ease-in-out;\n}\n\ninput[type=\"range\"]::-moz-range-thumb:hover {\n transform: scale(1.2);\n background: #238BE6;\n}\n\n/* Dark mode adjustments */\n@media (prefers-color-scheme: dark) {\n input[type=\"range\"]::-webkit-slider-thumb {\n background: #4F8EF7;\n }\n \n input[type=\"range\"]::-moz-range-thumb {\n background: #4F8EF7;\n }\n}\n\n/* Mobile optimizations */\n@media (max-width: 768px) {\n /* Larger touch targets */\n .touch-manipulation {\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n }\n \n /* Remove hover effects on mobile */\n @media (hover: none) and (pointer: coarse) {\n .hover\\:scale-105:hover {\n transform: none;\n }\n \n .hover\\:border-primary\\/30:hover {\n border-color: inherit;\n }\n }\n \n /* Active states for better feedback */\n button:active {\n transform: scale(0.98);\n }\n \n /* Larger slider thumb for mobile */\n input[type=\"range\"]::-webkit-slider-thumb {\n height: 28px;\n width: 28px;\n }\n \n input[type=\"range\"]::-moz-range-thumb {\n height: 28px;\n width: 28px;\n }\n}\n\n/* Smooth scrolling */\nhtml {\n scroll-behavior: smooth;\n}\n\n/* Prevent layout shift on modal open */\nbody.modal-open {\n padding-right: 0 !important;\n}" }, { "path": "app/[locale]/(app)/tools/heart-rate-zones/lib/utils.ts", "content": "import { TFunction } from \"locales/client\";\n\ninterface HeartRateZone {\n name: string;\n minHR: number;\n maxHR: number;\n emoji: string;\n color: string;\n bgColor: string;\n description: string;\n}\n\ninterface HeartRateResults {\n maxHeartRate: number;\n zones: HeartRateZone[];\n}\n\nexport function calculateHeartRateZones(age: number, t: TFunction): HeartRateResults {\n // Calculate MHR\n const maxHeartRate = 220 - age;\n\n // Simple zones with emojis and colors\n const zones: HeartRateZone[] = [\n {\n name: t(\"tools.heart-rate-zones.zones.warm_up.name\"),\n minHR: Math.round(maxHeartRate * 0.5),\n maxHR: Math.round(maxHeartRate * 0.6),\n emoji: \"🚶\",\n color: \"text-blue-600\",\n bgColor: \"bg-blue-100\",\n description: t(\"tools.heart-rate-zones.zones.warm_up.description\"),\n },\n {\n name: t(\"tools.heart-rate-zones.zones.fat_burn.name\"),\n minHR: Math.round(maxHeartRate * 0.6),\n maxHR: Math.round(maxHeartRate * 0.7),\n emoji: \"🔥\",\n color: \"text-green-600\",\n bgColor: \"bg-green-100\",\n description: t(\"tools.heart-rate-zones.zones.fat_burn.description\"),\n },\n {\n name: t(\"tools.heart-rate-zones.zones.aerobic.name\"),\n minHR: Math.round(maxHeartRate * 0.7),\n maxHR: Math.round(maxHeartRate * 0.8),\n emoji: \"🏃\",\n color: \"text-yellow-600\",\n bgColor: \"bg-yellow-100\",\n description: t(\"tools.heart-rate-zones.zones.aerobic.description\"),\n },\n {\n name: t(\"tools.heart-rate-zones.zones.anaerobic.name\"),\n minHR: Math.round(maxHeartRate * 0.8),\n maxHR: Math.round(maxHeartRate * 0.9),\n emoji: \"💪\",\n color: \"text-orange-600\",\n bgColor: \"bg-orange-100\",\n description: t(\"tools.heart-rate-zones.zones.anaerobic.description\"),\n },\n {\n name: t(\"tools.heart-rate-zones.zones.vo2_max.name\"),\n minHR: Math.round(maxHeartRate * 0.9),\n maxHR: maxHeartRate,\n emoji: \"🚀\",\n color: \"text-red-600\",\n bgColor: \"bg-red-100\",\n description: t(\"tools.heart-rate-zones.zones.vo2_max.description\"),\n },\n ];\n\n return {\n maxHeartRate,\n zones,\n };\n}\n" }, { "path": "app/[locale]/(app)/tools/heart-rate-zones/page.tsx", "content": "import React from \"react\";\nimport { Metadata } from \"next\";\n\nimport { Locale } from \"locales/types\";\nimport { getI18n } from \"locales/server\";\nimport { HeartRateZonesCalculatorClient } from \"app/[locale]/(app)/tools/heart-rate-zones/ui/HeartRateZonesCalculatorClient\";\nimport { SEOOptimizedContentServer } from \"app/[locale]/(app)/tools/heart-rate-zones/ui/components/SEOOptimizedContentServer\";\nimport { EducationalContentServer } from \"app/[locale]/(app)/tools/heart-rate-zones/ui/components/EducationalContentServer\";\nimport { HEART_RATE_ZONES_CONTENT } from \"app/[locale]/(app)/tools/heart-rate-zones/seo/page-content\";\nimport { HEART_RATE_ZONES_SEO } from \"app/[locale]/(app)/tools/heart-rate-zones/seo/config\";\nimport { calculateHeartRateZones } from \"app/[locale]/(app)/tools/heart-rate-zones/lib/utils\";\nimport { getServerUrl } from \"@/shared/lib/server-url\";\nimport { env } from \"@/env\";\nimport { generateSEOMetadata, SEOScripts } from \"@/components/seo/SEOHead\";\nimport { HorizontalBottomBanner, HorizontalTopBanner } from \"@/components/ads\";\n\nexport async function generateMetadata({ params }: { params: Promise<{ locale: Locale }> }): Promise {\n const { locale } = await params;\n\n // Use centralized SEO config\n const metadata = HEART_RATE_ZONES_SEO[locale] || HEART_RATE_ZONES_SEO.en;\n\n return generateSEOMetadata({\n title: metadata.title,\n description: metadata.description,\n keywords: metadata.keywords,\n locale,\n canonical: `${getServerUrl()}/${locale}/tools/heart-rate-zones`,\n structuredData: {\n type: \"Calculator\",\n calculatorData: {\n calculatorType: \"heart-rate-zones\",\n inputFields: [\"age\", \"resting heart rate\", \"maximum heart rate\", \"calculation method\"],\n outputFields: [\n \"Maximum Heart Rate (MHR)\",\n \"Target Heart Rate (THR)\",\n \"VO2 Max Zone (90-100%)\",\n \"Anaerobic Zone (80-90%)\",\n \"Aerobic Zone (70-80%)\",\n \"Fat Burn Zone (60-70%)\",\n \"Warm Up Zone (50-60%)\",\n \"Heart Rate Reserve (HRR)\",\n ],\n formula: \"Basic: THR = MHR × %Intensity | Karvonen: THR = [(MHR - RHR) × %Intensity] + RHR\",\n accuracy: \"Scientifically validated formulas with personalized calculations\",\n targetAudience: [\"athletes\", \"runners\", \"cyclists\", \"fitness enthusiasts\", \"personal trainers\"],\n relatedCalculators: [\"bmi-calculator\", \"calorie-calculator\", \"macro-calculator\"],\n },\n },\n });\n}\n\nconst DEFAULT_AGE = 30;\nexport default async function HeartRateZonesPage({ params }: { params: Promise<{ locale: Locale }> }) {\n const { locale } = await params;\n const t = await getI18n();\n\n const defaultResults = calculateHeartRateZones(DEFAULT_AGE, t);\n\n // Use centralized configs\n const seoContent = HEART_RATE_ZONES_SEO[locale] || HEART_RATE_ZONES_SEO.en;\n const pageContent = HEART_RATE_ZONES_CONTENT[locale] || HEART_RATE_ZONES_CONTENT.en;\n\n return (\n <>\n \n\n \n \n
\n {env.NEXT_PUBLIC_TOP_HEART_ZONES_BANNER_AD_SLOT && }\n
\n {/* SEO-optimized header */}\n
\n
❤️
\n

{seoContent.title}

\n

{pageContent.heroSubtitle}

\n
\n\n {/* Calculator */}\n \n {/* Educational Content */}\n
\n \n \n
\n
\n {env.NEXT_PUBLIC_BOTTOM_HEART_ZONES_BANNER_AD_SLOT && (\n \n )}\n
\n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/heart-rate-zones/seo/config.ts", "content": "import { Locale } from \"locales/types\";\n\n// All SEO metadata in one place for easy maintenance\nexport const HEART_RATE_ZONES_SEO: Record<\n Locale,\n {\n title: string;\n description: string;\n keywords: string[];\n }\n> = {\n en: {\n title: \"Discover your ideal heart rate training zones for optimal workouts\",\n description:\n \"Calculate your personalized heart rate training zones with our free calculator. Basic & Karvonen formulas, age-based chart, complete guide to optimize your cardio workouts.\",\n keywords: [\n \"heart rate zones calculator\",\n \"target heart rate calculator\",\n \"maximum heart rate\",\n \"training zones\",\n \"VO2 max zone\",\n \"anaerobic zone\",\n \"aerobic zone\",\n \"fat burn zone\",\n \"Karvonen formula\",\n \"heart rate training\",\n \"THR calculator\",\n \"MHR calculator\",\n \"cardio zones\",\n \"fitness calculator\",\n \"heart rate by age\",\n ],\n },\n es: {\n title: \"Descubre tus zonas de frecuencia cardíaca ideales para un entrenamiento óptimo\",\n description:\n \"Calcula tus zonas de frecuencia cardíaca personalizadas con nuestra calculadora gratuita. Fórmulas Basic y Karvonen, tabla por edad, guía completa para optimizar tu cardio.\",\n keywords: [\n \"calculadora zonas frecuencia cardiaca\",\n \"frecuencia cardiaca objetivo\",\n \"frecuencia cardiaca máxima\",\n \"zonas entrenamiento\",\n \"zona VO2 max\",\n \"zona anaeróbica\",\n \"zona aeróbica\",\n \"zona quema grasa\",\n \"fórmula Karvonen\",\n \"entrenamiento frecuencia cardiaca\",\n \"calculadora FCM\",\n \"zonas cardio\",\n \"calculadora fitness\",\n ],\n },\n fr: {\n title: \"Découvrez vos zones de fréquence cardiaque idéales pour un entraînement optimal\",\n description:\n \"Calculez vos zones de fréquence cardiaque personnalisées avec notre calculateur gratuit. Formules Basic & Karvonen, tableau par âge, guide complet pour optimiser vos entraînements cardio.\",\n keywords: [\n \"calculateur zones fréquence cardiaque\",\n \"calcul FCM\",\n \"zones cardiaques entraînement\",\n \"fréquence cardiaque maximale\",\n \"formule Karvonen\",\n \"zone combustion graisses\",\n \"zone aérobie\",\n \"zone anaérobie\",\n \"VO2 max zone\",\n \"calculateur THR\",\n \"zones cardio training\",\n \"fréquence cardiaque repos\",\n \"calculateur fitness gratuit\",\n ],\n },\n pt: {\n title: \"Descubra suas zonas de frequência cardíaca ideais para um treino ótimo\",\n description:\n \"Calcule suas zonas de frequência cardíaca personalizadas com nossa calculadora gratuita. Fórmulas Basic e Karvonen, tabela por idade, guia completo para otimizar seu treino cardio.\",\n keywords: [\n \"calculadora zonas frequência cardíaca\",\n \"frequência cardíaca alvo\",\n \"frequência cardíaca máxima\",\n \"zonas treino\",\n \"zona VO2 max\",\n \"zona anaeróbica\",\n \"zona aeróbica\",\n \"zona queima gordura\",\n \"fórmula Karvonen\",\n \"treino frequência cardíaca\",\n \"calculadora FCM\",\n \"zonas cardio\",\n \"calculadora fitness\",\n ],\n },\n ru: {\n title: \"Рассчитайте персональные зоны пульса с помощью нашего бесплатного калькулятора\",\n description:\n \"Рассчитайте персональные зоны пульса с помощью нашего бесплатного калькулятора. Формулы Basic и Карвонена, таблица по возрасту, полное руководство для оптимизации кардио тренировок.\",\n keywords: [\n \"калькулятор зон пульса\",\n \"целевой пульс\",\n \"максимальный пульс\",\n \"тренировочные зоны\",\n \"зона VO2 max\",\n \"анаэробная зона\",\n \"аэробная зона\",\n \"зона жиросжигания\",\n \"формула Карвонена\",\n \"тренировка по пульсу\",\n \"калькулятор ЧСС\",\n \"кардио зоны\",\n \"фитнес калькулятор\",\n ],\n },\n \"zh-CN\": {\n title: \"使用我们的免费计算器计算您的个性化心率训练区间\",\n description: \"使用我们的免费计算器计算您的个性化心率训练区间。Basic和Karvonen公式，按年龄分类表，优化有氧运动的完整指南。\",\n keywords: [\n \"心率区间计算器\",\n \"目标心率\",\n \"最大心率\",\n \"训练区间\",\n \"VO2最大值区间\",\n \"无氧区间\",\n \"有氧区间\",\n \"燃脂区间\",\n \"Karvonen公式\",\n \"心率训练\",\n \"心率计算器\",\n \"有氧区间\",\n \"健身计算器\",\n ],\n },\n};\n" }, { "path": "app/[locale]/(app)/tools/heart-rate-zones/seo/page-content.ts", "content": "import { Locale } from \"locales/types\";\n\ninterface PageContent {\n heroSubtitle: string;\n}\n\n// Page content separate from SEO metadata\nexport const HEART_RATE_ZONES_CONTENT: Record = {\n en: {\n heroSubtitle: \"Discover your personalized training zones to optimize performance, burn more fat, and improve cardiovascular fitness\",\n },\n es: {\n heroSubtitle:\n \"Descubre tus zonas de entrenamiento personalizadas para optimizar el rendimiento, quemar más grasa y mejorar tu condición cardiovascular\",\n },\n fr: {\n heroSubtitle:\n \"Découvrez vos zones d'entraînement personnalisées pour optimiser vos performances, brûler plus de graisses et améliorer votre condition cardiovasculaire\",\n },\n pt: {\n heroSubtitle:\n \"Descubra suas zonas de treino personalizadas para otimizar o desempenho, queimar mais gordura e melhorar sua condição cardiovascular\",\n },\n ru: {\n heroSubtitle:\n \"Откройте персональные тренировочные зоны для оптимизации результатов, сжигания жира и улучшения сердечно-сосудистой системы\",\n },\n \"zh-CN\": {\n heroSubtitle: \"发现您的个性化训练区间，优化运动表现，燃烧更多脂肪，改善心血管健康\",\n },\n};\n" }, { "path": "app/[locale]/(app)/tools/heart-rate-zones/ui/HeartRateZonesCalculatorClient.tsx", "content": "\"use client\";\n\nimport { z } from \"zod\";\nimport { useForm } from \"react-hook-form\";\nimport React, { useState, useEffect } from \"react\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\n\nimport { useI18n } from \"locales/client\";\nimport \"./styles.css\";\nimport { env } from \"@/env\";\nimport { InArticle } from \"@/components/ads\";\n\nconst simpleHeartRateSchema = z.object({\n age: z.coerce.number().min(1).max(120),\n});\n\ntype SimpleHeartRateFormData = z.infer;\n\ninterface HeartRateZone {\n name: string;\n minHR: number;\n maxHR: number;\n emoji: string;\n color: string;\n bgColor: string;\n description: string;\n}\n\ninterface HeartRateResults {\n maxHeartRate: number;\n zones: HeartRateZone[];\n}\n\ninterface SEOFriendlyHeartRateCalculatorProps {\n defaultAge?: number;\n defaultResults?: HeartRateResults;\n}\n\nexport function HeartRateZonesCalculatorClient({ defaultAge = 30, defaultResults }: SEOFriendlyHeartRateCalculatorProps) {\n const t = useI18n();\n const [results, setResults] = useState(defaultResults || null);\n\n const { watch, setValue } = useForm({\n resolver: zodResolver(simpleHeartRateSchema),\n defaultValues: {\n age: defaultAge,\n },\n });\n\n const age = watch(\"age\");\n\n const calculateZones = (currentAge: number) => {\n // Calculate MHR\n const maxHeartRate = 220 - currentAge;\n\n // Simple zones with emojis and colors\n const zones: HeartRateZone[] = [\n {\n name: t(\"tools.heart-rate-zones.zones.warm_up.name\"),\n minHR: Math.round(maxHeartRate * 0.5),\n maxHR: Math.round(maxHeartRate * 0.6),\n emoji: \"🚶\",\n color: \"text-blue-600\",\n bgColor: \"bg-blue-100\",\n description: t(\"tools.heart-rate-zones.zones.warm_up.description\"),\n },\n {\n name: t(\"tools.heart-rate-zones.zones.fat_burn.name\"),\n minHR: Math.round(maxHeartRate * 0.6),\n maxHR: Math.round(maxHeartRate * 0.7),\n emoji: \"🔥\",\n color: \"text-green-600\",\n bgColor: \"bg-green-100\",\n description: t(\"tools.heart-rate-zones.zones.fat_burn.description\"),\n },\n {\n name: t(\"tools.heart-rate-zones.zones.aerobic.name\"),\n minHR: Math.round(maxHeartRate * 0.7),\n maxHR: Math.round(maxHeartRate * 0.8),\n emoji: \"🏃\",\n color: \"text-yellow-600\",\n bgColor: \"bg-yellow-100\",\n description: t(\"tools.heart-rate-zones.zones.aerobic.description\"),\n },\n {\n name: t(\"tools.heart-rate-zones.zones.anaerobic.name\"),\n minHR: Math.round(maxHeartRate * 0.8),\n maxHR: Math.round(maxHeartRate * 0.9),\n emoji: \"💪\",\n color: \"text-orange-500\",\n bgColor: \"bg-orange-100\",\n description: t(\"tools.heart-rate-zones.zones.anaerobic.description\"),\n },\n {\n name: t(\"tools.heart-rate-zones.zones.vo2_max.name\"),\n minHR: Math.round(maxHeartRate * 0.9),\n maxHR: maxHeartRate,\n emoji: \"🚀\",\n color: \"text-red-600\",\n bgColor: \"bg-red-100\",\n description: t(\"tools.heart-rate-zones.zones.vo2_max.description\"),\n },\n ];\n\n setResults({\n maxHeartRate,\n zones,\n });\n };\n\n // Calculate on age change\n useEffect(() => {\n if (age && age >= 1 && age <= 120) {\n calculateZones(age);\n }\n }, [age]);\n\n return (\n
\n {/* Age input section - always visible */}\n
\n
\n
🎂
\n

{t(\"tools.heart-rate-zones.age\")}

\n

{t(\"tools.heart-rate-zones.age_placeholder\")}

\n
\n\n {/* Age slider */}\n
\n
{age}
\n setValue(\"age\", parseInt(e.target.value))}\n style={{\n background: `linear-gradient(to right, #3B82F6 0%, #3B82F6 ${(age / 120) * 100}%, #E5E7EB ${(age / 120) * 100}%, #E5E7EB 100%)`,\n }}\n type=\"range\"\n value={age}\n />\n
\n 1\n 120\n
\n
\n
\n\n {/* Results section - always visible */}\n {results && (\n
\n {/* Max heart rate display */}\n
\n
💓
\n

\n {t(\"tools.heart-rate-zones.results.max_heart_rate\")}\n

\n
{results.maxHeartRate}
\n
bpm
\n
\n\n {/* Heart rate zones */}\n
\n

\n {t(\"tools.heart-rate-zones.results.target_zones\")} 🎯\n

\n\n {/* Global zones visualization */}\n
\n
\n {t(\"tools.heart-rate-zones.results.overview\")}\n
\n
\n {results.zones.map((zone) => (\n \n ))}\n
\n
\n 0\n {Math.round(results.maxHeartRate * 0.5)}\n {Math.round(results.maxHeartRate * 0.75)}\n {results.maxHeartRate} bpm\n
\n
\n\n
\n {results.zones.map((zone) => (\n \n
\n
\n
{zone.emoji}
\n
\n

{zone.name}

\n

{zone.description}

\n
\n
\n
\n
\n {zone.minHR}-{zone.maxHR}\n
\n
bpm
\n
\n
\n\n {/* Visual progress bar */}\n
\n
\n \n
\n
\n {Math.round((zone.maxHR / results.maxHeartRate) * 100)}% de FCM\n
\n
\n
\n ))}\n
\n
\n {env.NEXT_PUBLIC_IN_ARTICLE_HEART_ZONES_AD_SLOT_3 && }\n {/* Simple tips */}\n
\n
\n
💡
\n

{t(\"tools.heart-rate-zones.tips.title\")}

\n
\n\n
\n
\n ✅\n

{t(\"tools.heart-rate-zones.tips.tip1\")}

\n
\n
\n ⏱️\n

{t(\"tools.heart-rate-zones.tips.tip2\")}

\n
\n
\n 📈\n

{t(\"tools.heart-rate-zones.tips.tip3\")}

\n
\n
\n 🏥\n

{t(\"tools.heart-rate-zones.tips.tip4\")}

\n
\n
\n
\n
\n )}\n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/heart-rate-zones/ui/components/EducationalContent.tsx", "content": "\"use client\";\n\nimport React from \"react\";\n\nimport { TFunction, useI18n } from \"locales/client\";\nimport { useScrollToTop } from \"@/shared/hooks/useScrollToTop\";\n\nexport function EducationalContent() {\n const t = useI18n();\n const scrollToTop = useScrollToTop();\n\n const zones = (t: TFunction) => [\n {\n emoji: \"🚶\",\n name: t(\"tools.heart-rate-zones.zones.warm_up.name\"),\n intensity: \"50-60%\",\n color: \"bg-blue-100 text-blue-700\",\n benefits: t(\"tools.heart-rate-zones.zones.warm_up.benefits\"),\n example: t(\"tools.heart-rate-zones.zones.warm_up.example\"),\n },\n {\n emoji: \"🔥\",\n name: t(\"tools.heart-rate-zones.zones.fat_burn.name\"),\n intensity: \"60-70%\",\n color: \"bg-green-100 text-green-700\",\n benefits: t(\"tools.heart-rate-zones.zones.fat_burn.benefits\"),\n example: t(\"tools.heart-rate-zones.zones.fat_burn.example\"),\n },\n {\n emoji: \"🏃\",\n name: t(\"tools.heart-rate-zones.zones.aerobic.name\"),\n intensity: \"70-80%\",\n color: \"bg-yellow-100 text-yellow-700\",\n benefits: t(\"tools.heart-rate-zones.zones.aerobic.benefits\"),\n example: t(\"tools.heart-rate-zones.zones.aerobic.example\"),\n },\n {\n emoji: \"💪\",\n name: t(\"tools.heart-rate-zones.zones.anaerobic.name\"),\n intensity: \"80-90%\",\n color: \"bg-orange-100 text-orange-700\",\n benefits: t(\"tools.heart-rate-zones.zones.anaerobic.benefits\"),\n example: t(\"tools.heart-rate-zones.zones.anaerobic.example\"),\n },\n {\n emoji: \"🚀\",\n name: t(\"tools.heart-rate-zones.zones.vo2_max.name\"),\n intensity: \"90-100%\",\n color: \"bg-red-100 text-red-700\",\n benefits: t(\"tools.heart-rate-zones.zones.vo2_max.benefits\"),\n example: t(\"tools.heart-rate-zones.zones.vo2_max.example\"),\n },\n ];\n\n const tips = (t: TFunction) => [\n {\n emoji: \"🎯\",\n title: t(\"tools.heart-rate-zones.training_tips_2.title\"),\n description: t(\"tools.heart-rate-zones.training_tips_2.description1\"),\n },\n {\n emoji: \"⏱️\",\n title: t(\"tools.heart-rate-zones.training_tips_2.title2\"),\n description: t(\"tools.heart-rate-zones.training_tips_2.description2\"),\n },\n {\n emoji: \"📈\",\n title: t(\"tools.heart-rate-zones.training_tips_2.title3\"),\n description: t(\"tools.heart-rate-zones.training_tips_2.description3\"),\n },\n {\n emoji: \"💓\",\n title: t(\"tools.heart-rate-zones.training_tips_2.title4\"),\n description: t(\"tools.heart-rate-zones.training_tips_2.description4\"),\n },\n ];\n\n const quickFacts = [\n {\n emoji: \"🧮\",\n fact: t(\"tools.heart-rate-zones.quick_facts.fact1\"),\n },\n {\n emoji: \"🛌\",\n fact: t(\"tools.heart-rate-zones.quick_facts.fact2\"),\n },\n {\n emoji: \"⌚\",\n fact: t(\"tools.heart-rate-zones.quick_facts.fact3\"),\n },\n {\n emoji: \"🏃‍♀️\",\n fact: t(\"tools.heart-rate-zones.quick_facts.fact4\"),\n },\n ];\n\n return (\n
\n {/* Visual Zone Guide */}\n
\n
\n
🎨
\n

{t(\"tools.heart-rate-zones.educational.title\")}

\n

{t(\"tools.heart-rate-zones.educational.description\")}

\n
\n\n
\n {zones(t).map((zone, index) => (\n \n
\n
\n
{zone.emoji}
\n
\n

{zone.name}

\n

{zone.intensity}

\n
\n
\n
\n

{zone.benefits}

\n

Ex: {zone.example}

\n
\n
\n
\n ))}\n
\n
\n\n {/* Simple Tips Grid */}\n
\n
\n
💡
\n

{t(\"tools.heart-rate-zones.training_tips_2.title\")}

\n
\n\n
\n {tips(t).map((tip) => (\n
\n
\n
{tip.emoji}
\n
\n

{tip.title}

\n

{tip.description}

\n
\n
\n
\n ))}\n
\n
\n\n {/* Fun Facts */}\n
\n
\n
🤓
\n

{t(\"tools.heart-rate-zones.quick_facts.title\")}

\n
\n\n
\n {quickFacts.map((item, index) => (\n \n
{item.emoji}
\n

{item.fact}

\n
\n ))}\n
\n \n\n {/* Interactive Weekly Plan */}\n
\n
\n
📅
\n

{t(\"tools.heart-rate-zones.weekly_plan.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.description\")}

\n
\n\n
\n
\n

{t(\"commons.monday\")}

\n
🚶
\n

{t(\"tools.heart-rate-zones.weekly_plan.monday.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.monday.description\")}

\n
\n
\n

{t(\"commons.tuesday\")}

\n
🔥
\n

{t(\"tools.heart-rate-zones.weekly_plan.tuesday.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.tuesday.description\")}

\n
\n
\n

{t(\"commons.wednesday\")}

\n
😴
\n

{t(\"tools.heart-rate-zones.weekly_plan.wednesday.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.wednesday.description\")}

\n
\n
\n

{t(\"commons.thursday\")}

\n
🏃
\n

{t(\"tools.heart-rate-zones.weekly_plan.thursday.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.thursday.description\")}

\n
\n
\n

{t(\"commons.friday\")}

\n
🚶
\n

{t(\"tools.heart-rate-zones.weekly_plan.friday.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.friday.description\")}

\n
\n
\n

{t(\"commons.saturday\")}

\n
💪
\n

{t(\"tools.heart-rate-zones.weekly_plan.saturday.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.saturday.description\")}

\n
\n
\n\n
\n

{t(\"tools.heart-rate-zones.weekly_plan.tips\")}

\n
\n
\n\n {/* Simple CTA */}\n
\n \n {t(\"tools.heart-rate-zones.weekly_plan.cta\")}\n \n
\n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/heart-rate-zones/ui/components/EducationalContentServer.tsx", "content": "import React from \"react\";\n\nimport { getI18n } from \"locales/server\";\nimport { ScrollToTopButton } from \"app/[locale]/(app)/tools/heart-rate-zones/ui/components/ScrollToTopButton\";\n\nexport async function EducationalContentServer() {\n const t = await getI18n();\n\n const zones = [\n {\n emoji: \"🚶\",\n name: t(\"tools.heart-rate-zones.zones.warm_up.name\"),\n intensity: \"50-60%\",\n color: \"bg-blue-100 text-blue-700\",\n benefits: t(\"tools.heart-rate-zones.zones.warm_up.benefits\"),\n example: t(\"tools.heart-rate-zones.zones.warm_up.example\"),\n },\n {\n emoji: \"🔥\",\n name: t(\"tools.heart-rate-zones.zones.fat_burn.name\"),\n intensity: \"60-70%\",\n color: \"bg-green-100 text-green-700\",\n benefits: t(\"tools.heart-rate-zones.zones.fat_burn.benefits\"),\n example: t(\"tools.heart-rate-zones.zones.fat_burn.example\"),\n },\n {\n emoji: \"🏃\",\n name: t(\"tools.heart-rate-zones.zones.aerobic.name\"),\n intensity: \"70-80%\",\n color: \"bg-yellow-100 text-yellow-700\",\n benefits: t(\"tools.heart-rate-zones.zones.aerobic.benefits\"),\n example: t(\"tools.heart-rate-zones.zones.aerobic.example\"),\n },\n {\n emoji: \"💪\",\n name: t(\"tools.heart-rate-zones.zones.anaerobic.name\"),\n intensity: \"80-90%\",\n color: \"bg-orange-100 text-orange-700\",\n benefits: t(\"tools.heart-rate-zones.zones.anaerobic.benefits\"),\n example: t(\"tools.heart-rate-zones.zones.anaerobic.example\"),\n },\n {\n emoji: \"🚀\",\n name: t(\"tools.heart-rate-zones.zones.vo2_max.name\"),\n intensity: \"90-100%\",\n color: \"bg-red-100 text-red-700\",\n benefits: t(\"tools.heart-rate-zones.zones.vo2_max.benefits\"),\n example: t(\"tools.heart-rate-zones.zones.vo2_max.example\"),\n },\n ];\n\n const tips = [\n {\n emoji: \"🎯\",\n title: t(\"tools.heart-rate-zones.training_tips_2.title\"),\n description: t(\"tools.heart-rate-zones.training_tips_2.description1\"),\n },\n {\n emoji: \"⏱️\",\n title: t(\"tools.heart-rate-zones.training_tips_2.title2\"),\n description: t(\"tools.heart-rate-zones.training_tips_2.description2\"),\n },\n {\n emoji: \"📈\",\n title: t(\"tools.heart-rate-zones.training_tips_2.title3\"),\n description: t(\"tools.heart-rate-zones.training_tips_2.description3\"),\n },\n {\n emoji: \"💓\",\n title: t(\"tools.heart-rate-zones.training_tips_2.title4\"),\n description: t(\"tools.heart-rate-zones.training_tips_2.description4\"),\n },\n ];\n\n const quickFacts = [\n {\n emoji: \"🧮\",\n fact: t(\"tools.heart-rate-zones.quick_facts.fact1\"),\n },\n {\n emoji: \"🛌\",\n fact: t(\"tools.heart-rate-zones.quick_facts.fact2\"),\n },\n {\n emoji: \"⌚\",\n fact: t(\"tools.heart-rate-zones.quick_facts.fact3\"),\n },\n {\n emoji: \"🏃‍♀️\",\n fact: t(\"tools.heart-rate-zones.quick_facts.fact4\"),\n },\n ];\n\n return (\n
\n {/* Visual Zone Guide */}\n
\n
\n
🎨
\n

{t(\"tools.heart-rate-zones.educational.title\")}

\n

{t(\"tools.heart-rate-zones.educational.description\")}

\n
\n\n
\n {zones.map((zone, index) => (\n \n
\n
\n
{zone.emoji}
\n
\n

{zone.name}

\n

{zone.intensity}

\n
\n
\n
\n

{zone.benefits}

\n

Ex: {zone.example}

\n
\n
\n
\n ))}\n
\n
\n\n {/* Simple Tips Grid */}\n
\n
\n
💡
\n

{t(\"tools.heart-rate-zones.training_tips_2.title\")}

\n
\n\n
\n {tips.map((tip) => (\n
\n
\n
{tip.emoji}
\n
\n

{tip.title}

\n

{tip.description}

\n
\n
\n
\n ))}\n
\n
\n\n {/* Fun Facts */}\n
\n
\n
🤓
\n

{t(\"tools.heart-rate-zones.quick_facts.title\")}

\n
\n\n
\n {quickFacts.map((item, index) => (\n \n
{item.emoji}
\n

{item.fact}

\n
\n ))}\n
\n \n\n {/* Interactive Weekly Plan */}\n
\n
\n
📅
\n

{t(\"tools.heart-rate-zones.weekly_plan.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.description\")}

\n
\n\n
\n
\n

{t(\"commons.monday\")}

\n
🚶
\n

{t(\"tools.heart-rate-zones.weekly_plan.monday.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.monday.description\")}

\n
\n
\n

{t(\"commons.tuesday\")}

\n
🔥
\n

{t(\"tools.heart-rate-zones.weekly_plan.tuesday.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.tuesday.description\")}

\n
\n
\n

{t(\"commons.wednesday\")}

\n
😴
\n

{t(\"tools.heart-rate-zones.weekly_plan.wednesday.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.wednesday.description\")}

\n
\n
\n

{t(\"commons.thursday\")}

\n
🏃
\n

{t(\"tools.heart-rate-zones.weekly_plan.thursday.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.thursday.description\")}

\n
\n
\n

{t(\"commons.friday\")}

\n
🚶
\n

{t(\"tools.heart-rate-zones.weekly_plan.friday.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.friday.description\")}

\n
\n
\n

{t(\"commons.saturday\")}

\n
💪
\n

{t(\"tools.heart-rate-zones.weekly_plan.saturday.title\")}

\n

{t(\"tools.heart-rate-zones.weekly_plan.saturday.description\")}

\n
\n
\n\n
\n

{t(\"tools.heart-rate-zones.weekly_plan.tips\")}

\n
\n
\n\n {/* Simple CTA */}\n
\n \n
\n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/heart-rate-zones/ui/components/FAQAccordion.tsx", "content": "\"use client\";\n\nimport React, { useState } from \"react\";\n\ninterface FAQItem {\n question: string;\n answer: string;\n}\n\ninterface FAQAccordionProps {\n items: FAQItem[];\n}\n\nexport function FAQAccordion({ items }: FAQAccordionProps) {\n const [activeTab, setActiveTab] = useState(0);\n\n return (\n
\n {items.map((item, index) => (\n \n setActiveTab(activeTab === index ? -1 : index)}\n >\n

\n {item.question}\n

\n {activeTab === index ? \"−\" : \"+\"}\n \n {activeTab === index && (\n \n

\n {item.answer}\n

\n
\n )}\n \n ))}\n \n );\n}" }, { "path": "app/[locale]/(app)/tools/heart-rate-zones/ui/components/SEOOptimizedContentServer.tsx", "content": "import React from \"react\";\nimport Link from \"next/link\";\n\nimport { getI18n } from \"locales/server\";\nimport { ScrollToTopButton } from \"app/[locale]/(app)/tools/heart-rate-zones/ui/components/ScrollToTopButton\";\nimport { FAQAccordion } from \"app/[locale]/(app)/tools/heart-rate-zones/ui/components/FAQAccordion\";\nimport { env } from \"@/env\";\nimport { InArticle } from \"@/components/ads\";\n\nexport async function SEOOptimizedContentServer() {\n const t = await getI18n();\n // Age-based heart rate chart data\n const ageChartData = [\n { age: \"20-29\", maxHR: \"190-200\", target50: \"95-100\", target85: \"162-170\" },\n { age: \"30-39\", maxHR: \"180-190\", target50: \"90-95\", target85: \"153-162\" },\n { age: \"40-49\", maxHR: \"170-180\", target50: \"85-90\", target85: \"145-153\" },\n { age: \"50-59\", maxHR: \"160-170\", target50: \"80-85\", target85: \"136-145\" },\n { age: \"60-69\", maxHR: \"150-160\", target50: \"75-80\", target85: \"128-136\" },\n { age: \"70+\", maxHR: \"140-150\", target50: \"70-75\", target85: \"119-128\" },\n ];\n\n const faqItems = [\n {\n question: t(\"tools.heart-rate-zones.seo_faq_q1_question\"),\n answer: t(\"tools.heart-rate-zones.seo_faq_q1_answer\"),\n },\n {\n question: t(\"tools.heart-rate-zones.seo_faq_q2_question\"),\n answer: t(\"tools.heart-rate-zones.seo_faq_q2_answer\"),\n },\n {\n question: t(\"tools.heart-rate-zones.seo_faq_q3_question\"),\n answer: t(\"tools.heart-rate-zones.seo_faq_q3_answer\"),\n },\n {\n question: t(\"tools.heart-rate-zones.seo_faq_q4_question\"),\n answer: t(\"tools.heart-rate-zones.seo_faq_q4_answer\"),\n },\n {\n question: t(\"tools.heart-rate-zones.seo_faq_q5_question\"),\n answer: t(\"tools.heart-rate-zones.seo_faq_q5_answer\"),\n },\n {\n question: t(\"tools.heart-rate-zones.seo_faq_q6_question\"),\n answer: t(\"tools.heart-rate-zones.seo_faq_q6_answer\"),\n },\n {\n question: t(\"tools.heart-rate-zones.seo_faq_q7_question\"),\n answer: t(\"tools.heart-rate-zones.seo_faq_q7_answer\"),\n },\n {\n question: t(\"tools.heart-rate-zones.seo_faq_q8_question\"),\n answer: t(\"tools.heart-rate-zones.seo_faq_q8_answer\"),\n },\n ];\n\n return (\n
\n {/* Introduction détaillée */}\n
\n

{t(\"tools.heart-rate-zones.guide.title\")}

\n
\n

{t(\"tools.heart-rate-zones.guide.text1\")}

\n

{t(\"tools.heart-rate-zones.guide.text2\")}

\n
\n
\n {env.NEXT_PUBLIC_IN_ARTICLE_HEART_ZONES_AD_SLOT_1 && }\n\n {/* Tableau de référence par âge */}\n
\n

{t(\"tools.heart-rate-zones.table.title\")}

\n
\n \n \n \n \n \n \n \n \n \n \n {ageChartData.map((row, index) => (\n \n \n \n \n \n \n ))}\n \n
{t(\"tools.heart-rate-zones.table.col1\")}{t(\"tools.heart-rate-zones.table.col2\")}{t(\"tools.heart-rate-zones.table.col3\")}{t(\"tools.heart-rate-zones.table.col4\")}
{row.age}{row.maxHR}{row.target50}{row.target85}
\n
\n

{t(\"tools.heart-rate-zones.table.avertiser\")}

\n
\n\n {/* Explication détaillée des zones */}\n
\n

{t(\"tools.heart-rate-zones.details.title\")}

\n\n
\n
\n
\n
🚶
\n
\n

\n {t(\"tools.heart-rate-zones.details.zone1_title\")}\n

\n

{t(\"tools.heart-rate-zones.details.zone1_content\")}

\n
\n
\n

\n {t(\"tools.heart-rate-zones.details.benefits\")} :\n

\n
    \n
  • {t(\"tools.heart-rate-zones.details.zone1_details_1\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone1_details_2\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone1_details_3\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone1_details_4\")}
    • \n
\n
\n
\n

\n {t(\"tools.heart-rate-zones.details.zone1_duration\")} :\n

\n

\n {t(\"tools.heart-rate-zones.details.zone1_duration_value\")}\n
\n {t(\"tools.heart-rate-zones.details.zone1_duration_value_2\")}\n

\n
\n
\n
\n
\n
\n\n
\n
\n
🔥
\n
\n

\n {t(\"tools.heart-rate-zones.details.zone2_title\")}\n

\n

{t(\"tools.heart-rate-zones.details.zone2_content\")}

\n
\n
\n

\n {t(\"tools.heart-rate-zones.details.benefits\")} :\n

\n
    \n
  • {t(\"tools.heart-rate-zones.details.zone2_details_1\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone2_details_2\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone2_details_3\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone2_details_4\")}
    • \n
\n
\n
\n

\n {t(\"tools.heart-rate-zones.details.zone2_duration\")} :\n

\n

\n {t(\"tools.heart-rate-zones.details.zone2_duration_value\")}\n
\n {t(\"tools.heart-rate-zones.details.zone2_duration_value_2\")}\n

\n
\n
\n
\n
\n
\n\n
\n
\n
🏃
\n
\n

\n {t(\"tools.heart-rate-zones.details.zone3_title\")}\n

\n

{t(\"tools.heart-rate-zones.details.zone3_content\")}

\n
\n
\n

\n {t(\"tools.heart-rate-zones.details.benefits\")} :\n

\n
    \n
  • {t(\"tools.heart-rate-zones.details.zone3_details_1\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone3_details_2\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone3_details_3\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone3_details_4\")}
    • \n
\n
\n
\n

\n {t(\"tools.heart-rate-zones.details.zone3_duration\")} :\n

\n

\n {t(\"tools.heart-rate-zones.details.zone3_duration_value\")}\n
\n {t(\"tools.heart-rate-zones.details.zone3_duration_value_2\")}\n

\n
\n
\n
\n
\n
\n\n
\n
\n
💪
\n
\n

\n {t(\"tools.heart-rate-zones.details.zone4_title\")}\n

\n

{t(\"tools.heart-rate-zones.details.zone4_content\")}

\n
\n
\n

\n {t(\"tools.heart-rate-zones.details.benefits\")} :\n

\n
    \n
  • {t(\"tools.heart-rate-zones.details.zone4_details_1\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone4_details_2\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone4_details_3\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone4_details_4\")}
    • \n
\n
\n
\n

\n {t(\"tools.heart-rate-zones.details.zone4_duration\")} :\n

\n

\n {t(\"tools.heart-rate-zones.details.zone4_duration_value\")}\n
\n {t(\"tools.heart-rate-zones.details.zone4_duration_value_2\")}\n

\n
\n
\n
\n
\n
\n\n
\n
\n
🚀
\n
\n

\n {t(\"tools.heart-rate-zones.details.zone5_title\")}\n

\n

{t(\"tools.heart-rate-zones.details.zone5_content\")}

\n
\n
\n

\n {t(\"tools.heart-rate-zones.details.benefits\")} :\n

\n
    \n
  • {t(\"tools.heart-rate-zones.details.zone5_details_1\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone5_details_2\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone5_details_3\")}
    • \n
  • {t(\"tools.heart-rate-zones.details.zone5_details_4\")}
    • \n
\n
\n
\n

\n {t(\"tools.heart-rate-zones.details.zone5_duration\")} :\n

\n

\n {t(\"tools.heart-rate-zones.details.zone5_duration_value\")}\n
\n {t(\"tools.heart-rate-zones.details.zone5_duration_value_2\")}\n

\n
\n
\n
\n
\n
\n
\n
\n {env.NEXT_PUBLIC_IN_ARTICLE_HEART_ZONES_AD_SLOT_2 && }\n {/* Conseils d'entraînement */}\n
\n

{t(\"tools.heart-rate-zones.training_tips.title\")}

\n\n
\n {[\n { icon: \"🔥\", tip: \"tip1\" },\n { icon: \"📊\", tip: \"tip2\" },\n { icon: \"🔄\", tip: \"tip3\" },\n { icon: \"💧\", tip: \"tip4\" },\n { icon: \"😴\", tip: \"tip5\" },\n { icon: \"📈\", tip: \"tip6\" },\n ].map((item) => (\n
\n
{item.icon}
\n

\n {t(`tools.heart-rate-zones.training_tips.${item.tip}.title` as keyof typeof t)}\n

\n

\n {t(`tools.heart-rate-zones.training_tips.${item.tip}.description` as keyof typeof t)}\n

\n
\n ))}\n
\n
\n\n {/* FAQ complète avec schema */}\n
\n

{t(\"tools.heart-rate-zones.seo_faq_title\")}

\n\n {/* JSON-LD FAQ Schema for better Google indexing */}\n ({\n \"@type\": \"Question\",\n name: item.question,\n acceptedAnswer: {\n \"@type\": \"Answer\",\n text: item.answer,\n },\n })),\n }),\n }}\n type=\"application/ld+json\"\n />\n\n \n
\n\n {/* Liens internes et CTA */}\n
\n
\n

{t(\"tools.heart-rate-zones.intern_links_title\")}

\n

{t(\"tools.heart-rate-zones.intern_links_subtitle\")}

\n \n\n
\n \n

{t(\"tools.heart-rate-zones.intern_links_bmi_title\")}

\n

{t(\"tools.heart-rate-zones.intern_links_bmi_description\")}

\n \n \n

{t(\"tools.heart-rate-zones.intern_links_calorie_title\")}

\n

{t(\"tools.heart-rate-zones.intern_links_calorie_description\")}

\n \n
\n
\n
\n\n {/* Avertissement médical */}\n
\n
\n ⚠️\n
\n

{t(\"tools.heart-rate-zones.medical_warning_title\")}

\n

{t(\"tools.heart-rate-zones.medical_warning_content\")}

\n
\n
\n
\n
\n );\n}\n" }, { "path": "app/[locale]/(app)/tools/heart-rate-zones/ui/components/ScrollToTopButton.tsx", "content": "\"use client\";\n\nimport React from \"react\";\n\nimport { useScrollToTop } from \"@/shared/hooks/useScrollToTop\";\n\ninterface ScrollToTopButtonProps {\n text: string;\n}\n\nexport function ScrollToTopButton({ text }: ScrollToTopButtonProps) {\n const scrollToTop = useScrollToTop();\n\n return (\n \n {text}\n \n );\n}\n" }, { "path": "app/[locale]/(app)/tools/heart-rate-zones/ui/styles.css", "content": "/* Simple animations for heart rate calculator */\n\n@keyframes heartbeat {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n 100% { transform: scale(1); }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateX(-20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n/* Custom slider styles */\ninput[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n}\n\ninput[type=\"range\"]::-webkit-slider-track {\n background: #E5E7EB;\n height: 16px;\n border-radius: 9999px;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n background: #E5E7EB;\n height: 16px;\n border-radius: 9999px;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n background: #3B82F6;\n height: 32px;\n width: 32px;\n border-radius: 50%;\n margin-top: -8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n transition: all 0.2s;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n border: none;\n background: #3B82F6;\n height: 32px;\n width: 32px;\n border-radius: 50%;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n transition: all 0.2s;\n}\n\ninput[type=\"range\"]:hover::-webkit-slider-thumb {\n transform: scale(1.1);\n background: #2563EB;\n}\n\ninput[type=\"range\"]:hover::-moz-range-thumb {\n transform: scale(1.1);\n background: #2563EB;\n}\n\ninput[type=\"range\"]:active::-webkit-slider-thumb {\n transform: scale(0.95);\n}\n\ninput[type=\"range\"]:active::-moz-range-thumb {\n transform: scale(0.95);\n}\n\n/* Animation classes */\n.animate-heartbeat {\n animation: heartbeat 1.5s ease-in-out infinite;\n}\n\n.animate-fade-in-up {\n animation: fadeInUp 0.6s ease-out;\n}\n\n.animate-slide-in {\n animation: slideIn 0.4s ease-out;\n}\n\n/* Button press effect */\n.button-press {\n transition: all 0.1s ease;\n}\n\n.button-press:active {\n transform: scale(0.95);\n}\n\n/* Card hover effect */\n.card-hover {\n transition: all 0.3s ease;\n}\n\n.card-hover:hover {\n transform: translateY(-4px);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n}" }, { "path": "app/[locale]/(app)/tools/page.tsx", "content": "import React from \"react\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { Metadata } from \"next\";\nimport { CalculatorIcon, ScaleIcon, HeartIcon, DumbbellIcon, RepeatIcon } from \"lucide-react\";\n\nimport { getI18n } from \"locales/server\";\nimport { env } from \"@/env\";\nimport { HorizontalBottomBanner, HorizontalTopBanner } from \"@/components/ads\";\n\ninterface FitnessTool {\n id: string;\n icon: React.ReactNode;\n emoji: string;\n gradientFrom: string;\n gradientTo: string;\n href: string;\n coming_soon?: boolean;\n}\n\nconst fitnessTools: FitnessTool[] = [\n {\n id: \"calorie-calculator\",\n icon: ,\n emoji: \"WorkoutCoolChief.png\",\n gradientFrom: \"from-[#4F8EF7]\",\n gradientTo: \"to-[#238BE6]\",\n href: \"/tools/calorie-calculator\",\n },\n {\n id: \"bmi-calculator\",\n icon: ,\n emoji: \"WorkoutCoolLove.png\",\n gradientFrom: \"from-[#FF5722]\",\n gradientTo: \"to-[#EF4444]\",\n href: \"/tools/bmi-calculator\",\n },\n {\n id: \"macro-calculator\",\n icon: ,\n emoji: \"WorkoutCoolBiceps.png\",\n gradientFrom: \"from-[#25CB78]\",\n gradientTo: \"to-[#22C55E]\",\n href: \"/tools/macro-calculator\",\n coming_soon: true,\n },\n {\n id: \"heart-rate-calculator\",\n icon: ,\n emoji: \"WorkoutCoolMedical.png\",\n gradientFrom: \"from-[#8B5CF6]\",\n gradientTo: \"to-[#7C3AED]\",\n href: \"/tools/heart-rate-zones\",\n },\n {\n id: \"one-rep-max\",\n icon: ,\n emoji: \"WorkoutCoolRich.png\",\n gradientFrom: \"from-[#F59E0B]\",\n gradientTo: \"to-[#EF4444]\",\n href: \"/tools/one-rep-max\",\n coming_soon: true,\n },\n];\n\nexport async function generateMetadata(): Promise {\n const t = await getI18n();\n\n return {\n title: t(\"tools.meta.title\"),\n description: t(\"tools.meta.description\"),\n keywords: t(\"tools.meta.keywords\"),\n };\n}\n\nexport default async function ToolsPage() {\n const t = await getI18n();\n\n return (\n
\n {env.NEXT_PUBLIC_TOP_TOOLS_BANNER_AD_SLOT && }\n
\n
\n

\n {t(\"tools.title\")}\n

\n

{t(\"tools.subtitle\")}

\n
\n\n
\n {fitnessTools.map((tool) => {\n const sharedClassName = `group relative overflow-hidden rounded-2xl border backdrop-blur-sm transition-all duration-300 ${\n tool.coming_soon\n ? \"border-base-content/20 bg-base-200/30 cursor-not-allowed opacity-60 dark:border-base-content/10 dark:bg-base-200/20\"\n : \"border-base-content bg-base-200/50 hover:scale-[1.02] hover:border-primary/50 dark:border-base-content/10 dark:bg-base-200/50\"\n }`;\n\n if (tool.coming_soon) {\n return (\n
\n \n\n
\n
\n \n {tool.icon}\n
\n \n \n
\n
\n\n

\n {t(`tools.${tool.id}.title` as keyof typeof t)}\n

\n

\n {t(`tools.${tool.id}.description` as keyof typeof t)}\n

\n\n {tool.coming_soon && (\n
\n {t(\"commons.coming_soon\")}\n
\n )}\n\n {!tool.coming_soon && (\n
\n {t(\"tools.try_now\")}\n \n \n \n
\n )}\n
\n
\n );\n }\n\n return (\n \n \n\n
\n
\n \n {tool.icon}\n
\n \n \n
\n
\n\n

\n {t(`tools.${tool.id}.title` as keyof typeof t)}\n

\n

\n {t(`tools.${tool.id}.description` as keyof typeof t)}\n

\n\n {tool.coming_soon && (\n
\n {t(\"commons.coming_soon\")}\n
\n )}\n\n {!tool.coming_soon && (\n
\n {t(\"tools.try_now\")}\n \n \n \n
\n )}\n \n \n );\n })}\n \n\n {env.NEXT_PUBLIC_BOTTOM_TOOLS_BANNER_AD_SLOT && (\n
\n \n
\n )}\n
\n
\n \n {t(\"tools.moreComingSoon\")}\n
\n
\n \n \n );\n}\n" }, { "path": "app/[locale]/@modal/(.)auth/login/page.tsx", "content": "import { CredentialsLoginForm } from \"@/features/auth/signin/ui/CredentialsLoginForm\";\nimport { Dialog, DialogContent } from \"@/components/ui/dialog\";\n\nexport default function LoginModal() {\n return (\n \n \n \n \n \n );\n}\n" }, { "path": "app/[locale]/layout.tsx", "content": "import { Inter, Permanent_Marker } from \"next/font/google\";\nimport { GeistSans } from \"geist/font/sans\";\nimport { GeistMono } from \"geist/font/mono\";\n\nimport { Providers } from \"app/[locale]/providers\";\nimport { cn } from \"@/shared/lib/utils\";\nimport { generateStructuredData, StructuredDataScript } from \"@/shared/lib/structured-data\";\nimport { getServerUrl } from \"@/shared/lib/server-url\";\nimport { SiteConfig } from \"@/shared/config/site-config\";\nimport { getLocalizedMetadata } from \"@/shared/config/localized-metadata\";\nimport { WorkoutSessionsSynchronizer } from \"@/features/workout-session/ui/workout-sessions-synchronizer\";\nimport { FavoriteExercisesSynchronizer } from \"@/features/workout-builder/model/favorite-exercises-synchronizer\";\nimport { ThemeSynchronizer } from \"@/features/theme/ui/ThemeSynchronizer\";\nimport { env } from \"@/env\";\nimport { Version } from \"@/components/version\";\nimport { TailwindIndicator } from \"@/components/utils/TailwindIndicator\";\nimport { NextTopLoader } from \"@/components/ui/next-top-loader\";\nimport { ServiceWorkerRegistration } from \"@/components/pwa/ServiceWorkerRegistration\";\nimport { VerticalLeftBanner, VerticalRightBanner, AdBlockerForPremium } from \"@/components/ads\";\n\nimport type { ReactElement } from \"react\";\nimport type { Metadata } from \"next\";\n\nimport \"@/shared/styles/globals.css\";\n\nexport async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise {\n const { locale } = await params;\n const localizedData = getLocalizedMetadata(locale);\n\n return {\n title: {\n default: localizedData.title,\n template: `%s | ${localizedData.title}`,\n },\n description: localizedData.description,\n keywords: localizedData.keywords as unknown as string[],\n applicationName: localizedData.applicationName,\n category: localizedData.category,\n classification: localizedData.classification,\n metadataBase: new URL(getServerUrl()),\n manifest: \"/manifest.json\",\n robots: {\n index: true,\n follow: true,\n googleBot: {\n index: true,\n follow: true,\n \"max-snippet\": -1,\n \"max-image-preview\": \"large\",\n \"max-video-preview\": -1,\n },\n },\n verification: {\n google: process.env.GOOGLE_SITE_VERIFICATION,\n },\n openGraph: {\n title: localizedData.title,\n description: localizedData.description,\n url: getServerUrl(),\n siteName: SiteConfig.title,\n locale:\n locale === \"en\"\n ? \"en_US\"\n : locale === \"es\"\n ? \"es_ES\"\n : locale === \"pt\"\n ? \"pt_PT\"\n : locale === \"ru\"\n ? \"ru_RU\"\n : locale === \"zh-CN\"\n ? \"zh_CN\"\n : \"fr_FR\",\n alternateLocale: [\n \"fr_FR\",\n \"fr_CA\",\n \"fr_CH\",\n \"fr_BE\",\n \"en_US\",\n \"en_GB\",\n \"en_CA\",\n \"en_AU\",\n \"es_ES\",\n \"es_MX\",\n \"es_AR\",\n \"es_CL\",\n \"pt_PT\",\n \"pt_BR\",\n \"ru_RU\",\n \"ru_BY\",\n \"ru_KZ\",\n \"zh_CN\",\n \"zh_TW\",\n \"zh_HK\",\n ].filter(\n (alt) =>\n alt !==\n (locale === \"en\"\n ? \"en_US\"\n : locale === \"es\"\n ? \"es_ES\"\n : locale === \"pt\"\n ? \"pt_PT\"\n : locale === \"ru\"\n ? \"ru_RU\"\n : locale === \"zh-CN\"\n ? \"zh_CN\"\n : \"fr_FR\"),\n ),\n images: [\n {\n url: `${getServerUrl()}/images/default-og-image_fr.jpg`,\n width: SiteConfig.seo.ogImage.width,\n height: SiteConfig.seo.ogImage.height,\n alt: `${SiteConfig.title} - Plateforme de fitness moderne`,\n },\n {\n url: `${getServerUrl()}/images/default-og-image_en.jpg`,\n width: SiteConfig.seo.ogImage.width,\n height: SiteConfig.seo.ogImage.height,\n alt: `${SiteConfig.title} - Modern fitness platform`,\n },\n {\n url: `${getServerUrl()}/images/default-og-image_es.jpg`,\n width: SiteConfig.seo.ogImage.width,\n height: SiteConfig.seo.ogImage.height,\n alt: `${SiteConfig.title} - Plataforma de fitness moderna`,\n },\n {\n url: `${getServerUrl()}/images/default-og-image_pt.jpg`,\n width: SiteConfig.seo.ogImage.width,\n height: SiteConfig.seo.ogImage.height,\n alt: `${SiteConfig.title} - Plataforma de fitness moderna`,\n },\n {\n url: `${getServerUrl()}/images/default-og-image_ru.jpg`,\n width: SiteConfig.seo.ogImage.width,\n height: SiteConfig.seo.ogImage.height,\n alt: `${SiteConfig.title} - Современная фитнес платформа`,\n },\n {\n url: `${getServerUrl()}/images/default-og-image_zh.jpg`,\n width: SiteConfig.seo.ogImage.width,\n height: SiteConfig.seo.ogImage.height,\n alt: `${SiteConfig.title} - 现代健身平台`,\n },\n ],\n type: \"website\",\n },\n twitter: {\n card: \"summary_large_image\",\n site: SiteConfig.seo.twitterHandle,\n creator: SiteConfig.seo.twitterHandle,\n title: localizedData.title,\n description: localizedData.description,\n images: [\n {\n url: `${getServerUrl()}/images/default-og-image_${locale === \"zh-CN\" ? \"zh\" : locale}.jpg`,\n width: SiteConfig.seo.ogImage.width,\n height: SiteConfig.seo.ogImage.height,\n alt: localizedData.ogAlt,\n },\n ],\n },\n alternates: {\n canonical: \"https://www.workout.cool\",\n languages: {\n \"fr-FR\": \"https://www.workout.cool/fr\",\n \"en-US\": \"https://www.workout.cool/en\",\n \"es-ES\": \"https://www.workout.cool/es\",\n \"pt-PT\": \"https://www.workout.cool/pt\",\n \"ru-RU\": \"https://www.workout.cool/ru\",\n \"zh-CN\": \"https://www.workout.cool/zh-CN\",\n \"x-default\": \"https://www.workout.cool\",\n },\n },\n authors: [{ name: SiteConfig.company.name, url: getServerUrl() }],\n creator: SiteConfig.company.name,\n publisher: SiteConfig.company.name,\n formatDetection: {\n email: false,\n address: false,\n telephone: false,\n },\n appleWebApp: {\n capable: true,\n statusBarStyle: \"default\",\n title: SiteConfig.title,\n },\n icons: {\n icon: [\n { url: \"/images/favicon-32x32.png\", sizes: \"32x32\", type: \"image/png\" },\n { url: \"/images/favicon-16x16.png\", sizes: \"16x16\", type: \"image/png\" },\n { url: \"/images/favicon.ico\", type: \"image/x-icon\" },\n ],\n apple: [{ url: \"/apple-touch-icon.png\", sizes: \"180x180\", type: \"image/png\" }],\n shortcut: \"/images/favicon.ico\",\n },\n other: {\n \"msapplication-TileColor\": \"#FF5722\",\n \"msapplication-TileImage\": \"/android-chrome-192x192.png\",\n },\n };\n}\n\nconst inter = Inter({\n subsets: [\"latin\"],\n variable: \"--font-inter\",\n display: \"swap\",\n});\n\nconst permanentMarker = Permanent_Marker({\n weight: \"400\",\n subsets: [\"latin\"],\n variable: \"--font-permanent-marker\",\n display: \"swap\",\n});\n\nexport const preferredRegion = [\"fra1\", \"sfo1\", \"iad1\"];\n\ninterface RootLayoutProps {\n params: Promise<{ locale: string }>;\n children: ReactElement;\n}\n\nexport default async function RootLayout({ params, children }: RootLayoutProps) {\n const { locale } = await params;\n // Generate structured data\n const websiteStructuredData = generateStructuredData({\n type: \"WebSite\",\n locale,\n });\n\n const organizationStructuredData = generateStructuredData({\n type: \"Organization\",\n locale,\n });\n\n const webAppStructuredData = generateStructuredData({\n type: \"WebApplication\",\n locale,\n });\n\n return (\n <>\n \n \n \n \n \n\n \n\n {/* Ezoic Privacy Scripts */}\n {/* eslint-disable-next-line @next/next/no-sync-scripts */}\n