rxdevelopement / index.html
notritik's picture
undefined - Initial Deployment
098ba80 verified
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RxDevelopement | Premium Minecraft Plugins</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Poppins', sans-serif;
background-color: #0e0e0e;
color: #f3f4f6;
scroll-behavior: smooth;
}
.gradient-text {
background: linear-gradient(90deg, #00ffff 0%, #8b5cf6 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.glow-effect {
box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
}
.glow-effect-purple {
box-shadow: 0 0 15px rgba(139, 92, 246, 0.5);
}
.plugin-card:hover {
transform: translateY(-5px);
transition: all 0.3s ease;
}
.team-card:hover {
transform: scale(1.03);
transition: all 0.3s ease;
}
.nav-link:hover {
color: #00ffff;
transition: all 0.3s ease;
}
.btn-primary:hover {
background: linear-gradient(90deg, #00ffff 0%, #8b5cf6 100%);
transition: all 0.3s ease;
}
.btn-secondary:hover {
background: rgba(139, 92, 246, 0.2);
transition: all 0.3s ease;
}
.pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(0, 255, 255, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(0, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 255, 255, 0);
}
}
.carousel-item {
transition: opacity 0.5s ease-in-out;
}
</style>
</head>
<body class="min-h-screen">
<!-- Navigation -->
<nav class="bg-gray-900/80 backdrop-blur-md fixed w-full z-50 border-b border-gray-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<div class="flex items-center">
<div class="flex-shrink-0">
<span class="text-2xl font-bold gradient-text">RxDevelopement</span>
</div>
<div class="hidden md:block">
<div class="ml-10 flex items-baseline space-x-4">
<a href="#home" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Home</a>
<a href="#plugins" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Plugins</a>
<a href="#team" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Team</a>
<a href="#about" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">About</a>
<a href="#contact" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Contact</a>
</div>
</div>
</div>
<div class="hidden md:block">
<div class="ml-4 flex items-center md:ml-6">
<a href="#join" class="btn-primary bg-gradient-to-r from-cyan-500 to-purple-500 text-white px-4 py-2 rounded-md text-sm font-medium mr-4">Join Us</a>
<button id="theme-toggle" class="text-gray-300 hover:text-white focus:outline-none">
<i class="fas fa-moon"></i>
</button>
</div>
</div>
<div class="-mr-2 flex md:hidden">
<button id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none">
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</button>
</div>
</div>
</div>
<!-- Mobile menu -->
<div id="mobile-menu" class="md:hidden hidden">
<div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
<a href="#home" class="nav-link text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Home</a>
<a href="#plugins" class="nav-link text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Plugins</a>
<a href="#team" class="nav-link text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Team</a>
<a href="#about" class="nav-link text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">About</a>
<a href="#contact" class="nav-link text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Contact</a>
<a href="#join" class="btn-primary bg-gradient-to-r from-cyan-500 to-purple-500 text-white block px-3 py-2 rounded-md text-base font-medium">Join Us</a>
</div>
</div>
</nav>
<!-- Hero Section -->
<section id="home" class="pt-32 pb-20 px-4 sm:px-6 lg:px-8 bg-gradient-to-b from-gray-900 to-gray-800">
<div class="max-w-7xl mx-auto">
<div class="lg:grid lg:grid-cols-12 lg:gap-8">
<div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left">
<h1 class="text-4xl tracking-tight font-extrabold text-white sm:text-5xl md:text-6xl">
<span class="gradient-text">⚡ Welcome to RxDevelopement</span>
</h1>
<p class="mt-3 text-base text-gray-300 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
We craft powerful Minecraft plugins that push the limits of creativity.
</p>
<div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
<div class="flex flex-col sm:flex-row gap-4">
<a href="#plugins" class="btn-primary bg-gradient-to-r from-cyan-500 to-purple-500 text-white px-6 py-3 rounded-md text-base font-medium shadow-lg hover:shadow-xl transition-all duration-300">
View Plugins
</a>
<a href="#join" class="btn-secondary border border-purple-500 text-purple-500 px-6 py-3 rounded-md text-base font-medium hover:bg-purple-500/10 transition-all duration-300">
Join Our Team
</a>
</div>
</div>
</div>
<div class="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center">
<div class="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md glow-effect">
<div id="hero-carousel" class="relative overflow-hidden rounded-lg">
<div class="carousel-item active">
<img class="w-full" src="https://images.unsplash.com/photo-1589254065878-42c9da997008?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Minecraft plugin development">
</div>
<div class="carousel-item hidden">
<img class="w-full" src="https://images.unsplash.com/photo-1627855437693-dcc7b0c4ba74?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Minecraft server">
</div>
<div class="carousel-item hidden">
<img class="w-full" src="https://images.unsplash.com/photo-1627855437698-3f3fb2a3f8a3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Minecraft coding">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Stats Section -->
<section class="py-12 bg-gray-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
<div class="p-6 rounded-lg bg-gray-700/50 backdrop-blur-sm border border-gray-600">
<div class="text-4xl font-bold gradient-text" id="plugin-count">15+</div>
<div class="mt-2 text-gray-300">Plugins</div>
</div>
<div class="p-6 rounded-lg bg-gray-700/50 backdrop-blur-sm border border-gray-600">
<div class="text-4xl font-bold gradient-text" id="download-count">50K+</div>
<div class="mt-2 text-gray-300">Downloads</div>
</div>
<div class="p-6 rounded-lg bg-gray-700/50 backdrop-blur-sm border border-gray-600">
<div class="text-4xl font-bold gradient-text" id="server-count">5K+</div>
<div class="mt-2 text-gray-300">Servers</div>
</div>
<div class="p-6 rounded-lg bg-gray-700/50 backdrop-blur-sm border border-gray-600">
<div class="text-4xl font-bold gradient-text" id="team-count">8</div>
<div class="mt-2 text-gray-300">Team Members</div>
</div>
</div>
</div>
</section>
<!-- Plugins Section -->
<section id="plugins" class="py-20 px-4 sm:px-6 lg:px-8 bg-gray-900">
<div class="max-w-7xl mx-auto">
<div class="text-center mb-16">
<h2 class="text-3xl font-extrabold text-white sm:text-4xl">
<span class="gradient-text">Our Premium Plugins</span>
</h2>
<p class="mt-4 max-w-2xl text-xl text-gray-300 mx-auto">
High-quality plugins designed to enhance your Minecraft experience.
</p>
</div>
<div class="flex justify-center mb-8">
<div class="inline-flex rounded-md shadow-sm" role="group">
<button type="button" class="filter-btn px-4 py-2 text-sm font-medium rounded-l-lg border border-gray-600 bg-gray-800 text-white hover:bg-gray-700" data-filter="all">
All
</button>
<button type="button" class="filter-btn px-4 py-2 text-sm font-medium border-t border-b border-gray-600 bg-gray-800 text-white hover:bg-gray-700" data-filter="pvp">
PvP
</button>
<button type="button" class="filter-btn px-4 py-2 text-sm font-medium border-t border-b border-gray-600 bg-gray-800 text-white hover:bg-gray-700" data-filter="economy">
Economy
</button>
<button type="button" class="filter-btn px-4 py-2 text-sm font-medium border-t border-b border-gray-600 bg-gray-800 text-white hover:bg-gray-700" data-filter="cosmetics">
Cosmetics
</button>
<button type="button" class="filter-btn px-4 py-2 text-sm font-medium rounded-r-lg border border-gray-600 bg-gray-800 text-white hover:bg-gray-700" data-filter="utility">
Utility
</button>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Plugin 1 -->
<div class="plugin-card p-6 rounded-lg bg-gray-800 border border-gray-700 hover:border-cyan-500 transition-all duration-300" data-category="pvp">
<div class="flex items-center mb-4">
<div class="flex-shrink-0 bg-gray-700 p-3 rounded-lg">
<i class="fas fa-swords text-cyan-500 text-xl"></i>
</div>
<div class="ml-4">
<h3 class="text-lg font-bold text-white">RxPvP</h3>
<div class="flex mt-1">
<span class="px-2 py-1 text-xs rounded-full bg-purple-500/20 text-purple-300">PvP</span>
</div>
</div>
</div>
<p class="text-gray-300 mb-4">
Advanced PvP mechanics with custom kits, arenas, and leaderboards. Perfect for competitive servers.
</p>
<div class="flex justify-between items-center">
<span class="text-cyan-400 font-medium">$14.99</span>
<button class="btn-primary bg-gradient-to-r from-cyan-500 to-purple-500 text-white px-4 py-2 rounded-md text-sm font-medium">
View Details
</button>
</div>
</div>
<!-- Plugin 2 -->
<div class="plugin-card p-6 rounded-lg bg-gray-800 border border-gray-700 hover:border-cyan-500 transition-all duration-300" data-category="economy">
<div class="flex items-center mb-4">
<div class="flex-shrink-0 bg-gray-700 p-3 rounded-lg">
<i class="fas fa-coins text-cyan-500 text-xl"></i>
</div>
<div class="ml-4">
<h3 class="text-lg font-bold text-white">RxEconomy</h3>
<div class="flex mt-1">
<span class="px-2 py-1 text-xs rounded-full bg-purple-500/20 text-purple-300">Economy</span>
</div>
</div>
</div>
<p class="text-gray-300 mb-4">
Comprehensive economy system with shops, banks, auctions, and player trading. Fully customizable.
</p>
<div class="flex justify-between items-center">
<span class="text-cyan-400 font-medium">$19.99</span>
<button class="btn-primary bg-gradient-to-r from-cyan-500 to-purple-500 text-white px-4 py-2 rounded-md text-sm font-medium">
View Details
</button>
</div>
</div>
<!-- Plugin 3 -->
<div class="plugin-card p-6 rounded-lg bg-gray-800 border border-gray-700 hover:border-cyan-500 transition-all duration-300" data-category="cosmetics">
<div class="flex items-center mb-4">
<div class="flex-shrink-0 bg-gray-700 p-3 rounded-lg">
<i class="fas fa-hat-wizard text-cyan-500 text-xl"></i>
</div>
<div class="ml-4">
<h3 class="text-lg font-bold text-white">RxCosmetics</h3>
<div class="flex mt-1">
<span class="px-2 py-1 text-xs rounded-full bg-purple-500/20 text-purple-300">Cosmetics</span>
</div>
</div>
</div>
<p class="text-gray-300 mb-4">
Hundreds of unique cosmetics including pets, particles, hats, and trails to customize your players.
</p>
<div class="flex justify-between items-center">
<span class="text-cyan-400 font-medium">$12.99</span>
<button class="btn-primary bg-gradient-to-r from-cyan-500 to-purple-500 text-white px-4 py-2 rounded-md text-sm font-medium">
View Details
</button>
</div>
</div>
<!-- Plugin 4 -->
<div class="plugin-card p-6 rounded-lg bg-gray-800 border border-gray-700 hover:border-cyan-500 transition-all duration-300" data-category="utility">
<div class="flex items-center mb-4">
<div class="flex-shrink-0 bg-gray-700 p-3 rounded-lg">
<i class="fas fa-tools text-cyan-500 text-xl"></i>
</div>
<div class="ml-4">
<h3 class="text-lg font-bold text-white">RxUtils</h3>
<div class="flex mt-1">
<span class="px-2 py-1 text-xs rounded-full bg-purple-500/20 text-purple-300">Utility</span>
</div>
</div>
</div>
<p class="text-gray-300 mb-4">
Essential utilities for server management including staff tools, player analytics, and automation.
</p>
<div class="flex justify-between items-center">
<span class="text-cyan-400 font-medium">$9.99</span>
<button class="btn-primary bg-gradient-to-r from-cyan-500 to-purple-500 text-white px-4 py-2 rounded-md text-sm font-medium">
View Details
</button>
</div>
</div>
<!-- Plugin 5 -->
<div class="plugin-card p-6 rounded-lg bg-gray-800 border border-gray-700 hover:border-cyan-500 transition-all duration-300" data-category="pvp">
<div class="flex items-center mb-4">
<div class="flex-shrink-0 bg-gray-700 p-3 rounded-lg">
<i class="fas fa-shield-alt text-cyan-500 text-xl"></i>
</div>
<div class="ml-4">
<h3 class="text-lg font-bold text-white">RxDuels</h3>
<div class="flex mt-1">
<span class="px-2 py-1 text-xs rounded-full bg-purple-500/20 text-purple-300">PvP</span>
</div>
</div>
</div>
<p class="text-gray-300 mb-4">
Advanced 1v1, 2v2, and tournament dueling system with custom arenas and matchmaking.
</p>
<div class="flex justify-between items-center">
<span class="text-cyan-400 font-medium">$16.99</span>
<button class="btn-primary bg-gradient-to-r from-cyan-500 to-purple-500 text-white px-4 py-2 rounded-md text-sm font-medium">
View Details
</button>
</div>
</div>
<!-- Plugin 6 -->
<div class="plugin-card p-6 rounded-lg bg-gray-800 border border-gray-700 hover:border-cyan-500 transition-all duration-300" data-category="economy">
<div class="flex items-center mb-4">
<div class="flex-shrink-0 bg-gray-700 p-3 rounded-lg">
<i class="fas fa-gem text-cyan-500 text-xl"></i>
</div>
<div class="ml-4">
<h3 class="text-lg font-bold text-white">RxCrates</h3>
<div class="flex mt-1">
<span class="px-2 py-1 text-xs rounded-full bg-purple-500/20 text-purple-300">Economy</span>
<span class="px-2 py-1 text-xs rounded-full bg-purple-500/20 text-purple-300 ml-2">Cosmetics</span>
</div>
</div>
</div>
<p class="text-gray-300 mb-4">
Customizable crate system with animations, effects, and multi-tiered rewards to engage players.
</p>
<div class="flex justify-between items-center">
<span class="text-cyan-400 font-medium">$14.99</span>
<button class="btn-primary bg-gradient-to-r from-cyan-500 to-purple-500 text-white px-4 py-2 rounded-md text-sm font-medium">
View Details
</button>
</div>
</div>
</div>
<div class="mt-12 text-center">
<a href="#" class="btn-secondary border border-purple-500 text-purple-500 px-6 py-3 rounded-md text-base font-medium hover:bg-purple-500/10 transition-all duration-300 inline-flex items-center">
View All Plugins <i class="fas fa-arrow-right ml-2"></i>
</a>
</div>
</div>
</section>
<!-- Plugin of the Month -->
<section class="py-16 bg-gradient-to-r from-gray-800 to-gray-900">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="bg-gray-800/50 backdrop-blur-sm rounded-xl p-8 border border-gray-700 glow-effect-purple">
<div class="md:flex">
<div class="md:flex-shrink-0">
<div class="h-48 w-full md:h-full md:w-48 bg-gray-700 rounded-lg flex items-center justify-center">
<i class="fas fa-crown text-5xl gradient-text"></i>
</div>
</div>
<div class="mt-4 md:mt-0 md:ml-6">
<div class="uppercase tracking-wide text-sm text-purple-400 font-semibold">Plugin of the Month</div>
<h3 class="text-2xl font-bold text-white mt-1">RxPvP</h3>
<p class="mt-2 text-gray-300">
Our PvP plugin has been downloaded over 10,000 times this month! Experience the ultimate competitive Minecraft PvP with custom kits, arenas, and advanced matchmaking.
</p>
<div class="mt-4">
<div class="flex items-center">
<div class="flex-shrink-0">
<span class="text-cyan-400 font-bold">4.9</span>
</div>
<div class="ml-2">
<div class="flex items-center">
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
</div>
</div>
<div class="ml-4">
<span class="text-gray-400">(1,234 reviews)</span>
</div>
</div>
</div>
<div class="mt-6">
<a href="#" class="btn-primary bg-gradient-to-r from-cyan-500 to-purple-500 text-white px-6 py-2 rounded-md text-sm font-medium inline-flex items-center">
Get RxPvP Now <i class="fas fa-arrow-right ml-2"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section id="team" class="py-20 px-4 sm:px-6 lg:px-8 bg-gray-900">
<div class="max-w-7xl mx-auto">
<div class="text-center mb-16">
<h2 class="text-3xl font-extrabold text-white sm:text-4xl">
<span class="gradient-text">Meet Our Team</span>
</h2>
<p class="mt-4 max-w-2xl text-xl text-gray-300 mx-auto">
The talented developers and designers behind RxDevelopement.
</p>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
<!-- Team Member 1 -->
<div class="team-card p-6 rounded-lg bg-gray-800 border border-gray-700 hover:border-cyan-500 transition-all duration-300 text-center">
<div class="mx-auto h-32 w-32 rounded-full bg-gradient-to-r from-cyan-500 to-purple-500 p-1 mb-4">
<img class="h-full w-full rounded-full object-cover" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Team member">
</div>
<h3 class="text-xl font-bold text-white">Alex</h3>
<p
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=notritik/rxdevelopement" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>