// Miss-Scully — EMMY & PEPE Kollektionen: Hundebetten, Reisekörbchen, Halsbänder & Leinen
// Lädt nach homepage-sections.jsx + subpages-content.jsx.

const EPK_AFF =
'?utm_source=ADCELL&utm_medium=Banner&utm_campaign=Standard&bid=434610-95722-&adcref=www-miss-scully-ch.filesusr.com%2F';
const EPK = 'https://www.emmyundpepe.com/';
const EPK_CDN = 'https://www.emmyundpepe.com/cdn/shop/files/';

function EpGrid({ base, items }) {
  return (
    <div className="shop-grid">
      {items.map((g, i) =>
      <a
        key={g.p + g.n}
        className="shop-card"
        href={EPK + 'collections/' + base + '/products/' + g.p + EPK_AFF}
        data-reveal
        style={{ transitionDelay: i % 4 * 40 + 'ms' }}>
          <span className="shop-img">
            <img src={EPK_CDN + g.img + '&width=800'} alt={g.n} loading="lazy"></img>
          </span>
          <strong>{g.n}</strong>
          <span className="shop-price">{g.pr}</span>
        </a>
      )}
    </div>);

}

function EpNote() {
  return (
    <p className="model-footnote shop-note" data-reveal>
      Produktbilder © EMMY &amp; PEPE. Als Partner verlinken wir direkt in den
      offiziellen Shop – Versand aus Deutschland, 30 Tage
      Geld-zurück-Garantie. Preise in Euro.
    </p>);

}

/* ---------- Orthopädische Hundebetten ---------- */

const BETTEN = [
{ n: 'Wau-Bed Khaleesi', img: 'orthopaedisches_Hundebett_Wau-Bed_Khalessi_Farbuebersicht_fuer_Hunde.png?v=1780467360', p: 'wau-bed-khaleesi-orthopaedisches-hundebett', pr: 'Ab €209,95' },
{ n: 'Wau-Bed Leo', img: 'orthopaedisches_Hundebett_Wau-Bed_Leo_mit_Farbkreis_fuer_Hunde.png?v=1780386600', p: 'wau-bed-leo-orthopaedisches-hundebett', pr: 'Ab €209,95' },
{ n: 'Wau-Bed Kuschelcord Big', img: 'orthopaedisches_Hundebett_Wau-Bed_Kuschelcord_Big_mit_Farbkreis_fuer_Hunde.png?v=1780393225', p: 'wau-bed-kuschelcord-big', pr: 'Ab €209,95' },
{ n: 'Wau-Bed Cord', img: 'orthopaedisches_Hundebett_Wau-Bed_Cord_mit_Farbkreis_fuer_Hunde.png?v=1780473659', p: 'wau-bed-cord-orthopaedisches-hundebett', pr: 'Ab €209,95' },
{ n: 'Wau-Bed Kuschelcord', img: 'orthopaedisches_Hundebett_Wau-Bed_Kuschelcord_mit_Farbkreis_fuer_Hunde.png?v=1780393315', p: 'wau-bed-kuschelcord', pr: 'Ab €209,95' },
{ n: 'Wau-Bed Cozy Bubble', img: 'orthopaedisches_Hundebett_Wau-Bed_Cozy_Bubble_mit_Farbkreis_fuer_Hunde.png?v=1780394194', p: 'wau-bed-cozy', pr: 'Ab €209,95' },
{ n: 'Wau-Bed Wild Wave', img: 'orthopaedisches_Hundebett_Wau-Bed_Wild_Wave_Farbuebersicht_fuer_Hunde.png?v=1780381029', p: 'wau-bed-wild-wave-hundebett', pr: 'Ab €209,95' },
{ n: 'Wau-Bed Pets Friendly 2.0', img: 'orthopaedisches_Hundebett_Wau-Bed_Pets_Friendly_mit_Farbkreis_fuer_Hunde.png?v=1780394194', p: 'wau-bed-pets-friendly-2-0-orthopaedisches-hundebett', pr: 'Ab €209,95' },
{ n: 'Wau-Bed Black Beauty', img: 'orthopaedisches_Hundebett_Wau-Bed_Black_Beauty_mit_Farbkreis_fuer_Hunde.png?v=1780394192', p: 'wau-bed-black-beauty', pr: 'Ab €209,95' },
{ n: 'Wau-Bed Edle', img: 'orthopaedisches_Hundebett_Wau-Bed_Edle_mit_Farbkreis_fuer_Hunde.png?v=1780394192', p: 'wau-bed-edel-creme-orthopaedisches-hundebett', pr: 'Ab €209,95' },
{ n: 'Wau-Bed Cuddle', img: 'orthopaedisches_Hundebett_Wau-Bed_Cuddle_mit_Farbkreis_fuer_Hunde.png?v=1780394193', p: 'wau-bed-cuddle-orthopaedisches-hundebett', pr: 'Ab €209,95' },
{ n: 'Wau-Bed Cozy Leo Grey', img: 'orthopaedisches_Hundebett_Wau-Bed_Leo_Cozy_Grey_in_Grau_mit_Farbkreis_fuer_Hunde.png?v=1780392984', p: 'wau-bed-leo-grey', pr: 'Ab €209,95' }];

