|
1 | 1 | <!DOCTYPE html> |
2 | | -<html lang="en"> |
| 2 | +<html lang="en" class="scroll-smooth"> |
3 | 3 | <head> |
4 | 4 | <meta charset="UTF-8"> |
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | + <meta name="theme-color" content="#111827"> |
| 7 | + <meta name="description" content="PowerEssentials - The ultimate plugin for PocketMine-MP servers. Enhance your server experience with many features and seamless performance."> |
| 8 | + |
| 9 | + <meta property="og:type" content="website"> |
| 10 | + <meta property="og:title" content="PowerEssentials"> |
| 11 | + <meta property="og:description" content="The ultimate plugin for PocketMine-MP servers."> |
| 12 | + |
6 | 13 | <title>PowerEssentials</title> |
7 | 14 | <script src="https://cdn.tailwindcss.com"></script> |
| 15 | + <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script> |
8 | 16 | </head> |
9 | | -<body class="bg-gray-900 text-white"> |
10 | | - <nav class="bg-gray-800 p-5 flex justify-between items-center"> |
11 | | - <h1 class="text-2xl font-bold">PowerEssentials</h1> |
12 | | - <div class="space-x-6"> |
13 | | - <a href="download.html" class="hover:text-blue-400">Download</a> |
14 | | - <a href="changelog.html" class="hover:text-blue-400">Changelog</a> |
15 | | - <a href="about.html" class="hover:text-blue-400">About</a> |
| 17 | +<body class="bg-gray-900 text-white antialiased"> |
| 18 | + <!-- Navigation --> |
| 19 | + <nav class="bg-gray-800/95 backdrop-blur-md border-b border-gray-700 fixed w-full top-0 z-50" x-data="{ isOpen: false }"> |
| 20 | + <div class="container mx-auto px-4 sm:px-6 lg:px-8"> |
| 21 | + <div class="flex items-center justify-between h-16"> |
| 22 | + <a href="/" class="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent"> |
| 23 | + PowerEssentials |
| 24 | + </a> |
| 25 | + |
| 26 | + <div class="hidden md:flex space-x-8"> |
| 27 | + <a href="download.html" class="hover:text-blue-400 transition-colors duration-200">Download</a> |
| 28 | + <a href="changelog.html" class="hover:text-blue-400 transition-colors duration-200">Changelog</a> |
| 29 | + <a href="about.html" class="hover:text-blue-400 transition-colors duration-200">About</a> |
| 30 | + </div> |
| 31 | + |
| 32 | + <button @click="isOpen = !isOpen" class="md:hidden p-2 rounded-md text-gray-400 hover:text-white focus:outline-none"> |
| 33 | + <svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
| 34 | + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> |
| 35 | + </svg> |
| 36 | + <svg x-show="isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" style="display: none;"> |
| 37 | + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> |
| 38 | + </svg> |
| 39 | + </button> |
| 40 | + </div> |
| 41 | + </div> |
| 42 | + |
| 43 | + <div class="md:hidden" x-show="isOpen" @click.away="isOpen = false" x-cloak> |
| 44 | + <div class="px-4 pt-2 pb-3 space-y-2"> |
| 45 | + <a href="download.html" class="block px-3 py-2 rounded-md hover:bg-gray-700">Download</a> |
| 46 | + <a href="changelog.html" class="block px-3 py-2 rounded-md hover:bg-gray-700">Changelog</a> |
| 47 | + <a href="about.html" class="block px-3 py-2 rounded-md hover:bg-gray-700">About</a> |
| 48 | + </div> |
16 | 49 | </div> |
17 | 50 | </nav> |
18 | | - |
19 | | - <main class="text-center mt-32"> |
20 | | - <h2 class="text-5xl font-extrabold">Enhance Your Server Experience</h2> |
21 | | - <p class="mt-4 text-lg text-gray-400">The ultimate plugin for Minecraft Bedrock servers.</p> |
22 | | - <a href="download.html" class="mt-6 inline-block bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg text-lg">Get Started</a> |
| 51 | + |
| 52 | + <main class="min-h-screen flex items-center"> |
| 53 | + <div class="container mx-auto px-4 sm:px-6 lg:px-8 text-center"> |
| 54 | + <div class="max-w-3xl mx-auto"> |
| 55 | + <h2 class="text-4xl md:text-6xl font-extrabold mb-6 animate-fade-in-up"> |
| 56 | + <span class="bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent"> |
| 57 | + Enhance Your Server |
| 58 | + </span> |
| 59 | + <span class="block mt-2">Experience</span> |
| 60 | + </h2> |
| 61 | + |
| 62 | + <p class="text-lg md:text-xl text-gray-400 mb-8 mx-auto max-w-2xl"> |
| 63 | + The ultimate plugin for PocketMine-MP servers. Optimized performance, many features, |
| 64 | + and seamless integration. |
| 65 | + </p> |
| 66 | + |
| 67 | + <a href="download.html" |
| 68 | + class="inline-block bg-gradient-to-r from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 text-white px-8 py-4 rounded-lg text-lg font-medium transition-all duration-300 transform hover:scale-105 shadow-lg hover:shadow-xl"> |
| 69 | + Get Started Now |
| 70 | + </a> |
| 71 | + </div> |
| 72 | + </div> |
23 | 73 | </main> |
24 | 74 | </body> |
25 | 75 | </html> |
0 commit comments