// ============================================
// BELERATE — Content Strings (DE + EN)
// ============================================

const CONTENT = {
  de: {
    nav: {
      work: 'Arbeiten',
      services: 'Leistungen',
      process: 'Prozess',
      contact: 'Kontakt',
      cta: 'Projekt starten'
    },
    hero: {
      status: 'Verfügbar · Q2 / 2026',
      location: 'Remote weltweit',
      headline: ['Websites,', 'die', <span className="it">verkaufen.</span>, <br/>, <span className="dim">Nicht nur</span>, 'gefallen.'],
      lead: <>Wir bauen digitale Auftritte für Marken, die es ernst meinen. <span className="em">Design, Code, Custom Web-Lösungen — alles aus einer Hand. Nichts von der Stange.</span></>,
      cta1: 'Unverbindlich sprechen',
      cta2: 'Arbeiten ansehen',
      scroll: 'Scrollen'
    },
    marquee: [
      'Strategy-first Design',
      <><span className="it">Built for conversion</span></>,
      'React · Next · Webflow',
      <><span className="it">Custom builds</span></>,
      'Premium Brands only',
      <><span className="it">Remote · Weltweit</span></>
    ],
    services: {
      label: 'Leistungen / 01',
      title: <>Vier Dinge.<br/><span className="it">Richtig gemacht.</span></>,
      intro: 'Keine Full-Service-Agentur-Bullshit-Liste mit 47 Services. Wir machen das hier — und das machen wir besser als alle anderen.',
      items: [
        {
          num: '01',
          title: <>Marketing <span className="it">Websites</span></>,
          desc: 'Corporate Sites, Landing Pages, Launch Sites. Strategisch konzipiert, editorial gestaltet, auf Conversion gebaut. Kein Template. Keine Abkürzungen.',
          tags: ['Webflow', 'Framer', 'Strategy', 'Copy', 'Design']
        },
        {
          num: '02',
          title: <>Custom <span className="it">Web Apps</span></>,
          desc: 'Produkte, die wirklich was tun. React, Next.js, TypeScript — gebaut von Leuten, die nicht nur Komponenten zusammen­klicken, sondern Systeme verstehen.',
          tags: ['React', 'Next.js', 'TypeScript', 'Supabase', 'Stripe']
        },
        {
          num: '03',
          title: <>Automations & <span className="it">Internal Tools</span></>,
          desc: 'Interne Werkzeuge, Dashboards, Workflows die sich selbst bedienen. Wir ersetzen dein Spreadsheet-Chaos durch Software, die dein Team tatsächlich nutzen will.',
          tags: ['Automation', 'Dashboards', 'n8n', 'APIs', 'Ops']
        },
        {
          num: '04',
          title: <>Brand & <span className="it">Digital Identity</span></>,
          desc: 'Weil eine gute Website auf einer schlechten Marke nicht funktioniert. Logo, Type-System, Visual Language — alles durchgezogen vom Brief bis zum letzten Pixel.',
          tags: ['Identity', 'Type', 'Visual System', 'Guidelines']
        }
      ]
    },
    cases: {
      label: 'Arbeiten / 02',
      title: <>Ausgewählte <span className="it">Projekte.</span></>,
      intro: 'Wir zeigen nicht jedes Projekt. Nur die, die wir selbst gerne zeigen. Für Kunden, die verstehen, dass eine Website kein Kostenpunkt, sondern ein Asset ist.',
      viewCase: 'Live ansehen',
      items: [
        {
          id: 'beast',
          title: 'Boost The Beast Lab',
          sub: 'Performance Intelligence System · Web-App',
          year: '2026',
          tags: ['Next.js', 'SaaS', 'Auth', 'PDF-Report'],
          url: 'https://www.boostthebeast-lab.com',
          challenge: 'Wissenschaftliches Performance-Diagnostik-System für Athleten — 20 kalibrierte Fragen, WHOOP- und Apple-Health-Anbindung, KI-generierter PDF-Report. Alles musste nach "Labor" aussehen ohne klinisch zu sein.',
          solution: 'Next.js-App mit Account-System, mehrstufigem Protokoll, 5 Score-Dimensionen, optionaler Wearable-Integration und Premium-PDF-Generation. Dark Tech-Ästhetik mit Signalgelb — performativ, datengetrieben, premium.'
        },
        {
          id: 'soma',
          title: 'SOMA Health Club',
          sub: 'Pilates-Studio Heidelberg · Editorial Webflow-Build',
          year: '2025',
          tags: ['Webflow', 'Editorial', 'Branding'],
          url: 'https://www.soma-pilates.de',
          challenge: 'Neu eröffnetes Premium-Studio in Heidelberg-Südstadt. Keine Sichtbarkeit, keine Website, nur eine klare Vision von "Mind Body Soul".',
          solution: 'Editorial Webflow-Site mit Fraunces-Serif und Beige-Ton. Buchungssystem für Reformer- & Mat-Kurse, Class-CMS, Events-Feed. Tonalität: ruhig, weich, premium.'
        },
        {
          id: 'loma',
          title: 'LOMA Group',
          sub: 'Event-Locations · Schlösser, Gutshöfe, Konzepte',
          year: '2025',
          tags: ['Corporate', 'Webflow', 'Locations'],
          url: 'https://loma-group.de',
          challenge: '7 exklusive Locations, 20+ Jahre Branche, Kunden die Hochzeiten mit sechsstelligen Budgets planen. Alte Site wurde dem Anspruch nicht gerecht.',
          solution: 'Dunkles, filmisches Design mit Fokus auf Locations-Fotografie. Location-Directory, Event-Konzepte als Case-Archiv, Instagram-Feed @we_are_loma integriert.'
        },
        {
          id: 'padel',
          title: 'Padel Passion',
          sub: 'Padel-Halle Bonn · Court-Booking-App',
          year: '2024',
          tags: ['Web App', 'Booking', 'Design'],
          url: 'https://padel-passion.de',
          challenge: 'Wachsende Halle mit 6 Courts, Bookings liefen über Excel und WhatsApp. Mitgliedschaften manuell verwaltet. Chaos.',
          solution: 'Custom Booking-System mit Live-Court-Status, Mitgliederbereich, Turnier-Anmeldungen. Branding neu aufgesetzt — Gold & Dunkel.'
        },
        {
          id: 'step',
          title: 'Step',
          sub: 'Orthopädie, Sportmedizin & Physio · Praxis',
          year: '2025',
          tags: ['Next.js', 'Healthcare', 'Corporate'],
          url: 'https://step-ortho.ch',
          challenge: 'Eine neue Praxis mit großem Anspruch — Orthopädie, Sportmedizin und Physiotherapie unter einem Dach. Brauchten einen Auftritt, der Kompetenz signalisiert ohne kühl zu wirken.',
          solution: 'Next.js-Site mit Team-Directory, Leistungsportfolio, Online-Terminbuchung. Warme Creme-Töne, ruhige Typografie — medizinisch ohne klinisch zu sein.'
        },
        {
          id: 'fastlane',
          title: 'Fastlane AI',
          sub: 'KI-Automatisierung · Produkt-Launch',
          year: '2025',
          tags: ['SaaS', 'Product', 'React'],
          url: 'https://fastlane-ai.de',
          challenge: 'Gründerteam mit starkem Produkt, aber Marketing-Site aus dem No-Code-Baukasten. Investorengespräche fielen auseinander, weil die Site nicht matchte.',
          solution: 'Vollständiger Relaunch: Marketing-Site mit Produkt-Demos, interaktive Workflow-Visualisierung, Onboarding-Flow, Auth & Dashboard neu. Alles in 10 Wochen live.'
        },
        {
          id: 'new',
          title: 'Ihr Projekt',
          sub: 'Q2 · 2026',
          year: '2026',
          tags: ['Nächster Slot'],
          mock: 'New',
          isNew: true
        }
      ]
    },
    process: {
      label: 'Prozess / 03',
      title: <>Wie wir <span className="it">arbeiten.</span></>,
      intro: 'Kein Sprint-Planning-Theater. Kein Jira-Ritual. Vier Phasen, klare Deliverables, feste Preise. Wir fangen erst an, wenn wir wissen, was wir bauen.',
      steps: [
        { num: '01', title: 'Verstehen', desc: 'Workshop remote oder vor Ort. Wir hören zu, stellen Fragen, die andere nicht stellen, und schreiben auf, was wir gehört haben.', duration: 'Woche 1', scope: 'Strategy' },
        { num: '02', title: 'Gestalten', desc: 'Wir designen in Figma, präsentieren Richtung, iterieren mit dir — nicht 17 Mal, sondern bis es sitzt. Meistens 2 Runden.', duration: 'Woche 2–3', scope: 'Design' },
        { num: '03', title: 'Bauen', desc: 'Eigener Code oder Webflow — je nachdem, was für dich Sinn ergibt. Sauber, performant, wartbar. Kein Frankenstein-Stack.', duration: 'Woche 4–6', scope: 'Build' },
        { num: '04', title: 'Launchen', desc: 'QA, Performance-Pass, SEO-Basis, Analytics-Setup. Danach 30 Tage Support inklusive. Dann entscheidest du, ob du uns behältst.', duration: 'Woche 7', scope: 'Ship' }
      ]
    },
    stats: {
      label: 'Zahlen / 04',
      title: <>Was am Ende <span className="it">übrig bleibt.</span></>,
      intro: 'Wir messen nicht, wie oft jemand scrollt. Wir messen, ob Kunden am Ende mehr verdienen. Diese hier tun es.',
      items: [
        { num: 47, unit: '', label: 'Projekte gelaunched' },
        { num: 100, unit: '%', label: 'Kunden-Retention' },
        { num: 6, unit: 'Wo.', label: 'Durchschn. Timeline' },
        { num: 98, unit: '/100', label: 'Lighthouse Score' }
      ]
    },
    faq: {
      label: 'FAQ / 05',
      title: <>Häufige <span className="it">Fragen.</span></>,
      items: [
        { q: 'Wie lange dauert ein Projekt?', a: 'Marketing-Site: 4–6 Wochen. Custom Web-App: 8–12 Wochen. Wir sind schneller als klassische Agenturen, weil wir weniger Meetings haben und mehr bauen.' },
        { q: 'Arbeitet ihr mit Templates?', a: 'Nein. Jede Seite wird von Grund auf neu gestaltet. Wir benutzen Tools wie Webflow oder Next.js — aber das Design kommt aus deinem Business, nicht aus einem Theme-Store.' },
        { q: 'Übernehmt ihr auch nur Teilbereiche?', a: 'Selten. Wir sind am besten, wenn wir Strategie, Design und Build zusammen machen. Wenn du nur ein Logo brauchst, sind wir nicht die Richtigen.' },
        { q: 'Wer sind eure Kunden?', a: 'Fondsmanager, Architekten, Restaurants, SaaS-Gründer, Kanzleien. Gemeinsam haben sie: Sie verstehen, dass gute Arbeit Geld kostet — und schlechte Arbeit mehr.' },
        { q: 'Was passiert nach dem Launch?', a: '30 Tage Support sind inklusive. Danach kannst du einen Retainer für laufende Optimierung buchen, oder einfach bei Bedarf zurückkommen. Kein Vendor Lock-in. Kein Abo-Zwang.' }
      ]
    },
    cta: {
      label: 'Kontakt / 06',
      headline: <>Bereit für eine<br/>Website, die <span className="it">arbeitet?</span></>,
      sub: 'Wir hören zu. Du erklärst dein Projekt in 30 Minuten. Wir sagen dir ehrlich, ob wir passen — und was als nächstes Sinn macht. Keine Sales-Pitches.',
      book: 'Call buchen (30 Min)',
      status1: 'Verfügbar für Projekte ab Q3 / 2026',
      status2: 'Nur 4 Kunden pro Quartal'
    },
    footer: {
      tagline: 'Premium Web-Studio. Für Marken, die nicht einfach eine Website brauchen — sondern das beste digitale Asset in ihrer Branche.',
      cols: [
        { title: 'Leistungen', links: ['Marketing Websites', 'Web Apps', 'Automations', 'Brand Identity'] },
        { title: 'Studio', links: ['Arbeiten', 'Prozess', 'Kontakt', 'Impressum'] }
      ],
      bottom: '© 2026 Belerate Studio GmbH',
      bottom2: 'Gebaut in-house. Ohne Hilfe. Ohne Excuse.'
    }
  },

  en: {
    nav: { work: 'Work', services: 'Services', process: 'Process', contact: 'Contact', cta: 'Start a project' },
    hero: {
      status: 'Available · Q2 / 2026',
      location: 'Remote worldwide',
      headline: ['Websites', 'that', <span className="it">sell.</span>, <br/>, <span className="dim">Not just</span>, 'look nice.'],
      lead: <>We build digital presence for brands that mean business. <span className="em">Design, code, custom web solutions — all in-house. Nothing off the shelf.</span></>,
      cta1: 'Book a call',
      cta2: 'See the work',
      scroll: 'Scroll'
    },
    marquee: [
      'Strategy-first design',
      <><span className="it">Built for conversion</span></>,
      'React · Next · Webflow',
      <><span className="it">Custom builds</span></>,
      'Premium brands only',
      <><span className="it">Remote · Worldwide</span></>
    ],
    services: {
      label: 'Services / 01',
      title: <>Four things.<br/><span className="it">Done right.</span></>,
      intro: 'No full-service-agency bullshit list with 47 services. We do these — and we do them better than anyone.',
      items: [
        { num: '01', title: <>Marketing <span className="it">Websites</span></>, desc: 'Corporate sites, landing pages, launch sites. Strategy-led, editorially designed, built to convert. No templates. No shortcuts.', tags: ['Webflow', 'Framer', 'Strategy', 'Copy', 'Design'] },
        { num: '02', title: <>Custom <span className="it">Web Apps</span></>, desc: 'Products that actually do something. React, Next.js, TypeScript — built by people who don\'t just click components together, but understand systems.', tags: ['React', 'Next.js', 'TypeScript', 'Supabase', 'Stripe'] },
        { num: '03', title: <>Automations & <span className="it">Internal Tools</span></>, desc: 'Internal tooling, dashboards, workflows that run themselves. We replace your spreadsheet chaos with software your team actually wants to use.', tags: ['Automation', 'Dashboards', 'n8n', 'APIs', 'Ops'] },
        { num: '04', title: <>Brand & <span className="it">Digital Identity</span></>, desc: 'Because a good website on a bad brand doesn\'t work. Logo, type system, visual language — carried from brief to final pixel.', tags: ['Identity', 'Type', 'Visual System', 'Guidelines'] }
      ]
    },
    cases: {
      label: 'Work / 02',
      title: <>Selected <span className="it">projects.</span></>,
      intro: 'We don\'t show every project. Only the ones we\'re happy to show. For clients who understand a website isn\'t a cost line — it\'s an asset.',
      viewCase: 'Visit site',
      items: [
        { id: 'beast', title: 'Boost The Beast Lab', sub: 'Performance intelligence system · Web app', year: '2026', tags: ['Next.js', 'SaaS', 'Auth', 'PDF report'], url: 'https://www.boostthebeast-lab.com' },
        { id: 'soma', title: 'SOMA Health Club', sub: 'Pilates Studio Heidelberg · Editorial Webflow build', year: '2025', tags: ['Webflow', 'Editorial', 'Branding'], url: 'https://www.soma-pilates.de' },
        { id: 'loma', title: 'LOMA Group', sub: 'Event locations · castles, estates, concepts', year: '2025', tags: ['Corporate', 'Webflow', 'Locations'], url: 'https://loma-group.de' },
        { id: 'padel', title: 'Padel Passion', sub: 'Padel hall Bonn · Court booking app', year: '2024', tags: ['Web App', 'Booking', 'Design'], url: 'https://padel-passion.de' },
        { id: 'step', title: 'Step', sub: 'Orthopaedics, sports medicine & physio · Practice', year: '2025', tags: ['Next.js', 'Healthcare', 'Corporate'], url: 'https://step-ortho.ch' },
        { id: 'fastlane', title: 'Fastlane AI', sub: 'AI automation · Product launch', year: '2025', tags: ['SaaS', 'Product', 'React'], url: 'https://fastlane-ai.de' },
        { id: 'new', title: 'Your project', sub: 'Q2 · 2026', year: '2026', tags: ['Next slot'], isNew: true }
      ]
    },
        process: {
      label: 'Process / 03',
      title: <>How we <span className="it">work.</span></>,
      intro: 'No sprint-planning theatre. No Jira ritual. Four phases, clear deliverables, fixed price. We only start when we know what we\'re building.',
      steps: [
        { num: '01', title: 'Understand', desc: 'Workshop remote or on-site. We listen, ask the questions others don\'t, and write down what we heard.', duration: 'Week 1', scope: 'Strategy' },
        { num: '02', title: 'Design', desc: 'We design in Figma, present a direction, iterate with you — not 17 times, but until it sits. Usually 2 rounds.', duration: 'Week 2–3', scope: 'Design' },
        { num: '03', title: 'Build', desc: 'Custom code or Webflow — whichever makes sense for you. Clean, performant, maintainable. No Frankenstein stack.', duration: 'Week 4–6', scope: 'Build' },
        { num: '04', title: 'Launch', desc: 'QA, performance pass, SEO basics, analytics setup. Then 30 days of support included. After that you decide if you keep us.', duration: 'Week 7', scope: 'Ship' }
      ]
    },
    stats: {
      label: 'Numbers / 04',
      title: <>What actually <span className="it">remains.</span></>,
      intro: 'We don\'t measure how often someone scrolled. We measure whether clients end up earning more. These do.',
      items: [
        { num: 47, unit: '', label: 'Projects shipped' },
        { num: 100, unit: '%', label: 'Client retention' },
        { num: 6, unit: 'wks', label: 'Avg. timeline' },
        { num: 98, unit: '/100', label: 'Lighthouse score' }
      ]
    },
    faq: {
      label: 'FAQ / 05',
      title: <>Common <span className="it">questions.</span></>,
      items: [
        { q: 'How long does a project take?', a: 'Marketing site: 4–6 weeks. Custom web app: 8–12 weeks. We\'re faster than classic agencies because we have fewer meetings and build more.' },
        { q: 'Do you work with templates?', a: 'No. Every site is designed from scratch. We use tools like Webflow or Next.js — but the design comes from your business, not a theme store.' },
        { q: 'Do you take on only part of a project?', a: 'Rarely. We\'re best when we handle strategy, design and build together. If you only need a logo, we\'re not your people.' },
        { q: 'Who are your clients?', a: 'Fund managers, architects, restaurants, SaaS founders, law firms. What they share: they understand that good work costs money — and bad work costs more.' },
        { q: 'What happens after launch?', a: '30 days of support are included. After that, you can book a retainer for ongoing optimisation, or just come back when you need us. No vendor lock-in. No subscription trap.' }
      ]
    },
    cta: {
      label: 'Contact / 06',
      headline: <>Ready for a<br/>website that <span className="it">works?</span></>,
      sub: 'We listen. You explain your project in 30 minutes. We tell you honestly if we\'re a fit — and what makes sense next. No sales pitch.',
      book: 'Book a call (30 min)',
      status1: 'Available for projects from Q3 / 2026',
      status2: 'Only 4 clients per quarter'
    },
    footer: {
      tagline: 'Premium web studio. For brands that don\'t just need a website — they need the best digital asset in their category.',
      cols: [
        { title: 'Services', links: ['Marketing Websites', 'Web Apps', 'Automations', 'Brand Identity'] },
        { title: 'Studio', links: ['Work', 'Process', 'Contact', 'Imprint'] }
      ],
      bottom: '© 2026 Belerate Studio GmbH',
      bottom2: 'Built in-house. No help. No excuse.'
    }
  }
};

window.CONTENT = CONTENT;