const BETTEN_ZUBEHOER = [
{ n: 'Schmutz- & Nässeschutz', img: 'schmutz.jpg?v=1772011587', p: 'schmutz-nasseschutz', pr: 'Ab €109,95' },
{ n: 'Wau-Bed Inlay ohne Füllung', img: 'Inlay-Zusammen-2-Kopie.jpg?v=1755512562', p: 'wau-bed-inlay', pr: 'Ab €19,95' },
{ n: 'Wau-Bed Inlay mit Füllung', img: '660522_Product.jpg?v=1749028142', p: 'wau-bed-inlay-mit-fullung', pr: 'Ab €39,95' },
{ n: 'Wau-Bed Füllung', img: 'Wau-Bed_Fuellung_-_1.png?v=1749027703', p: 'wau-bed-inlay-1', pr: 'Ab €4,95' }];

function BettenPage() {
  const BASE = 'wau-bed-kuschelcord-orthopaedisches-hundebett';
  const features = [
  { t: '2-Kammer-System', d: 'Verteilt das Gewicht gleichmässig und stützt stabil – das Bett liegt sich nicht platt. 10 Jahre Garantie gegen Durchliegen.' },
  { t: 'Individuell befüllt', d: 'Jedes Wau-Bed wird nach dem Gewicht Ihres Hundes befüllt und ist nachfüllbar, wenn sich das Gewicht ändert.' },
  { t: 'Viscoschaum mit Memory-Effekt', d: 'Passt sich der Körperform an und entlastet Gelenke, Wirbelsäule und Druckpunkte.' },
  { t: 'Waschbar & alltagstauglich', d: 'Bezug bei 40 °C, Inlay bei 60 °C waschbar – mit Wechselbezügen in vielen Designs. 30 Tage Probeschlafen.' }];

  return (
    <PageShell active="Hundezubehör">
      <PageHero
        kicker="EMMY & PEPE · Orthopädische Hundebetten"
        title="Das Wau-Bed – Schlafplatz fürs ganze Hundeleben"
        lede="Hunde schlafen bis zu 14 Stunden am Tag, Senioren noch mehr. Das Wau-Bed wird individuell auf das Gewicht Ihres Hundes abgestimmt – damit er wirklich gut liegt.">

        <a className="btn btn-primary btn-lg" href={EPK + 'collections/' + BASE + EPK_AFF}>Komplette Kollektion ansehen</a>
        <a className="btn btn-ghost btn-lg" href="/Hundezubehoer.html">← Zurück zum Zubehör</a>
      </PageHero>

      <section className="feature-section" data-screen-label="Wau-Bed Vorteile">
        <div className="feature-grid feature-grid-4">
          {features.map((f, i) =>
          <div key={f.t} className="feature-card" data-reveal style={{ transitionDelay: i * 70 + 'ms' }}>
              <strong>{f.t}</strong>
              <p>{f.d}</p>
            </div>
          )}
        </div>
      </section>

      <section className="product-section" data-screen-label="Wau-Bed Modelle">
        <div className="section-head" data-reveal>
          <p className="kicker">Alle Modelle</p>
          <h2>Finden Sie das Bett Ihres Hundes</h2>
        </div>
        <EpGrid base={BASE} items={BETTEN}></EpGrid>
        <div className="section-head" data-reveal style={{ marginTop: '48px' }}>
          <p className="kicker">Passendes Zubehör</p>
          <h2>Inlays, Füllung &amp; Schutz</h2>
        </div>
        <EpGrid base={BASE} items={BETTEN_ZUBEHOER}></EpGrid>
        <EpNote></EpNote>
      </section>

      <PageCTA
        title="Unsicher bei Grösse oder Stoff?"
        text="Schreiben Sie uns – wir beraten Sie gerne persönlich."
        primaryLabel="Zur Kollektion"
        primaryHref={EPK + 'collections/' + BASE + EPK_AFF}
        secondaryLabel="E-Mail schreiben"
        secondaryHref="mailto:info@miss-scully.ch?subject=Hundebetten">
      </PageCTA>
    </PageShell>);

}

