{"id":289,"date":"2025-11-30T09:10:19","date_gmt":"2025-11-30T03:10:19","guid":{"rendered":"https:\/\/stellardns.io\/?page_id=289"},"modified":"2025-11-30T09:10:21","modified_gmt":"2025-11-30T03:10:21","slug":"home-2","status":"publish","type":"page","link":"https:\/\/stellardns.io\/?page_id=289","title":{"rendered":"Home"},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>StellarDNS - Your Stellar Domain Name System<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n            background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);\r\n            color: #ffffff;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .navbar {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 1.5rem 5%;\r\n            background: rgba(10, 14, 39, 0.8);\r\n            backdrop-filter: blur(10px);\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 1000;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .logo {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            background: linear-gradient(135deg, #00d4ff, #7b2ff7);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .nav-links {\r\n            display: flex;\r\n            gap: 2rem;\r\n            list-style: none;\r\n        }\r\n\r\n        .nav-links a {\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .nav-links a:hover {\r\n            color: #00d4ff;\r\n        }\r\n\r\n        .btn-connect {\r\n            padding: 0.7rem 1.5rem;\r\n            background: linear-gradient(135deg, #00d4ff, #7b2ff7);\r\n            border: none;\r\n            border-radius: 8px;\r\n            color: white;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: transform 0.3s;\r\n        }\r\n\r\n        .btn-connect:hover {\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .hero {\r\n            text-align: center;\r\n            padding: 6rem 5% 4rem;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 3.5rem;\r\n            margin-bottom: 1.5rem;\r\n            background: linear-gradient(135deg, #ffffff, #00d4ff);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .hero p {\r\n            font-size: 1.3rem;\r\n            color: #b8c5d6;\r\n            margin-bottom: 3rem;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .search-container {\r\n            max-width: 700px;\r\n            margin: 0 auto 4rem;\r\n            position: relative;\r\n        }\r\n\r\n        .search-box {\r\n            display: flex;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 2px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            transition: border-color 0.3s;\r\n        }\r\n\r\n        .search-box:focus-within {\r\n            border-color: #00d4ff;\r\n        }\r\n\r\n        .search-input {\r\n            flex: 1;\r\n            padding: 1.2rem 1.5rem;\r\n            background: transparent;\r\n            border: none;\r\n            color: white;\r\n            font-size: 1.1rem;\r\n            outline: none;\r\n        }\r\n\r\n        .search-input::placeholder {\r\n            color: rgba(255, 255, 255, 0.4);\r\n        }\r\n\r\n        .search-btn {\r\n            padding: 1.2rem 2.5rem;\r\n            background: linear-gradient(135deg, #00d4ff, #7b2ff7);\r\n            border: none;\r\n            color: white;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            font-size: 1rem;\r\n            transition: opacity 0.3s;\r\n        }\r\n\r\n        .search-btn:hover {\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .popular-tlds {\r\n            display: flex;\r\n            gap: 1rem;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            margin-top: 1.5rem;\r\n        }\r\n\r\n        .tld-tag {\r\n            padding: 0.5rem 1rem;\r\n            background: rgba(0, 212, 255, 0.1);\r\n            border: 1px solid rgba(0, 212, 255, 0.3);\r\n            border-radius: 20px;\r\n            color: #00d4ff;\r\n            font-size: 0.9rem;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .tld-tag:hover {\r\n            background: rgba(0, 212, 255, 0.2);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .features {\r\n            padding: 4rem 5%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .features h2 {\r\n            text-align: center;\r\n            font-size: 2.5rem;\r\n            margin-bottom: 3rem;\r\n        }\r\n\r\n        .feature-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n\r\n        .feature-card {\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 16px;\r\n            padding: 2rem;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-color: #00d4ff;\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .feature-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, #00d4ff, #7b2ff7);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.8rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .feature-card h3 {\r\n            font-size: 1.4rem;\r\n            margin-bottom: 1rem;\r\n            color: #00d4ff;\r\n        }\r\n\r\n        .feature-card p {\r\n            color: #b8c5d6;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 2rem;\r\n            padding: 4rem 5%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .stat-card {\r\n            text-align: center;\r\n            padding: 2rem;\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border-radius: 12px;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            background: linear-gradient(135deg, #00d4ff, #7b2ff7);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .stat-label {\r\n            color: #b8c5d6;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .cta-section {\r\n            text-align: center;\r\n            padding: 5rem 5%;\r\n            background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(123, 47, 247, 0.1));\r\n            margin: 4rem 5%;\r\n            border-radius: 20px;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .cta-section h2 {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .cta-section p {\r\n            font-size: 1.2rem;\r\n            color: #b8c5d6;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 1rem;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .btn-primary, .btn-secondary {\r\n            padding: 1rem 2.5rem;\r\n            border-radius: 8px;\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            border: none;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: linear-gradient(135deg, #00d4ff, #7b2ff7);\r\n            color: white;\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 30px rgba(0, 212, 255, 0.3);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: white;\r\n            border: 2px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            border-color: #00d4ff;\r\n            background: rgba(0, 212, 255, 0.1);\r\n        }\r\n\r\n        .footer {\r\n            padding: 3rem 5%;\r\n            background: rgba(10, 14, 39, 0.8);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            text-align: center;\r\n            color: #b8c5d6;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .nav-links {\r\n                display: none;\r\n            }\r\n\r\n            .feature-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .stats {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <nav class=\"navbar\">\r\n        <div class=\"logo\">\u2b50 StellarDNS<\/div>\r\n        <ul class=\"nav-links\">\r\n            <li><a href=\"#features\">Features<\/a><\/li>\r\n            <li><a href=\"https:\/\/stellardns.io\/?page_id=307\">Domains<\/a><\/li>\r\n            <li><a href=\"https:\/\/stellardns.io\/?post_type=product\">Pricing<\/a><\/li>\r\n            <li><a href=\"#docs\">Docs<\/a><\/li>\r\n        <\/ul>\r\n\t\t<button class=\"btn-connect\"><a href=\"https:\/\/stellardns.io\/?page_id=204\">Connect Wallet<\/a><\/button>\r\n    <\/nav>\r\n\r\n    <section class=\"hero\">\r\n        <h1>Own Your Digital Identity on Stellar<\/h1>\r\n        <p>Decentralized domain names powered by Stellar blockchain. No renewal fees, lifetime ownership, earn royalties.<\/p>\r\n        \r\n        <div class=\"search-container\">\r\n            <div class=\"search-box\">\r\n                <input type=\"text\" class=\"search-input\" placeholder=\"Search your perfect domain...\">\r\n                <button class=\"search-btn\">Search<\/button>\r\n            <\/div>\r\n            <div class=\"popular-tlds\">\r\n                <span class=\"tld-tag\">.stellar<\/span>\r\n                <span class=\"tld-tag\">.crypto<\/span>\r\n                <span class=\"tld-tag\">.wallet<\/span>\r\n                <span class=\"tld-tag\">.defi<\/span>\r\n                <span class=\"tld-tag\">.nft<\/span>\r\n                <span class=\"tld-tag\">.web3<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"stats\">\r\n        <div class=\"stat-card\">\r\n            <div class=\"stat-number\">10,000+<\/div>\r\n            <div class=\"stat-label\">Domains Registered<\/div>\r\n        <\/div>\r\n        <div class=\"stat-card\">\r\n            <div class=\"stat-number\">500+<\/div>\r\n            <div class=\"stat-label\">Custom TLDs<\/div>\r\n        <\/div>\r\n        <div class=\"stat-card\">\r\n            <div class=\"stat-number\">$0<\/div>\r\n            <div class=\"stat-label\">Renewal Fees<\/div>\r\n        <\/div>\r\n        <div class=\"stat-card\">\r\n            <div class=\"stat-number\">50%<\/div>\r\n            <div class=\"stat-label\">Royalty Earnings<\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"features\" id=\"features\">\r\n        <h2>Why Choose StellarDNS?<\/h2>\r\n        <div class=\"feature-grid\">\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\">\ud83d\udd12<\/div>\r\n                <h3>Lifetime Ownership<\/h3>\r\n                <p>Pay once, own forever. No recurring fees, no surprises. Your domain is truly yours on the Stellar blockchain.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\">\ud83d\udcb0<\/div>\r\n                <h3>Earn Royalties<\/h3>\r\n                <p>Create custom TLDs and earn 50% of registration fees every time someone registers a domain under your TLD.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\">\u26a1<\/div>\r\n                <h3>Low Cost on Stellar<\/h3>\r\n                <p>Leverage Stellar's ultra-low transaction fees. Register and manage domains for pennies, not dollars.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\">\ud83c\udf10<\/div>\r\n                <h3>Use as Wallet Address<\/h3>\r\n                <p>Replace long crypto addresses with memorable names. Send XLM to yourname.stellar instead of complex addresses.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                <h3>Self-Hosted Infrastructure<\/h3>\r\n                <p>Built on our own Stellar RPC nodes. No expensive third-party services, just pure decentralization.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-icon\">\ud83d\ude80<\/div>\r\n                <h3>Smart Contract Powered<\/h3>\r\n                <p>Powered by Soroban smart contracts written in Rust. Secure, efficient, and fully decentralized.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cta-section\">\r\n        <h2>Ready to Claim Your Domain?<\/h2>\r\n        <p>Join thousands of users building their Web3 identity on Stellar<\/p>\r\n        <div class=\"cta-buttons\">\r\n            <button class=\"btn-primary\">Get Started<\/button>\r\n            <button class=\"btn-secondary\">Browse Domains<\/button>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer class=\"footer\">\r\n        <p>\u00a9 2024 StellarDNS Corp. Built with \u2764\ufe0f on the Stellar Network<\/p>\r\n        <p style=\"margin-top: 1rem; font-size: 0.9rem;\">Decentralized \u2022 Transparent \u2022 Community-Owned<\/p>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Simple search functionality\r\n        const searchInput = document.querySelector('.search-input');\r\n        const searchBtn = document.querySelector('.search-btn');\r\n\r\n        searchBtn.addEventListener('click', () => {\r\n            const query = searchInput.value.trim();\r\n            if (query) {\r\n                alert(`Searching for: ${query}\\n\\n(Domain search functionality will be connected to your Stellar smart contracts)`);\r\n            }\r\n        });\r\n\r\n        searchInput.addEventListener('keypress', (e) => {\r\n            if (e.key === 'Enter') {\r\n                searchBtn.click();\r\n            }\r\n        });\r\n\r\n        \/\/ TLD tag clicks\r\n        document.querySelectorAll('.tld-tag').forEach(tag => {\r\n            tag.addEventListener('click', () => {\r\n                const tld = tag.textContent;\r\n                searchInput.value = `myname${tld}`;\r\n                searchInput.focus();\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-289","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/stellardns.io\/index.php?rest_route=\/wp\/v2\/pages\/289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stellardns.io\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stellardns.io\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stellardns.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stellardns.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=289"}],"version-history":[{"count":1,"href":"https:\/\/stellardns.io\/index.php?rest_route=\/wp\/v2\/pages\/289\/revisions"}],"predecessor-version":[{"id":291,"href":"https:\/\/stellardns.io\/index.php?rest_route=\/wp\/v2\/pages\/289\/revisions\/291"}],"wp:attachment":[{"href":"https:\/\/stellardns.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}