Unsere Pakete

English Crnogorski Türkçe Deutsch

System-Anmeldung Unternehmensregistrierung

Mein Warenkorb

0 Dienstleistungen Ausgewählt

...

Zwischensumme: €0,00

Zur Kasse

GENERAL

WORDPRESS EKO

300,00 € / Einmalig

WordPress-Unternehmenswebsite
Visuelle Designs
Inhaltseingaben
5 Seiten
Schlüsselfertig

JETZT STARTEN

GENERAL

WORDPRESS PRO*

600,00 € / Einmalig

WordPress-Unternehmenswebsite
1 Jahr Domainname
1 Jahr Hosting
Lizenziertes WP-Theme
Inhalts- und Designeingaben

JETZT STARTEN

<div class="w-full max-w-7xl mx-auto my-8 flex flex-wrap justify-center items-stretch gap-6 sm:gap-8"><div id="sc_pkg_5_4988" class="w-full sm:w-[350px] md:w-[370px] max-w-sm flex-1 flex flex-col relative group text-left font-sans select-none my-3">
            <div class="absolute -inset-0.5 bg-gradient-to-r from-indigo-500/30 to-violet-600/30 rounded-[28px] blur-sm group-hover:opacity-80 transition duration-500"></div>
            <div class="relative bg-[#0c0c0e] border border-zinc-800/90 rounded-[28px] p-7 space-y-6 shadow-2xl overflow-hidden flex-1 flex flex-col justify-between h-full">
                
                <div class="space-y-6">
                    <div>
                        <span class="text-[10px] font-black tracking-widest uppercase px-3 py-1 bg-indigo-500/10 text-indigo-400 border border-indigo-500/20 rounded-lg inline-block">
                            GENERAL                        </span>
                        <h3 class="text-2xl font-black text-white mt-3.5 tracking-tight">WORDPRESS EKO</h3>
                    </div>

<div class="flex items-baseline gap-1.5 border-y border-zinc-800/80 py-4">
                        <span class="sc-price-val text-4xl font-black text-white font-mono">
                            300,00 €
                        </span>
                        <span class="sc-cycle-val text-xs text-zinc-400 font-bold uppercase tracking-wider">
                            / Einmalig                        </span>
                    </div>

<ul class="space-y-3 pt-1">
                                                            <li class="flex items-center gap-3 text-sm text-zinc-300 font-medium">
                                    <div class="w-5 h-5 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center shrink-0 text-emerald-400 text-xs">
                                        <i class="fa-solid fa-check"></i>
                                    </div>
                                    <span>WordPress-Unternehmenswebsite</span>
                                </li>
                                                            <li class="flex items-center gap-3 text-sm text-zinc-300 font-medium">
                                    <div class="w-5 h-5 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center shrink-0 text-emerald-400 text-xs">
                                        <i class="fa-solid fa-check"></i>
                                    </div>
                                    <span>Visuelle Designs</span>
                                </li>
                                                            <li class="flex items-center gap-3 text-sm text-zinc-300 font-medium">
                                    <div class="w-5 h-5 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center shrink-0 text-emerald-400 text-xs">
                                        <i class="fa-solid fa-check"></i>
                                    </div>
                                    <span>Inhaltseingaben</span>
                                </li>
                                                            <li class="flex items-center gap-3 text-sm text-zinc-300 font-medium">
                                    <div class="w-5 h-5 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center shrink-0 text-emerald-400 text-xs">
                                        <i class="fa-solid fa-check"></i>
                                    </div>
                                    <span>5 Seiten</span>
                                </li>
                                                            <li class="flex items-center gap-3 text-sm text-zinc-300 font-medium">
                                    <div class="w-5 h-5 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center shrink-0 text-emerald-400 text-xs">
                                        <i class="fa-solid fa-check"></i>
                                    </div>
                                    <span>Schlüsselfertig</span>
                                </li>
                                                    </ul>
                    
                                            <div class="pt-1">
                            <button type="button" onclick="const p = document.getElementById('pkg_detail_sc_pkg_5_4988'); p.classList.toggle('hidden');" class="w-full py-2.5 px-4 bg-zinc-900/80 hover:bg-zinc-850 border border-zinc-800 rounded-xl text-xs font-bold text-indigo-400 hover:text-indigo-300 flex items-center justify-between transition cursor-pointer">
                                <span class="flex items-center gap-2"><i class="fa-solid fa-circle-info text-xs"></i> Mehr Details</span>
                                <i class="fa-solid fa-chevron-down text-[10px]"></i>
                            </button>
                            <div id="pkg_detail_sc_pkg_5_4988" class="hidden mt-3 p-4 bg-[#121214] border border-zinc-800 rounded-2xl text-xs text-zinc-300 leading-relaxed max-h-56 overflow-y-auto space-y-2">
                                <p>* Hosting ist nicht inbegriffen.</p>