/* ---------- Reisekörbchen (Wau-Snuggle) ---------- */

const SNUGGLE = [
{ n: 'Wau-Snuggle Leo Creme', img: 'Wau-Snuggle_Emmy_Pepe_Hundekoerbchen_Leo_Creme.jpg?v=1780465260', p: 'wau-snuggle-leo-creme', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Leo Dark', img: 'Wau-Snuggle_Leo_Dark_Eckig_EMMY_PEPE.jpg?v=1780474927', p: 'wau-snuggle-leo-dark', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Dahlia', img: 'Wau-Snuggle_Dahlia_Eckig_EMMY_PEPE_dda144ed-5eb2-4990-8e20-01a9da6321a6.jpg?v=1780479583', p: 'wau-snuggle-dahlia', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Magnolia', img: 'Wau-Snuggle_Magnolia_Eckig_EMMY_PEPE.jpg?v=1780482146', p: 'wau-snuggle-magnolia', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Dune', img: 'Wau-Snuggle_Hundekoerbchen_beige_Dune_Eckig_EMMY_PEPE.jpg?v=1780490666', p: 'wau-snuggle-dune-reisekoerbchen-cord-dunkelbeige', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Midnight', img: 'Wau-Snuggle_Hundekoerbchen_dunkelblau_midnight_Eckig_EMMY_PEPE.jpg?v=1780503739', p: 'wau-snuggle-midnight1', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Velvet', img: 'Wau-Snuggle_Hundekoerbchen_dunkelrot_Velvet_Eckig_EMMY_PEPE.jpg?v=1780504388', p: 'wau-snuggle-velvet', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Lotte', img: 'Wau-Snuggle_lotte_olivgruen_Eckig_EMMY_PEPE.jpg?v=1780510554', p: 'wau-snuggle-lotte', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Leo Taupe', img: 'Wau-Snuggle_leo_taupe_Eckig_EMMY_PEPE.jpg?v=1780511182', p: 'wau-snuggle-leo-taupe', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Leo Silver', img: 'Wau-Snuggle_leo_silver_Eckig_EMMY_PEPE.jpg?v=1780512505', p: 'wau-snuggle-leo-silver', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Leo Black', img: 'Wau-Snuggle_Hundekoerbchen_leo_black_Eckig_EMMY_PEPE.jpg?v=1780550989', p: 'wau-snuggle-leo-black', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Cruella', img: 'Wau-Snuggle_Hundekoerbchen_cruella_Eckig_EMMY_PEPE.jpg?v=1780550989', p: 'wau-snuggle-cruella', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Leo Bronce', img: 'Wau-Snuggle_Hundekoerbchen_Leo_Bronce_Eckig_EMMY_PEPE.jpg?v=1780550990', p: 'wau-snuggle-leo-bronce', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Heidi', img: 'Wau-Snuggle_Hundekoerbchen_Heidi_Eckig_EMMY_PEPE.jpg?v=1780550990', p: 'wau-snuggle-heidi', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Cord Creme', img: 'Wau-Snuggle_Hundekoerbchen_Cord_Creme_Eckig_EMMY_PEPE.jpg?v=1780550991', p: 'wau-snuggle-cord-creme', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Royal', img: 'Wau-Snuggle_Hundekoerbchen_Royal_Eckig_EMMY_PEPE.jpg?v=1780550990', p: 'wau-snuggle-royal', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Kuschelcord Light Grey', img: 'Wau-Snuggle_Hundekoerbchen_Kuschelcord_light_Grey_Eckig_EMMY_PEPE_55aaae76-bbf0-4bf1-a656-ae9f2dcb28da.jpg?v=1780557441', p: 'wau-snuggle-kuschelcord-light-grey', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Cord Light Grey', img: 'Wau-Snuggle_Hundekoerbchen_Cord_light_Grey_Eckig_EMMY_PEPE.jpg?v=1780559192', p: 'wau-snuggle-cord-light-grey', pr: 'Ab €199,95' },
{ n: 'Wau-Snuggle Cord Dark Grey', img: 'Wau-Snuggle_Hundekoerbchen_Cord_Dark_Grey_Eckig_EMMY_PEPE.jpg?v=1780559786', p: 'wau-snuggle-cord-dark-grey', pr: 'Ab €199,95' },
{ n: 'Orthopädische Matte (Cord)', img: 'MG_4500_d9752c11-7e4b-43b6-8b08-b1a7598f66d0.jpg?v=1761119732', p: 'orthopadische-matte-fur-wau-snuggle', pr: 'Ab €69,95' },
{ n: 'Orthopädische Matte (Kuschelcord)', img: 'MG_4515.jpg?v=1761125423', p: 'orthopadische-matte-fur-wau-snuggle-kuschelcord', pr: 'Ab €69,95' }];

function ReisekoerbchenPage() {
  const BASE = 'wau-snuggle';
  const features = [
  { t: 'Formstabiles Körbchen', d: 'Kein loses Deckchen: Der stabile Rand gibt Orientierung – Ihr Hund erkennt seinen Platz sofort, ob im Büro, Restaurant oder Auto.' },
  { t: 'Ideal für Welpen', d: 'Perfekt für Ruhe- und Deckentraining ab dem ersten Tag – mit integriertem Gurt, der den Bewegungsradius sanft begrenzt.' },
  { t: 'Oval oder eckig, XS–L', d: 'Für jede Rasse die passende Form und Grösse – von der Zwergrasse bis zum Grosshund.' },
  { t: 'Waschbar & reisefertig', d: 'Tragegriffe, Aussentaschen für Leine und Leckerli, pflegeleichte Stoffe – in Sekunden einsatzbereit.' }];

  return (
    <PageShell active="Hundezubehör">
      <PageHero
        kicker="EMMY & PEPE · Reisekörbchen"
        title="Wau-Snuggle – der Lieblingsplatz für unterwegs"
        lede="Ein vertrauter Platz, überall dabei: das gemütliche Reisekörbchen für Büro, Restaurant, Auto und Urlaub.">

        <a className="btn btn-primary btn-lg" href={EPK + 'collections/' + BASE + EPK_AFF}>Komplette Kollektion ansehen</a>
        <a className="btn btn-ghost btn-lg" href="/Hundezubehoer.html">← Zurück zum Zubehör</a>
      </PageHero>

      <section className="feature-section" data-screen-label="Wau-Snuggle Vorteile">
        <div className="feature-grid feature-grid-4">
          {features.map((f, i) =>
          <div key={f.t} className="feature-card" data-reveal style={{ transitionDelay: i * 70 + 'ms' }}>
              <strong>{f.t}</strong>
              <p>{f.d}</p>
            </div>
          )}
        </div>
      </section>

      <section className="product-section" data-screen-label="Wau-Snuggle Designs">
        <div className="section-head" data-reveal>
          <p className="kicker">Alle Designs</p>
          <h2>Finden Sie das Körbchen Ihres Hundes</h2>
        </div>
        <EpGrid base={BASE} items={SNUGGLE}></EpGrid>
        <EpNote></EpNote>
      </section>

      <PageCTA
        title="Oval oder eckig – was passt?"
        text="Hunde, die sich einkuscheln, lieben oval; Ausstrecker mögen eckig. Wir beraten Sie gerne."
        primaryLabel="Zur Kollektion"
        primaryHref={EPK + 'collections/' + BASE + EPK_AFF}
        secondaryLabel="E-Mail schreiben"
        secondaryHref="mailto:info@miss-scully.ch?subject=Reisek%C3%B6rbchen">
      </PageCTA>
    </PageShell>);

}

/* ---------- Halsbänder & Leinen ---------- */

const HALSBAENDER = [
{ n: 'Hundehalsband Leo Dark', img: 'HALLEODA-LeoDark-frontal.jpg?v=1771236071', p: 'hundehalsband-leo-dark', pr: 'Ab €44,95' },
{ n: 'Hundehalsband Waussoni', img: 'HundehalsbandWaussoni-1.jpg?v=1749028523', p: 'hundehalsband-waussoni', pr: 'Ab €44,95' },
{ n: 'Hundehalsband Lothar', img: 'HundehalsbandLothar-1.jpg?v=1749028567', p: 'hundehalsband-lothar', pr: 'Ab €44,95' },
{ n: 'Hundehalsband Fröhliches Schwarz', img: 'HALFRSCH-FroehlichesSchwarz-frontal.jpg?v=1771235964', p: 'hundehalsband-frohliches-schwarz', pr: 'Ab €44,95' }];

const LEINEN = [
{ n: 'Hundeleine Leo Creme', img: 'HundeleineLeoCreme-1.jpg?v=1749028571', p: 'hundeleine-leo-creme', pr: 'Ab €49,95' },
{ n: 'Hundeleine Leo Dark', img: 'HundeleineLeoDark-1.jpg?v=1749028569', p: 'hundeleine-leo-dark', pr: 'Ab €49,95' },
{ n: 'Hundeleine Waussoni', img: 'Hundeleine_Waussoni_-_1.jpg?v=1749027475', p: 'hundeleine-waussoni', pr: 'Ab €49,95' },
{ n: 'Hundeleine Lothar', img: 'HundeleineLothar-1.jpg?v=1749028552', p: 'hundeleine-lothar', pr: 'Ab €49,95' },
{ n: 'Hundeleine Lotte', img: 'HundeleineLotte-1.jpg?v=1749028546', p: 'hundeleine-lotte', pr: 'Ab €49,95' },
{ n: 'Hundeleine Fröhliches Schwarz', img: 'HundeleineFroehlichesSchwarz-1.jpg?v=1749028580', p: 'hundeleine-frohliches-schwarz', pr: 'Ab €49,95' },
{ n: 'Tauleine Waussoni', img: 'TauleineWaussoni-1.jpg?v=1749028214', p: 'tauleine-waussoni', pr: 'Ab €49,95' }];

function HalsbaenderPage() {
  const BASE = 'unterwegs';
  const [tab, setTab] = React.useState(0);
  const groups = [
  { name: 'Halsbänder', items: HALSBAENDER },
  { name: 'Leinen', items: LEINEN }];

  const features = [
  { t: 'Tau', d: 'Wetterfestes, veganes PPM-Tau mit nickelfreien Schnallen – schlicht oder mit Perlen.' },
  { t: 'Biothane', d: 'Glatt, leicht zu reinigen, ideal für Wasserratten – schimmelt nicht und bleibt geruchsfrei.' },
  { t: 'Outdoor-Stoff', d: 'Die Wau-Move Linie: gepolstert, gurtbandverstärkt und maximal strapazierfähig für aktive Hunde.' }];

  return (
    <PageShell active="Hundezubehör">
      <PageHero
        kicker="EMMY & PEPE · Halsbänder & Leinen"
        title="Die Klassiker am Halsband"
        lede="Halsbänder und Leinen in über sieben Grössen – vom Dackel bis zum Schäferhund, aus Tau, Biothane oder Outdoor-Stoff.">

        <a className="btn btn-primary btn-lg" href={EPK + 'collections/' + BASE + EPK_AFF}>Komplette Kollektion ansehen</a>
        <a className="btn btn-ghost btn-lg" href="/Hundezubehoer.html">← Zurück zum Zubehör</a>
      </PageHero>

      <section className="feature-section" data-screen-label="Materialien">
        <div className="feature-grid">
          {features.map((f, i) =>
          <div key={f.t} className="feature-card" data-reveal style={{ transitionDelay: i * 70 + 'ms' }}>
              <strong>{f.t}</strong>
              <p>{f.d}</p>
            </div>
          )}
        </div>
      </section>

      <section className="product-section" data-screen-label="Halsbänder und Leinen">
        <div className="seg-control" data-reveal>
          {groups.map((g, i) =>
          <button
            key={g.name}
            className={'seg-btn' + (tab === i ? ' active' : '')}
            onClick={() => setTab(i)}>
              {g.name}
            </button>
          )}
        </div>
        <EpGrid base={BASE} items={groups[tab].items}></EpGrid>
        <EpNote></EpNote>
      </section>

      <PageCTA
        title="Passend zum Wau-Move Geschirr"
        text="Halsband, Leine und Geschirr im gleichen Design – stöbern Sie in der ganzen Kollektion."
        primaryLabel="Zu den Geschirren"
        primaryHref="/Hundegeschirre.html"
        secondaryLabel="E-Mail schreiben"
        secondaryHref="mailto:info@miss-scully.ch?subject=Halsb%C3%A4nder">
      </PageCTA>
    </PageShell>);

}

Object.assign(window, { BettenPage, ReisekoerbchenPage, HalsbaenderPage });