Our Packages

English Crnogorski Türkçe Deutsch

System Login Corporate Registration

My Service Cart

0 Services Selected

...

Subtotal: €0,00

Go to Checkout

GENERAL

WORDPRESS EKO

300,00 € / One-time

WordPress Corporate Website
Visual Designs
Content Entries
5 Pages
Turnkey

START NOW

GENERAL

WORDPRESS PRO*

600,00 € / One-time

WordPress Corporate Website
1-Year Domain Name
1-Year Hosting
Licensed WP Theme
Content & Design Entries

START NOW

<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_9490" 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>

<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 Corporate Website</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>Visual 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>Content Entries</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 Pages</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>Turnkey</span>
                                </li>
                                                    </ul>
                    
                                            <div class="pt-1">
                            <button type="button" onclick="const p = document.getElementById('pkg_detail_sc_pkg_5_9490'); 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> More Details</span>
                                <i class="fa-solid fa-chevron-down text-[10px]"></i>
                            </button>
                            <div id="pkg_detail_sc_pkg_5_9490" 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 is not included.<br>* Domain name is not included.</p>
<p><strong>Note:</strong> Work is carried out on our sub-domain. Once you approve the work, it is migrated to your own domain and hosting address.</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>Add to Cart</span>
                    </button>

<a href="/checkout.php?package_id=5&period=one-time&lang=en" 
                       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>START NOW</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_8717" 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>

<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 Corporate Website</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-Year Domain Name</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-Year 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>Licensed 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>Content &amp; Design Entries</span>
                                </li>
                                                    </ul>
                    
                                            <div class="pt-1">
                            <button type="button" onclick="const p = document.getElementById('pkg_detail_sc_pkg_6_8717'); 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> More Details</span>
                                <i class="fa-solid fa-chevron-down text-[10px]"></i>
                            </button>
                            <div id="pkg_detail_sc_pkg_6_8717" 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">
                                <div class="user-query-container">
<div id="user-query-content-2" class="query-content ng-star-inserted" data-hveid="0" data-ved="0CAAQ3ucQahgKEwjomdLe3NyWAxUAAAAAHQAAAAAQhQE">
<div class="query-text gds-body-l" dir="ltr">
<p class="query-text-line ng-star-inserted"> Turnkey</p>
<p>5 Email Addresses</p>
<p><strong>Note: </strong>Work is carried out on a subdomain. After project approval, migration is performed and the site is published.</p>
<p class="query-text-line ng-star-inserted"> </p>
</div>
<div class="luminous-toggle-container ng-star-inserted"> </div>
</div>
</div>                            </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>Add to Cart</span>
                    </button>

<a href="/checkout.php?package_id=6&period=one-time&lang=en" 
                       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>START NOW</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;
                }