<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Sindal Padel- &amp; Tennisklub</title>
	<atom:link href="https://fut.sindal-tennisklub.dk/feed/" rel="self" type="application/rss+xml" />
	<link>https://fut.sindal-tennisklub.dk</link>
	<description>Velkommen Til&#60;br&#62;Velkommen til&#60;br&#62;Sindal Padel- &#38; Tennisklub&#60;br&#62;Find baner, medlemskab, aktiviteter og kontakt klubben.&#60;br&#62;&#60;a href=&#34;#&#34;&#62;Book bane&#60;/a&#62; &#60;a href=&#34;#&#34;&#62;Bliv medlem&#60;/a&#62; &#60;a href=&#34;#&#34;&#62;Aktiviteter&#60;/a&#62; &#60;a href=&#34;#&#34;&#62;Træning&#60;/a&#62; &#60;a href=&#34;#&#34;&#62;Klubben&#60;/a&#62; &#60;a href=&#34;#&#34;&#62;Kontakt&#60;/a&#62;</description>
	<lastBuildDate>Fri, 22 May 2026 11:56:40 +0000</lastBuildDate>
	<language>da-DK</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>
	<item>
		<title></title>
		<link>https://fut.sindal-tennisklub.dk/import-react-usememo-usestate-from-react/</link>
					<comments>https://fut.sindal-tennisklub.dk/import-react-usememo-usestate-from-react/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 22 May 2026 11:54:34 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://fut.sindal-tennisklub.dk/?p=1304</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>



<div class="wp-block-group alignfull is-style-ext-preset--group--natural-1--section has-background-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-91535b9a wp-block-group-is-layout-constrained is-style-ext-preset--group--natural-1--section--1" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:0;padding-bottom:var(--wp--preset--spacing--70);padding-left:0">
<div class="wp-block-group alignwide is-style-ext-preset--group--natural-1--item-card-1--align-start ext-animate--on has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-ext-preset--group--natural-1--item-card-1--align-start--2">
<div class="wp-block-cover alignwide is-style-ext-preset--cover--natural-1--cover-overlay-1 extendify-image-import is-style-ext-preset--cover--natural-1--cover-overlay-1--3" style="padding-top:var(--wp--preset--spacing--55);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--55);padding-left:var(--wp--preset--spacing--30)"><img decoding="async" class="wp-block-cover__image-background" alt="" src="https://images.unsplash.com/photo-1541744573515-478c959628a0?ixid=M3w0MzUxNjF8MHwxfHNlYXJjaHw3fHxwYWRlbCUyMHRlbm5pc3xlbnwwfHx8fDE3NzkxMzg3MzB8MA&amp;ixlib=rb-4.1.0&amp;orientation=portrait?q=80&amp;w=1470" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-80 has-background-dim" style="background-color:#010101"></span><div class="wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-8159a1fb wp-block-cover-is-layout-constrained">
<p class="has-text-align-center has-large-font-size wp-block-paragraph"></p>



<p class="wp-block-paragraph"><a href="https://web-sandbox.oaiusercontent.com/">Sindal Padel- &amp; Tennisklub</a>Klubben&nbsp;▾Aktiviteter&nbsp;▾<a href="https://web-sandbox.oaiusercontent.com/kontingent">Kontingent</a><a href="https://web-sandbox.oaiusercontent.com/book-bane">Book bane</a></p>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b3.png" alt="💳" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Sindal Padel- &amp; Tennisklub</p>



<h1 class="wp-block-heading">Kontingentbetaling</h1>



<p class="wp-block-paragraph">Vælg det kontingent, der passer til dig. Betal nemt og sikkert for dit medlemskab i Sindal Padel- &amp; Tennisklub.</p>



<h2 class="wp-block-heading">Junior</h2>



<p class="wp-block-paragraph">For junior-medlemmer, der vil spille padel og tennis i klubben.</p>



<p class="wp-block-paragraph">400 kr.&nbsp;pr. år</p>



<ul class="wp-block-list">
<li><strong>✓</strong>&nbsp;Junior-medlemskab</li>



<li><strong>✓</strong>&nbsp;Adgang til klubfællesskabet</li>



<li><strong>✓</strong>&nbsp;Mulighed for padel og tennis</li>
</ul>



<p class="wp-block-paragraph">Vælg&nbsp;Junior</p>



<p class="wp-block-paragraph">Mest valgt</p>



<h2 class="wp-block-heading">Senior</h2>



<p class="wp-block-paragraph">For voksne medlemmer, der ønsker et aktivt medlemskab i klubben.</p>



<p class="wp-block-paragraph">800 kr.&nbsp;pr. år</p>



<ul class="wp-block-list">
<li><strong>✓</strong>&nbsp;Senior-medlemskab</li>



<li><strong>✓</strong>&nbsp;Adgang til klubaktiviteter</li>



<li><strong>✓</strong>&nbsp;Padel og tennis for voksne</li>
</ul>



<p class="wp-block-paragraph">Vælg&nbsp;Senior</p>