<p>* Domainname ist nicht inbegriffen.</p>
<p><strong>Hinweis:</strong> Die Arbeiten werden auf unserer Subdomain durchgeführt. Sobald Sie die Arbeiten freigeben, erfolgt der Umzug auf Ihre eigene Domain und Hosting-Adresse.</p>                            </div>
                        </div>
                                    </div>

<div class="pt-6 grid grid-cols-2 gap-2.5">
                    <button type="button" 
                            onclick="addToCartAjax(5, 'one-time', 1)" 
                            class="sc-cart-btn py-3.5 px-2 bg-zinc-900/90 hover:bg-zinc-800 border border-zinc-700/80 hover:border-indigo-500/50 text-zinc-200 hover:text-white rounded-2xl text-[11px] font-black uppercase tracking-wider transition flex items-center justify-center gap-1.5 cursor-pointer shadow-sm">
                        <i class="fa-solid fa-cart-plus text-indigo-400 text-xs"></i>
                        <span>In den Warenkorb</span>
                    </button>

<a href="/checkout.php?package_id=5&period=one-time&lang=de" 
                       class="sc-buy-btn py-3.5 px-2 bg-gradient-to-r from-indigo-600 to-violet-600 hover:from-indigo-500 hover:to-violet-500 text-white rounded-2xl text-[11px] font-black uppercase tracking-wider transition duration-300 shadow-lg shadow-indigo-600/20 flex items-center justify-center gap-1 group text-center">
                        <span>JETZT STARTEN</span>
                        <i class="fa-solid fa-arrow-right text-[10px] transition-transform group-hover:translate-x-1"></i>
                    </a>
                </div>
            </div>
        </div>

card.querySelectorAll('.sc-p-btn').forEach(btn => {
                    btn.classList.remove('bg-indigo-600', 'text-white', 'shadow');
                    btn.classList.add('text-zinc-400');
                });
                const activeBtn = card.querySelector('[data-period-btn="' + periodKey + '"]');
                if (activeBtn) {
                    activeBtn.classList.remove('text-zinc-400');
                    activeBtn.classList.add('bg-indigo-600', 'text-white', 'shadow');
                }

const priceElem = card.querySelector('.sc-price-val');
                if (priceElem) {
                    priceElem.innerText = price.toLocaleString('tr-TR', {minimumFractionDigits: 2, maximumFractionDigits: 2}) + ' €';
                }

const cycleElem = card.querySelector('.sc-cycle-val');
                if (cycleElem) {
                    cycleElem.innerText = '/ ' + label;
                }

const buyBtn = card.querySelector('.sc-buy-btn');
                if (buyBtn) {
                    buyBtn.href = '/checkout.php?package_id=' + pkgId + '&period=' + periodKey + '&lang=' + lang;
                }

const cartBtn = card.querySelector('.sc-cart-btn');
                if (cartBtn) {
                    cartBtn.setAttribute('onclick', "addToCartAjax(" + pkgId + ", '" + periodKey + "', 1)");
                }
            };
        }
        </script>
                 <div id="sc_pkg_6_9022" class="w-full sm:w-[350px] md:w-[370px] max-w-sm flex-1 flex flex-col relative group text-left font-sans select-none my-3">
            <div class="absolute -inset-0.5 bg-gradient-to-r from-indigo-500/30 to-violet-600/30 rounded-[28px] blur-sm group-hover:opacity-80 transition duration-500"></div>
            <div class="relative bg-[#0c0c0e] border border-zinc-800/90 rounded-[28px] p-7 space-y-6 shadow-2xl overflow-hidden flex-1 flex flex-col justify-between h-full">
                
                <div class="space-y-6">
                    <div>
                        <span class="text-[10px] font-black tracking-widest uppercase px-3 py-1 bg-indigo-500/10 text-indigo-400 border border-indigo-500/20 rounded-lg inline-block">
                            GENERAL                        </span>
                        <h3 class="text-2xl font-black text-white mt-3.5 tracking-tight">WORDPRESS PRO*</h3>
                    </div>

<div class="flex items-baseline gap-1.5 border-y border-zinc-800/80 py-4">
                        <span class="sc-price-val text-4xl font-black text-white font-mono">
                            600,00 €
                        </span>
                        <span class="sc-cycle-val text-xs text-zinc-400 font-bold uppercase tracking-wider">
                            / Einmalig                        </span>
                    </div>

