skbee/blockybazaar-scriptmagic
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Script Shop | SkriptCraft Wizardry</title>7 <link rel="icon" type="image/x-icon" href="https://static.photos/gaming/200x200/1">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10 <style>11 .shop-item:hover {12 transform: translateY(-5px);13 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);14 }15 .discount-badge {16 position: absolute;17 top: -10px;18 right: -10px;19 }20 </style>21</head>22<body class="bg-gray-900 text-gray-100 min-h-screen">23 <div class="container mx-auto px-4 py-12">24 <!-- Header -->25 <header class="mb-16 text-center">26 <div class="inline-block p-4 bg-gray-800 rounded-xl shadow-2xl border-l-4 border-yellow-500 transform rotate-1">27 <h1 class="text-4xl md:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-yellow-400 to-orange-500 mb-2">28 Script Shop29 </h1>30 <p class="text-lg md:text-xl text-gray-300">Premium Skripts for Your Server</p>31 </div>32 <div class="mt-8 flex justify-center space-x-4">33 <a href="index.html" class="px-6 py-2 bg-blue-600 hover:bg-blue-700 rounded-full transition-all flex items-center">34 <i data-feather="home" class="mr-2"></i> Home35 </a>36 <a href="#all-scripts" class="px-6 py-2 bg-yellow-600 hover:bg-yellow-700 rounded-full transition-all flex items-center">37 <i data-feather="shopping-cart" class="mr-2"></i> Browse All38 </a>39 </div>40 </header>41 42 <!-- Featured Scripts -->43 <section id="featured" class="mb-16">44 <h2 class="text-3xl font-bold mb-8 text-center border-b-2 border-yellow-500 pb-2 inline-block">Featured Scripts</h2>45 46 <div class="grid md:grid-cols-3 gap-8">47 <!-- Featured Item 1 -->48 <div class="bg-gray-800 p-6 rounded-lg shadow-lg transition-all duration-300 shop-item relative">49 <span class="discount-badge px-3 py-1 bg-red-500 text-white text-sm font-bold rounded-full">-30%</span>50 <div class="h-40 bg-gray-700 rounded-lg mb-4 flex items-center justify-center">51 <i data-feather="shield" class="w-16 h-16 text-yellow-400"></i>52 </div>53 <h3 class="text-xl font-bold mb-2">Advanced Anti-Cheat</h3>54 <p class="text-gray-400 mb-4">Detects and prevents common cheats with customizable punishments.</p>55 <div class="flex justify-between items-center">56 <span class="text-2xl font-bold text-yellow-400">$14.99 <span class="text-sm line-through text-gray-500">$19.99</span></span>57 <button class="px-4 py-2 bg-yellow-600 hover:bg-yellow-700 rounded-lg font-medium">58 <i data-feather="shopping-cart" class="mr-1"></i> Buy59 </button>60 </div>61 </div>62 63 <!-- Featured Item 2 -->64 <div class="bg-gray-800 p-6 rounded-lg shadow-lg transition-all duration-300 shop-item">65 <div class="h-40 bg-gray-700 rounded-lg mb-4 flex items-center justify-center">66 <i data-feather="award" class="w-16 h-16 text-yellow-400"></i>67 </div>68 <h3 class="text-xl font-bold mb-2">Rankup System</h3>69 <p class="text-gray-400 mb-4">Complete rank progression with custom requirements and rewards.</p>70 <div class="flex justify-between items-center">71 <span class="text-2xl font-bold text-yellow-400">$24.99</span>72 <button class="px-4 py-2 bg-yellow-600 hover:bg-yellow-700 rounded-lg font-medium">73 <i data-feather="shopping-cart" class="mr-1"></i> Buy74 </button>75 </div>76 </div>77 78 <!-- Featured Item 3 -->79 <div class="bg-gray-800 p-6 rounded-lg shadow-lg transition-all duration-300 shop-item">80 <div class="h-40 bg-gray-700 rounded-lg mb-4 flex items-center justify-center">81 <i data-feather="trending-up" class="w-16 h-16 text-yellow-400"></i>82 </div>83 <h3 class="text-xl font-bold mb-2">Economy+</h3>84 <p class="text-gray-400 mb-4">Enhanced economy with shops, banks, stocks and crypto systems.</p>85 <div class="flex justify-between items-center">86 <span class="text-2xl font-bold text-yellow-400">$29.99</span>87 <button class="px-4 py-2 bg-yellow-600 hover:bg-yellow-700 rounded-lg font-medium">88 <i data-feather="shopping-cart" class="mr-1"></i> Buy89 </button>90 </div>91 </div>92 </div>93 </section>94 95 <!-- All Scripts -->96 <section id="all-scripts" class="mb-16">97 <h2 class="text-3xl font-bold mb-8 text-center border-b-2 border-yellow-500 pb-2 inline-block">All Scripts</h2>98 99 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">100 <!-- Script Item 1 -->101 <div class="bg-gray-800 p-5 rounded-lg shadow-lg transition-all duration-300 shop-item">102 <div class="h-32 bg-gray-700 rounded-lg mb-3 flex items-center justify-center">103 <i data-feather="zap" class="w-12 h-12 text-yellow-400"></i>104 </div>105 <h3 class="text-lg font-bold mb-1">PvP Arena</h3>106 <p class="text-sm text-gray-400 mb-3">Customizable PvP arenas with kits and stats tracking.</p>107 <div class="flex justify-between items-center">108 <span class="text-xl font-bold text-yellow-400">$12.99</span>109 <button class="px-3 py-1 bg-yellow-600 hover:bg-yellow-700 rounded-lg text-sm font-medium">110 <i data-feather="shopping-cart" class="mr-1 w-4 h-4"></i> Buy111 </button>112 </div>113 </div>114 115 <!-- Script Item 2 -->116 <div class="bg-gray-800 p-5 rounded-lg shadow-lg transition-all duration-300 shop-item">117 <div class="h-32 bg-gray-700 rounded-lg mb-3 flex items-center justify-center">118 <i data-feather="package" class="w-12 h-12 text-yellow-400"></i>119 </div>120 <h3 class="text-lg font-bold mb-1">Crate System</h3>121 <p class="text-sm text-gray-400 mb-3">Virtual crates with animation effects and custom rewards.</p>122 <div class="flex justify-between items-center">123 <span class="text-xl font-bold text-yellow-400">$16.99</span>124 <button class="px-3 py-1 bg-yellow-600 hover:bg-yellow-700 rounded-lg text-sm font-medium">125 <i data-feather="shopping-cart" class="mr-1 w-4 h-4"></i> Buy126 </button>127 </div>128 </div>129 130 <!-- Script Item 3 -->131 <div class="bg-gray-800 p-5 rounded-lg shadow-lg transition-all duration-300 shop-item">132 <div class="h-32 bg-gray-700 rounded-lg mb-3 flex items-center justify-center">133 <i data-feather="users" class="w-12 h-12 text-yellow-400"></i>134 </div>135 <h3 class="text-lg font-bold mb-1">Party System</h3>136 <p class="text-sm text-gray-400 mb-3">Create parties, share XP and items with party members.</p>137 <div class="flex justify-between items-center">138 <span class="text-xl font-bold text-yellow-400">$9.99</span>139 <button class="px-3 py-1 bg-yellow-600 hover:bg-yellow-700 rounded-lg text-sm font-medium">140 <i data-feather="shopping-cart" class="mr-1 w-4 h-4"></i> Buy141 </button>142 </div>143 </div>144 145 <!-- Script Item 4 -->146 <div class="bg-gray-800 p-5 rounded-lg shadow-lg transition-all duration-300 shop-item">147 <div class="h-32 bg-gray-700 rounded-lg mb-3 flex items-center justify-center">148 <i data-feather="map" class="w-12 h-12 text-yellow-400"></i>149 </div>150 <h3 class="text-lg font-bold mb-1">Custom World Gen</h3>151 <p class="text-sm text-gray-400 mb-3">Generate custom biomes and structures automatically.</p>152 <div class="flex justify-between items-center">153 <span class="text-xl font-bold text-yellow-400">$22.99</span>154 <button class="px-3 py-1 bg-yellow-600 hover:bg-yellow-700 rounded-lg text-sm font-medium">155 <i data-feather="shopping-cart" class="mr-1 w-4 h-4"></i> Buy156 </button>157 </div>158 </div>159 160 <!-- Script Item 5 -->161 <div class="bg-gray-800 p-5 rounded-lg shadow-lg transition-all duration-300 shop-item">162 <div class="h-32 bg-gray-700 rounded-lg mb-3 flex items-center justify-center">163 <i data-feather="clock" class="w-12 h-12 text-yellow-400"></i>164 </div>165 <h3 class="text-lg font-bold mb-1">Time-Based Events</h3>166 <p class="text-sm text-gray-400 mb-3">Schedule automatic events like double XP weekends.</p>167 <div class="flex justify-between items-center">168 <span class="text-xl font-bold text-yellow-400">$7.99</span>169 <button class="px-3 py-1 bg-yellow-600 hover:bg-yellow-700 rounded-lg text-sm font-medium">170 <i data-feather="shopping-cart" class="mr-1 w-4 h-4"></i> Buy171 </button>172 </div>173 </div>174 175 <!-- Script Item 6 -->176 <div class="bg-gray-800 p-5 rounded-lg shadow-lg transition-all duration-300 shop-item">177 <div class="h-32 bg-gray-700 rounded-lg mb-3 flex items-center justify-center">178 <i data-feather="lock" class="w-12 h-12 text-yellow-400"></i>179 </div>180 <h3 class="text-lg font-bold mb-1">Land Claim</h3>181 <p class="text-sm text-gray-400 mb-3">Players can claim and protect their land areas.</p>182 <div class="flex justify-between items-center">183 <span class="text-xl font-bold text-yellow-400">$19.99</span>184 <button class="px-3 py-1 bg-yellow-600 hover:bg-yellow-700 rounded-lg text-sm font-medium">185 <i data-feather="shopping-cart" class="mr-1 w-4 h-4"></i> Buy186 </button>187 </div>188 </div>189 </div>190 </section>191 192 <!-- Categories -->193 <section id="categories" class="mb-16">194 <h2 class="text-3xl font-bold mb-8 text-center border-b-2 border-yellow-500 pb-2 inline-block">Categories</h2>195 196 <div class="grid grid-cols-2 md:grid-cols-4 gap-4">197 <a href="#" class="bg-gray-800 hover:bg-gray-700 p-4 rounded-lg text-center transition-all">198 <i data-feather="shield" class="w-8 h-8 mx-auto mb-2 text-yellow-400"></i>199 <span>Protection</span>200 </a>201 <a href="#" class="bg-gray-800 hover:bg-gray-700 p-4 rounded-lg text-center transition-all">202 <i data-feather="dollar-sign" class="w-8 h-8 mx-auto mb-2 text-yellow-400"></i>203 <span>Economy</span>204 </a>205 <a href="#" class="bg-gray-800 hover:bg-gray-700 p-4 rounded-lg text-center transition-all">206 <i data-feather="sword" class="w-8 h-8 mx-auto mb-2 text-yellow-400"></i>207 <span>PvP</span>208 </a>209 <a href="#" class="bg-gray-800 hover:bg-gray-700 p-4 rounded-lg text-center transition-all">210 <i data-feather="users" class="w-8 h-8 mx-auto mb-2 text-yellow-400"></i>211 <span>Social</span>212 </a>213 </div>214 </section>215 </div>216 217 <script>218 feather.replace();219 </script>220</body>221</html>