admincommand105

Appoint a user as an Anbu and initiate the oath ceremony.

anbu

appoint

Ban a user with the forbidden Ban no Jutsu

ban-no-jutsu

View your battlepass progress and rewards.

battlepass

bloodline

View or create bomb blueprints (Akatsuki Leader only)

blueprint

Purchase a combo or premium item from the shop

Command an Akatsuki member to a specific role

command

View your cooldowns for drank, brank, arank, srank, and trials

cooldowns

council

Vote for the bot on top.gg and get rewards!

crank

Build or view village defenses (Hokage only)

defense

drank

Enroll in the ninja world and face your first trial

enroll

equip

event

Do a micro training mission for quick EXP

frank

Simulate completing a quest and gaining BXP.

gain-bxp

gift

Safeguard the Hokage's office for 6 hours (Guard only)

guard

help

Sends a random post from popular anime subreddits.

imbored

Invite a rogue ninja to the Akatsuki and initiate their induction.

invite

jutsu

jutsuinfo

Displays the top 10 strongest ninjas on a custom leaderboard.

leaderboard

Attempt to learn jutsu from your current scroll

learnjutsu

Attempt to level up your ninja skills with accumulated EXP.

levelup

meme

mentor

mission

Display your learned jutsu and current loadout

myjutsu

profile

quiz

Rank up to the next ninja rank if you have enough wins!

rankup

resetcd

Remove Sannin status and buffs from a user

revoke_sannin

Bruisers rob for ramen tickets (3h cooldown)

Leave the village and become a rogue ninja

rogue

scroll

serverevent

shop

srank

teach

Trade Shinobi Shards or Money with another user.

trade

Start the interactive tutorial with Asuma!

tutorial

vote

Deletes a user profile from the database.