<ul class="space-y-3 pt-1">
                                                            <li class="flex items-center gap-3 text-sm text-zinc-300 font-medium">
                                    <div class="w-5 h-5 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center shrink-0 text-emerald-400 text-xs">
                                        <i class="fa-solid fa-check"></i>
                                    </div>
                                    <span>WordPress-Unternehmenswebsite</span>
                                </li>
                                                            <li class="flex items-center gap-3 text-sm text-zinc-300 font-medium">
                                    <div class="w-5 h-5 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center shrink-0 text-emerald-400 text-xs">
                                        <i class="fa-solid fa-check"></i>
                                    </div>
                                    <span>1 Jahr Domainname</span>
                                </li>
                                                            <li class="flex items-center gap-3 text-sm text-zinc-300 font-medium">
                                    <div class="w-5 h-5 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center shrink-0 text-emerald-400 text-xs">
                                        <i class="fa-solid fa-check"></i>
                                    </div>
                                    <span>1 Jahr Hosting</span>
                                </li>
                                                            <li class="flex items-center gap-3 text-sm text-zinc-300 font-medium">
                                    <div class="w-5 h-5 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center shrink-0 text-emerald-400 text-xs">
                                        <i class="fa-solid fa-check"></i>
                                    </div>
                                    <span>Lizenziertes WP-Theme</span>
                                </li>
                                                            <li class="flex items-center gap-3 text-sm text-zinc-300 font-medium">
                                    <div class="w-5 h-5 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center shrink-0 text-emerald-400 text-xs">
                                        <i class="fa-solid fa-check"></i>
                                    </div>
                                    <span>Inhalts- und Designeingaben</span>
                                </li>
                                                    </ul>
                    
                                            <div class="pt-1">
                            <button type="button" onclick="const p = document.getElementById('pkg_detail_sc_pkg_6_9022'); p.classList.toggle('hidden');" class="w-full py-2.5 px-4 bg-zinc-900/80 hover:bg-zinc-850 border border-zinc-800 rounded-xl text-xs font-bold text-indigo-400 hover:text-indigo-300 flex items-center justify-between transition cursor-pointer">
                                <span class="flex items-center gap-2"><i class="fa-solid fa-circle-info text-xs"></i> Mehr Details</span>
                                <i class="fa-solid fa-chevron-down text-[10px]"></i>
                            </button>
                            <div id="pkg_detail_sc_pkg_6_9022" class="hidden mt-3 p-4 bg-[#121214] border border-zinc-800 rounded-2xl text-xs text-zinc-300 leading-relaxed max-h-56 overflow-y-auto space-y-2">
                                <p>Schlüsselfertig</p>
<p>5 E-Mail-Adressen</p>
<p><strong>Hinweis: </strong>Die Arbeiten werden auf einer Subdomain durchgeführt. Nach Projektfreigabe wird die Website umgezogen und veröffentlicht.<br>*** Es wird lediglich die jährliche Verlängerungsgebühr für Domain und Hosting berechnet; es fallen keine weiteren Kosten an.</p>                            </div>
                        </div>
                                    </div>

<div class="pt-6 grid grid-cols-2 gap-2.5">
                    <button type="button" 
                            onclick="addToCartAjax(6, 'one-time', 1)" 
                            class="sc-cart-btn py-3.5 px-2 bg-zinc-900/90 hover:bg-zinc-800 border border-zinc-700/80 hover:border-indigo-500/50 text-zinc-200 hover:text-white rounded-2xl text-[11px] font-black uppercase tracking-wider transition flex items-center justify-center gap-1.5 cursor-pointer shadow-sm">
                        <i class="fa-solid fa-cart-plus text-indigo-400 text-xs"></i>
                        <span>In den Warenkorb</span>
                    </button>

<a href="/checkout.php?package_id=6&period=one-time&lang=de" 
                       class="sc-buy-btn py-3.5 px-2 bg-gradient-to-r from-indigo-600 to-violet-600 hover:from-indigo-500 hover:to-violet-500 text-white rounded-2xl text-[11px] font-black uppercase tracking-wider transition duration-300 shadow-lg shadow-indigo-600/20 flex items-center justify-center gap-1 group text-center">
                        <span>JETZT STARTEN</span>
                        <i class="fa-solid fa-arrow-right text-[10px] transition-transform group-hover:translate-x-1"></i>
                    </a>
                </div>
            </div>
        </div>

const cycleElem = card.querySelector('.sc-cycle-val');
                if (cycleElem) {
                    cycleElem.innerText = '/ ' + label;
                }