<h2 class="wp-block-heading">Familie</h2>



<p class="wp-block-paragraph">For familier, der ønsker et samlet medlemskab i klubben.</p>



<p class="wp-block-paragraph">1.700 kr.&nbsp;pr. år</p>



<ul class="wp-block-list">
<li><strong>✓</strong>&nbsp;Familie-medlemskab</li>



<li><strong>✓</strong>&nbsp;Samlet betaling for familien</li>



<li><strong>✓</strong>&nbsp;Fællesskab for både børn og voksne</li>
</ul>



<p class="wp-block-paragraph">Vælg&nbsp;Familie</p>



<h2 class="wp-block-heading">Din valgte betaling</h2>



<p class="wp-block-paragraph">Du har valgt&nbsp;<strong>Senior</strong>-kontingent til&nbsp;<strong>800 kr.</strong>&nbsp;pr. år. Klik på betalingsknappen for at gå videre.</p>



<p class="wp-block-paragraph"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e1.png" alt="🛡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Sikker betaling med kort, MobilePay eller bankoverførsel.<a href="https://web-sandbox.oaiusercontent.com/?#betaling">Gå til betaling</a></p>
</div></div>
</div>
</div>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://fut.sindal-tennisklub.dk/import-react-usememo-usestate-from-react/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>import React, { useMemo, useState } from &#8220;react&#8221;;</title>
		<link>https://fut.sindal-tennisklub.dk/1294-2/</link>
					<comments>https://fut.sindal-tennisklub.dk/1294-2/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 22 May 2026 11:36:20 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://fut.sindal-tennisklub.dk/?p=1294</guid>

					<description><![CDATA[import React, { useState } from &#8220;react&#8221;; import { Check, CreditCard, ShieldCheck, Sparkles } from &#8220;lucide-react&#8221;; import { motion } from &#8220;framer-motion&#8221;; // ===================================================== // REDIGER TEKST HER // Du [&#8230;]]]></description>
										<content:encoded><![CDATA[
import React, { useState } from &#8220;react&#8221;;
import { Check, CreditCard, ShieldCheck, Sparkles } from &#8220;lucide-react&#8221;;
import { motion } from &#8220;framer-motion&#8221;;

// =====================================================
// REDIGER TEKST HER
// Du kan frit ændre overskrifter, beskrivelser og priser.
// =====================================================
const content = {
  badge: &#8220;Sindal Padel- &#038; Tennisklub&#8221;,
  title: &#8220;Kontingentbetaling&#8221;,
  subtitle:
    &#8220;Vælg det kontingent, der passer til dig. Betal nemt og sikkert for dit medlemskab i Sindal Padel- &#038; Tennisklub.&#8221;,
  selectedTitle: &#8220;Din valgte betaling&#8221;,
  selectedText:
    &#8220;Du har valgt {plan}-kontingent. Klik på betalingsknappen for at gå videre.&#8221;,
  paymentInfo: &#8220;Sikker betaling med kort, MobilePay eller bankoverførsel.&#8221;,
  payButton: &#8220;Gå til betaling&#8221;,
  mostSelected: &#8220;Mest valgt&#8221;,
};

const plans = [
  {
    name: &#8220;Junior&#8221;,
    price: &#8220;400 kr.&#8221;,
    period: &#8220;pr. år&#8221;,
    description: &#8220;For junior-medlemmer, der vil spille padel og tennis i klubben.&#8221;,
    features: [&#8220;Junior-medlemskab&#8221;, &#8220;Adgang til klubfællesskabet&#8221;, &#8220;Mulighed for padel og tennis&#8221;],
    highlight: false,
  },
  {
    name: &#8220;Senior&#8221;,
    price: &#8220;800 kr.&#8221;,
    period: &#8220;pr. år&#8221;,
    description: &#8220;For voksne medlemmer, der ønsker et aktivt medlemskab i klubben.&#8221;,
    features: [&#8220;Senior-medlemskab&#8221;, &#8220;Adgang til klubaktiviteter&#8221;, &#8220;Padel og tennis for voksne&#8221;],
    highlight: true,
  },
  {
    name: &#8220;Familie&#8221;,
    price: &#8220;1.700 kr.&#8221;,
    period: &#8220;pr. år&#8221;,
    description: &#8220;For familier, der ønsker et samlet medlemskab i klubben.&#8221;,
    features: [&#8220;Familie-medlemskab&#8221;, &#8220;Samlet betaling for familien&#8221;, &#8220;Fællesskab for både børn og voksne&#8221;],
    highlight: false,
  },
];

export default function Kontingentbetaling() {
  const [selected, setSelected] = useState(&#8220;Senior&#8221;);

  return (
    <main className="min-h-screen bg-gradient-to-br from-emerald-50 via-white to-sky-50 px-4 py-10 text-slate-900">
      <section className="mx-auto max-w-6xl">
        <motion.div
          initial={{ opacity: 0, y: 20 }}
          animate={{ opacity: 1, y: 0 }}
          transition={{ duration: 0.6 }}
          className="mb-10 text-center"
        >
          <div className="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-2xl bg-emerald-100 shadow-sm">
            <CreditCard className="h-7 w-7 text-emerald-700" />
          </div>

          <p className="mb-2 inline-flex items-center gap-2 rounded-full bg-white px-4 py-2 text-sm font-medium text-emerald-700 shadow-sm ring-1 ring-emerald-100">
            <Sparkles className="h-4 w-4" /> {content.badge}
          </p>

          <h1 className="text-4xl font-bold tracking-tight sm:text-5xl">
            {content.title}
          </h1>

          <p className="mx-auto mt-4 max-w-2xl text-lg text-slate-600">
            {content.subtitle}
          </p>
        </motion.div>

        <div className="grid gap-6 md:grid-cols-3">
          {plans.map((plan, index) => (
            <motion.article
              key={plan.name}
              initial={{ opacity: 0, y: 24 }}
              animate={{ opacity: 1, y: 0 }}
              transition={{ delay: index * 0.12, duration: 0.5 }}
              onClick={() => setSelected(plan.name)}
              className={`relative cursor-pointer rounded-3xl bg-white p-6 shadow-lg ring-1 transition hover:-translate-y-1 hover:shadow-xl ${
                plan.highlight
                  ? &#8220;ring-emerald-300 md:scale-105&#8221;
                  : &#8220;ring-slate-200&#8221;
              } ${selected === plan.name ? &#8220;outline outline-4 outline-emerald-100&#8221; : &#8220;&#8221;}`}
            >
              {plan.highlight &#038;&#038; (
                <div className="absolute -top-4 left-1/2 -translate-x-1/2 rounded-full bg-emerald-700 px-4 py-1 text-sm font-semibold text-white shadow-md">
                  {content.mostSelected}
                </div>
              )}

              <div className="mb-5">
                <h2 className="text-2xl font-bold">{plan.name}</h2>
                <p className="mt-2 text-slate-600">{plan.description}</p>
              </div>

              <div className="mb-6 flex items-end gap-2">
                <span className="text-4xl font-extrabold">{plan.price}</span>
                <span className="pb-1 text-slate-500">{plan.period}</span>
              </div>

              <ul className="mb-8 space-y-3">
                {plan.features.map((feature) => (
                  <li key={feature} className="flex items-start gap-3 text-slate-700">
                    <Check className="mt-0.5 h-5 w-5 flex-none text-emerald-700" />
                    <span>{feature}</span>
                  </li>
                ))}
              </ul>

              <button
                className={`w-full rounded-2xl px-5 py-3 font-semibold shadow-sm transition ${
                  selected === plan.name
                    ? "bg-emerald-700 text-white hover:bg-emerald-800"
                    : "bg-slate-100 text-slate-800 hover:bg-slate-200"
                }`}
              >
                Vælg {plan.name}
              </button>
            </motion.article>
          ))}
        </div>

        <motion.section
          initial={{ opacity: 0, y: 20 }}
          animate={{ opacity: 1, y: 0 }}
          transition={{ delay: 0.45, duration: 0.5 }}
          className="mt-10 rounded-3xl bg-white p-6 shadow-lg ring-1 ring-slate-200"
        >
          <div className="grid gap-6 md:grid-cols-[1fr_auto] md:items-center">
            <div>
              <h2 className="text-2xl font-bold">{content.selectedTitle}</h2>
              <p className="mt-2 text-slate-600">
                {content.selectedText.replace(&#8220;{plan}&#8221;, selected).split(selected)[0]}
                <strong>{selected}</strong>
                {content.selectedText.replace(&#8220;{plan}&#8221;, selected).split(selected)[1]}
              </p>
              <p className="mt-3 flex items-center gap-2 text-sm text-slate-500">
                <ShieldCheck className="h-4 w-4 text-emerald-700" /> {content.paymentInfo}
              </p>
            </div>
            <button className="rounded-2xl bg-emerald-700 px-8 py-4 text-lg font-bold text-white shadow-lg transition hover:bg-emerald-800">
              {content.payButton}
            </button>
          </div>
        </motion.section>
      </section>
    </main>
  );
}

]]></content:encoded>
					
					<wfw:commentRss>https://fut.sindal-tennisklub.dk/1294-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Hello world!</title>
		<link>https://fut.sindal-tennisklub.dk/hello-world/</link>
					<comments>https://fut.sindal-tennisklub.dk/hello-world/#comments</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 28 Jul 2025 22:32:06 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">http://fut.sindal-tennisklub.dk/?p=1</guid>

					<description><![CDATA[Welcome to WordPress. This is your first post. Edit or delete it, then start writing!]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Welcome to WordPress. This is your first post. Edit or delete it, then start writing!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://fut.sindal-tennisklub.dk/hello-world/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Object Caching 18/26 objects using Disk
Page Caching using Disk: Enhanced 

Served from: fut.sindal-tennisklub.dk @ 2026-09-25 02:33:29 by W3 Total Cache
-->