yeet

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shinobi RPG</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
    <link href="https://fonts.cdnfonts.com/css/haunting-eleanor" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;900&display=swap" rel="stylesheet">
    
    <style>
        :root {
            --bg-main: #0a0a0a;
            --bg-card: #141414;
            --text-primary: #f0f0f0;
            --text-secondary: #a0a0a0;
            --accent-black: #1a1a1a;
            --accent-black-hover: #333333;
            --shadow-light: rgba(255, 255, 255, 0.05);
            --shadow-dark: rgba(0, 0, 0, 0.5);
            --transition-fast: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            --transition-slow: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        body {
            color: var(--text-primary);
            /* Font changed to Poppins for a modern, bold look */
            font-family: 'Poppins', sans-serif; 
            min-height: 100vh;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            background: var(--bg-main);
        }
        .container-main {
            max-width: 1280px;
            margin: 0 auto;
            padding: 2rem;
        }
        .hero-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            text-align: center;
            padding: 0;
        }
        .hero-title {
            font-family: 'Haunting Eleanor', cursive;
            font-size: 5rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            color: var(--text-primary);
            /* Enhanced text shadow for a powerful outline effect */
            text-shadow: 0 0 5px rgba(255, 255, 255, 0.5), 0 0 15px rgba(0, 0, 0, 0.9);
            margin-bottom: 0;
            line-height: 1.2;
        }
        .hero-subtitle {
            font-size: 1.5rem;
            font-style: italic;
            color: var(--text-secondary);
            margin-top: 0.5rem;
        }
        .cta-button {
            display: inline-block;
            background: linear-gradient(135deg, var(--accent-black), #000);
            color: white;
            font-weight: 700;
            padding: 1rem 2.5rem;
            border-radius: 9999px;
            font-size: 1.125rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-top: 1.5rem;
            /* Enhanced Shadow */
            box-shadow: 0 4px 20px rgba(255, 255, 255, 0.1), 0 0 10px rgba(0, 0, 0, 0.8);
            transition: var(--transition-fast);
            text-decoration: none;
            /* Added subtle border/outline for definition */
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(255, 255, 255, 0.2);
        }
        .features-section {
            padding-top: 4rem;
            padding-bottom: 4rem;
        }
        .section-title {
            text-align: center;
            margin-bottom: 3rem;
        }
        .section-title h2 {
            font-size: 3rem;
            font-weight: 700;
            color: var(--text-primary);
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }
        .section-title p {
            font-size: 1.25rem;
            font-style: italic;
            color: var(--text-secondary);
        }
        .grid-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }
        .feature-card {
            position: relative;
            background: var(--bg-card);
            border-radius: 2rem;
            padding: 2rem;
            text-align: center;
            /* Enhanced box shadow/outline effect */
            box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.05), 0 0 15px rgba(0, 0, 0, 0.5); 
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            /* Kept the original light border, but emphasized the shadow */
            border: 1px solid rgba(255, 255, 255, 0.08); 
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 15rem;
        }
        .feature-card h3 {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
            transition: all 0.3s ease-in-out;
            margin-top: 0;
            margin-bottom: 0;
        }
        .feature-card p {
            font-size: 1rem;
            color: var(--text-secondary);
            opacity: 0;
            visibility: hidden;
            max-height: 0;
            margin-top: 1rem;
            transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out, visibility 0s 0.3s;
        }
        .feature-card:hover {
            transform: scale(1.05) translateY(-5px);
            /* Hover shadow to make it glow/pop */
            box-shadow: 0 0 30px rgba(255, 255, 255, 0.15), inset 0 0 15px rgba(255, 255, 255, 0.1); 
            background: #1a1a1a;
            height: auto;
        }
        .feature-card:hover p {
            opacity: 1;
            visibility: visible;
            max-height: 500px;
            transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
        }
        /* New styles to center the button in the hero card */
        .hero-cta-card p {
            text-align: center;
        }
        .final-cta-section {
            padding-top: 4rem;
            padding-bottom: 2rem;
            text-align: center;
        }
        .final-cta-section h2 {
            font-size: 2.25rem;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 1.5rem;
        }
        .footer {
            text-align: center;
            padding: 2rem;
            color: var(--text-secondary);
            font-size: 0.875rem;
        }
        /* New styles for the simple links */
        a {
            color: #fff;
            text-decoration: underline;
            transition: var(--transition-fast);
        }
        a:hover {
            text-decoration: none;
            color: #a0a0a0;
        }
        
        /* The Raikage Event Card provided in the prompt */
        .raikage-event-card {
            background-color: #0a0a0a; 
            color: #f0f0f0; 
            padding: 20px; 
            border-radius: 8px; 
            text-align: center;
            margin-bottom: 20px; /* Added spacing for better flow */
            /* Applied the outline/shadow effect to the event card as well */
            box-shadow: 0 0 15px rgba(255, 255, 255, 0.05), inset 0 0 5px rgba(255, 255, 255, 0.02);
            border: 1px solid rgba(255, 255, 255, 0.1);
            width: fit-content;
            margin-left: auto;
            margin-right: auto;
        }
        .raikage-event-card h3 {
            margin-top: 0;
            font-family: 'Poppins', sans-serif; /* Applied new font */
        }
        .raikage-event-card img {
            max-width: 100%; 
            height: auto; 
            border-radius: 8px; 
            margin-top: 10px;
        }
    </style>
