import { mergeProps, withCtx, createTextVNode, createVNode, resolveDynamicComponent, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrRenderVNode, ssrInterpolate } from 'vue/server-renderer';
import { _ as __nuxt_component_0$1 } from './server.mjs';
import { Heart, Users2, Award, Target } from 'lucide-vue-next';
import { u as useHead } from './composables-CK-Mp9jS.mjs';
import '../nitro/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:events';
import 'node:buffer';
import 'node:fs';
import 'node:path';
import 'node:crypto';
import 'node:url';
import '../routes/renderer.mjs';
import 'vue-bundle-renderer/runtime';
import 'unhead/server';
import 'devalue';
import 'unhead/utils';
import 'pinia';
import 'vue-router';

const _sfc_main$1 = {
  __name: "About",
  __ssrInlineRender: true,
  setup(__props) {
    const values = [
      {
        icon: Heart,
        title: "70+ Jahre Tradition",
        description: "Seit 1954 spielen wir Tischtennis in Harheim"
      },
      {
        icon: Users2,
        title: "Familiärer Verein",
        description: "Ca. 40 Mitglieder in einer herzlichen Gemeinschaft"
      },
      {
        icon: Award,
        title: "5 Herrenmannschaften",
        description: "Aktive Teilnahme an der Punktspielrunde"
      },
      {
        icon: Target,
        title: "Jugendförderung",
        description: "Ab 2025/26 wieder eine Jugendmannschaft"
      }
    ];
    return (_ctx, _push, _parent, _attrs) => {
      const _component_NuxtLink = __nuxt_component_0$1;
      _push(`<section${ssrRenderAttrs(mergeProps({
        id: "about",
        class: "py-16 sm:py-20 bg-gradient-to-b from-white to-gray-50"
      }, _attrs))}><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16"><h2 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-4"> Über uns </h2><div class="w-24 h-1 bg-primary-600 mx-auto mb-6"></div><p class="text-xl text-gray-600 max-w-3xl mx-auto"> Seit über 70 Jahren wird in unserem Harheimer Verein Tischtennis gespielt </p></div><div class="grid lg:grid-cols-2 gap-12 items-center mb-20"><div class="relative h-[400px] sm:h-[500px] rounded-2xl overflow-hidden shadow-2xl"><div class="w-full h-full bg-cover bg-center hover:scale-110 transition-transform duration-700" style="${ssrRenderStyle({ "background-image": "url('/images/club_about_us.png')" })}"></div></div><div class="space-y-6"><h3 class="text-3xl font-display font-bold text-gray-900"> Ein familiärer Verein mit Tradition </h3><p class="text-lg text-gray-600 leading-relaxed"> Wir sind ein kleiner, selbständiger, familiärer Verein mit ca. 40 Mitgliedern. Wir nehmen zurzeit mit fünf Herrenmannschaften an der Punktspielrunde teil. </p><p class="text-lg text-gray-600 leading-relaxed"> Ab der Saison 2025/26 werden wir auch wieder mit einer Jugendmannschaft aktiv. </p><p class="text-lg text-gray-600 leading-relaxed"> Wir trainieren zweimal wöchentlich in der Turnhalle der Grundschule Harheim mit anschließendem gemütlichem Beisammensein in einer der lokalen Gaststätten. Jährlich finden außerdem unsere Vereinsmeisterschaften statt. </p><div class="bg-primary-50 border-l-4 border-primary-600 p-6 rounded-lg"><h4 class="text-xl font-semibold text-primary-800 mb-3">Wir suchen Verstärkung!</h4><p class="text-primary-700 mb-4"> Wir suchen ständig Verstärkungen für unsere Mannschaften! </p><p class="text-primary-700 font-medium"> Alle Tischtennis-Begeisterten sind herzlich zu einem Probetraining eingeladen! </p></div><div class="pt-4">`);
      _push(ssrRenderComponent(_component_NuxtLink, {
        to: "/kontakt",
        class: "inline-flex items-center px-6 py-3 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(` Kontakt aufnehmen `);
          } else {
            return [
              createTextVNode(" Kontakt aufnehmen ")
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div></div><div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-8"><!--[-->`);
      ssrRenderList(values, (value) => {
        _push(`<div class="bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow border border-gray-100"><div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">`);
        ssrRenderVNode(_push, createVNode(resolveDynamicComponent(value.icon), {
          size: 24,
          class: "text-primary-600"
        }, null), _parent);
        _push(`</div><h4 class="text-xl font-display font-bold text-gray-900 mb-2">${ssrInterpolate(value.title)}</h4><p class="text-gray-600">${ssrInterpolate(value.description)}</p></div>`);
      });
      _push(`<!--]--></div></div></section>`);
    };
  }
};
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/About.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const _sfc_main = {
  __name: "ueber-uns",
  __ssrInlineRender: true,
  setup(__props) {
    useHead({
      title: "Über uns - Harheimer TC"
    });
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "min-h-full" }, _attrs))}>`);
      _push(ssrRenderComponent(_sfc_main$1, null, null, _parent));
      _push(`</div>`);
    };
  }
};
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/ueber-uns.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as default };
//# sourceMappingURL=ueber-uns-pGQi6hRz.mjs.map