thefirstspark.github.io/players.html at main · thefirstspark/thefirstspark.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Players Lounge | $33/mo Premium Membership | The First Spark</title>
    <meta name="description" content="Join the Players Lounge for $33/month. Access premium consciousness tools, exclusive community, priority support, and advanced transformation technology.">
    <meta name="keywords" content="players lounge, premium membership, consciousness tools, spiritual membership, transformation community, consciousness technology, premium tools">

    <!-- Open Graph / Social Media -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://thefirstspark.shop/players.html">
    <meta property="og:title" content="Players Lounge - Premium Membership">
    <meta property="og:description" content="$33/month premium access. Advanced consciousness tools, exclusive community, priority support.">
    <meta property="og:image" content="https://thefirstspark.shop/assets/images/og-image.jpg">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://thefirstspark.shop/players.html">
    <meta property="twitter:title" content="Players Lounge - Premium Membership">
    <meta property="twitter:description" content="Premium consciousness technology membership. $33/month for advanced tools and community.">
    <meta property="twitter:image" content="https://thefirstspark.shop/assets/images/og-image.jpg">

    <link rel="stylesheet" href="style.css">

    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-SKL8XQ51ZH"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-SKL8XQ51ZH');
    </script>
    <style>
        .lounge-container {
            position: relative;
            z-index: 10;
            max-width: 1200px;
            margin: 0 auto;
            padding: 50px 20px;
        }

        .lounge-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .lounge-header h1 {
            font-size: 3rem;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 15px;
        }

        .back-btn {
            position: fixed;
            top: 30px;
            left: 30px;
            padding: 12px 24px;
            background: rgba(255,255,255,0.1);
            border: 1px solid rgba(255,255,255,0.2);
            border-radius: 25px;
            color: white;
            text-decoration: none;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
            z-index: 100;
        }

        .back-btn:hover {
            background: rgba(255,255,255,0.2);
            transform: translateX(-5px);
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }

        .feature-card {
            background: rgba(255,255,255,0.05);
            padding: 30px;
            border-radius: 15px;
            border: 1px solid rgba(102, 126, 234, 0.3);
            transition: all 0.3s ease;
        }

        .feature-card:hover {
            transform: translateY(-5px);
            border-color: rgba(102, 126, 234, 0.8);
            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
        }

        .feature-card h3 {
            color: #667eea;
            margin-bottom: 15px;
            font-size: 1.5rem;
        }

        .feature-card p {
            opacity: 0.8;
            line-height: 1.6;
        }

        .subscribe-box {
            text-align: center;
            margin-top: 60px;
            padding: 40px;
            background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
            border-radius: 20px;
            border: 2px solid #667eea;
        }

        .subscribe-box h2 {
            margin-bottom: 20px;
        }

        .subscribe-btn {
            padding: 15px 40px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border: none;
            border-radius: 25px;
            color: white;
            font-size: 1.1rem;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 20px;
        }

        .subscribe-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6);
        }
    </style>
</head>
<body>
    <div class="stars"></div>
    <div class="twinkling"></div>

    <a href="index.html" class="back-btn">← Back to Universe</a>

    <div class="lounge-container">
        <div class="lounge-header">
            <h1>PLAYERS LOUNGE</h1>
            <p>Premium access for $33/month</p>
        </div>

        <div class="features-grid">
            <div class="feature-card">
                <h3>🎮 Exclusive Tools</h3>
                <p>Access premium interactive tools and features not available to free members. Unlock advanced capabilities to enhance your experience.</p>
            </div>

            <div class="feature-card">
                <h3>⚡ Priority Support</h3>
                <p>Get faster response times and dedicated support from our team. Your questions and issues are handled with top priority.</p>
            </div>

            <div class="feature-card">
                <h3>🌟 Community Access</h3>
                <p>Join an exclusive community of players. Network, collaborate, and share ideas with other premium members.</p>
            </div>

            <div class="feature-card">
                <h3>🚀 Early Access</h3>
                <p>Be the first to try new features and tools before they're released to the public. Shape the future of Sparkverse.</p>
            </div>

            <div class="feature-card">
                <h3>💎 Premium Content</h3>
                <p>Access exclusive tutorials, guides, and resources designed specifically for players who want to level up.</p>
            </div>

            <div class="feature-card">
                <h3>🎁 Monthly Bonuses</h3>
                <p>Receive special perks, credits, and surprises every month as a thank you for being a valued player.</p>
            </div>
        </div>

        <div class="subscribe-box">
            <h2>Ready to Join the Players?</h2>
            <p>Unlock all premium features for just $33/month</p>
            <button class="subscribe-btn" onclick="subscribe()">Subscribe Now</button>
        </div>
    </div>

    <script>
        function subscribe() {
            window.location.href = 'https://whop.com/sparkverse-511c/spark-acces/';
        }
    </script>
</body>
</html>