</head>
<body>

    <div class="raikage-event-card">
        <h3 style="margin-top: 0;"># Ongoing Event: The Fourth Raikage</h3>
        <img src="https://i.postimg.cc/fRMZ26Zp/image.png" alt="The Fourth Raikage" style="max-width: 100%; height: auto; border-radius: 8px; margin-top: 10px;">
    </div>

    <div class="hero-section">
        <h1 class="hero-title">Shinobi RPG</h1>
        <p class="hero-subtitle">
            Unleash your inner ninja in the most immersive Discord bot experience.
        </p>
        <div class="feature-card hero-cta-card">
            <h3>Want to Skip all the Yapping?</h3>
            <p>
                Join the official server, use our AI, and get all information easily!
                <a href="https://discord.gg/gCcEksvubb" target="_blank">Join Now!</a>
            </p>
        </div>
    </div>

    <div class="container-main">
        <section class="features-section">
            <div class="section-title">
                <h2>Key Features</h2>
                <p>What makes Shinobi RPG different from other bots?</p>
            </div>
            <div class="grid-container">
                <div class="feature-card">
                    <h3>Best fighting mechanics seen on a discord bot</h3>
                    <p>A competitive leveling system where stats truly matter. Strategize your way to victory!</p>
                </div>
                <div class="feature-card">
                    <h3>Climb the ranks</h3>
                    <p>Prove your strength and climb several ranks in our intense ranked game mode.</p>
                </div>
                <div class="feature-card">
                    <h3>Massive Server Events</h3>
                    <p>Engage in epic events like the Hokage Election, Tournament for Akatsuki leader, Ramen events, Forest of Death, Server drops, and the ultimate war between The Village and The Akatsuki.</p>
                </div>
                <div class="feature-card">
                    <h3>Missions and EXP</h3>
                    <p>Every mission drops 'exp' which is then used to level up your shinobi.</p>
                </div>
                <div class="feature-card">
                    <h3>Specialized Roles</h3>
                    <p>Anbu and Akatsuki have unique roles and commands like 'Spy', 'Guard', 'Scientist', and 'Bruiser', each contributing to the war effort.</p>
                </div>
                <div class="feature-card">
                    <h3>Bloodline Awakening</h3>
                    <p>Plot armor activated! Bloodlines like Uzumaki can be awakened during battle, granting you cool and powerful advantages when you need them most.</p>
                </div>
                <div class="feature-card">
                    <h3>Legendary Scrolls</h3>
                    <p>Defeat enemies to retrieve legendary Jutsu scrolls and learn powerful techniques with a Crystalline Shard.</p>
                </div>
                <div class="feature-card">
                    <h3>Master Combos</h3>
                    <p>Intensify your battles with custom combos. Buy blueprints, equip the right jutsus, and test your skills in combat!</p>
                </div>
                <div class="feature-card">
                    <h3>Customization and Cosmetics</h3>
                    <p>Since the bot uses images instead of embeds, there are endless cosmetic options to make your profile unique.</p>
                </div>
                <div class="feature-card">
                    <h3>Ultimate Grinding</h3>
                    <p>An additional "f-rank" mission with a rapid 3-second cooldown is available for those who want to grind to the top.</p>
                </div>
                <div class="feature-card">
                    <h3>Find a Mentor</h3>
                    <p>Complete a mini-game to get a mentor who will guide you early on and teach you powerful jutsus. Each rank has its own mentor.</p>
                </div>
                <div class="feature-card">
                    <h3>Even More to Discover</h3>
                    <p>Discover S-rank lore, challenge and learn from Hokage trials, and find much more content that keeps the game fresh.</p>
                </div>
                <div class="feature-card">
                    <h3>The Power of Jinchuriki</h3>
                    <p>Become the main character of the war with perks like cooldown reduction, custom profiles, and free event access. Will you protect the village or betray it?</p>
                </div>
                <div class="feature-card">
                    <h3>Original S-Rank Lore</h3>
                    <p>Dive into custom, engaging lore for S-rank bosses that adds to the rich world of the bot.</p>
                </div>
                <div class="feature-card">
                    <h3>Your Own Story</h3>
                    <p>Play as a young shinobi prodigy with the burden of saving the world. Your journey awaits!</p>
                </div>
                <div class="feature-card">
                    <h3>Craft Your Own Jutsu</h3>
                    <p>Create custom, fully customizable jutsus to suit your unique fighting style.</p>
                </div>
            </div>
        </section>

        <section class="final-cta-section">
            <h2>Done reading? Join the official server t
o start playing now!</h2>
            <a href="https://discord.gg/gCcEksvubb" target="_blank" class="cta-button">
                Join Now!
            </a>
        </section>
    </div>

    <footer class="footer">
        <p>Shinobi RPG Discord Bot &copy; 2026. All rights reserved.</p>
    </footer>
</body>
</html>

ShinobiRPG

A Naruto-based RPG bot.

[STILL IN BETA, JOIN UP!]


ShinobiRPG に投票

私たちをサポートしませんか？