jupiverse-catdet-hub/index.html at main · AlphaChainLabs/jupiverse-catdet-hub · 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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jupiverse Catdet Onboarding Hub</title>
    <meta name="description" content="Your gateway to becoming an active member of the Jupiverse community">
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <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@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
    <header>
        <div class="container">
            <div class="logo">
                <a href="index.html">
                    <img src="images/jupiverse-logo.svg" alt="Jupiverse Logo">
                    <span>Catdet Onboarding Hub</span>
                </a>
            </div>
            <nav>
                <button class="mobile-menu-btn" aria-label="Toggle navigation menu">
                    <span></span>
                    <span></span>
                    <span></span>
                </button>
                <ul class="nav-menu">
                    <li><a href="index.html" class="active">Home</a></li>
                    <li><a href="ethos.html">Ethos</a></li>
                    <li><a href="getting-started.html">Getting Started</a></li>
                    <li><a href="resources.html">Resources</a></li>
                    <li><a href="faqs.html">FAQs</a></li>
                    <li><a href="glossary.html">Glossary</a></li>
                    <li><a href="contribute.html">Contribute</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>Welcome to the Jupiverse</h1>
                <p class="subtitle">Your journey to becoming an active Catdet starts here</p>
                <div class="cta-buttons">
                    <a href="getting-started.html" class="btn primary-btn">Get Started <i class="fas fa-arrow-right"></i></a>
                    <a href="ethos.html" class="btn secondary-btn">Learn About Jupiverse <i class="fas fa-book"></i></a>
                </div>
            </div>
            <div class="hero-image">
                <img src="images/hero-illustration.svg" alt="Jupiverse Community Illustration">
            </div>
        </div>
    </section>

    <section class="key-sections">
        <div class="container">
            <h2>Your Catdet Journey</h2>
            <div class="sections-grid">
                <div class="section-card">
                    <div class="icon">
                        <i class="fas fa-compass"></i>
                    </div>
                    <h3>Understand the Ethos</h3>
                    <p>Learn about the core principles, values, and culture that define the Jupiverse community.</p>
                    <a href="ethos.html" class="card-link">Explore <i class="fas fa-chevron-right"></i></a>
                </div>
                <div class="section-card">
                    <div class="icon">
                        <i class="fas fa-rocket"></i>
                    </div>
                    <h3>Getting Started</h3>
                    <p>Step-by-step guide to join the community and start your journey as a Catdet.</p>
                    <a href="getting-started.html" class="card-link">Get Started <i class="fas fa-chevron-right"></i></a>
                </div>
                <div class="section-card">
                    <div class="icon">
                        <i class="fas fa-link"></i>
                    </div>
                    <h3>Essential Resources</h3>
                    <p>Access all the tools, links, and platforms you need to navigate the Jupiverse.</p>
                    <a href="resources.html" class="card-link">Browse Resources <i class="fas fa-chevron-right"></i></a>
                </div>
                <div class="section-card">
                    <div class="icon">
                        <i class="fas fa-lightbulb"></i>
                    </div>
                    <h3>How to Contribute</h3>
                    <p>Discover the many ways you can contribute your skills and ideas to the community.</p>
                    <a href="contribute.html" class="card-link">Learn More <i class="fas fa-chevron-right"></i></a>
                </div>
            </div>
        </div>
    </section>

    <section class="community-spotlight">
        <div class="container">
            <h2>Community Spotlight</h2>
            <div class="spotlight-content">
                <div class="spotlight-image">
                    <img src="images/community-spotlight.svg" alt="Jupiverse Community Members">
                </div>
                <div class="spotlight-text">
                    <h3>Join a Thriving Ecosystem</h3>
                    <p>The Jupiverse is a vibrant community of passionate individuals working together to shape the future of decentralized finance on Solana. As a Catdet, you'll have the opportunity to collaborate with like-minded innovators, contribute your unique skills, and help build the next generation of financial infrastructure.</p>
                    <p>Our community values collaboration, innovation, and inclusivity. We believe that by working together, we can create something greater than the sum of our parts.</p>
                    <a href="https://discord.gg/jup" class="btn primary-btn" target="_blank" rel="noopener noreferrer">Join Discord <i class="fab fa-discord"></i></a>
                </div>
            </div>
        </div>
    </section>

    <section class="testimonials">
        <div class="container">
            <h2>Words from Fellow Catdets</h2>
            <div class="testimonial-slider">
                <div class="testimonial-slide">
                    <div class="testimonial-content">
                        <p>"Joining the Jupiverse was one of the best decisions I've made. The community is welcoming, supportive, and full of opportunities to learn and contribute."</p>
                        <div class="testimonial-author">
                            <span class="name">Alex K.</span>
                            <span class="role">Catdet since 2023</span>
                        </div>
                    </div>
                </div>
                <div class="testimonial-slide">
                    <div class="testimonial-content">
                        <p>"As a newcomer to Solana, I was amazed by how helpful and patient everyone in the Jupiverse was. The onboarding process was smooth, and I quickly found my place in the community."</p>
                        <div class="testimonial-author">
                            <span class="name">Maria J.</span>
                            <span class="role">Catdet since 2024</span>
                        </div>
                    </div>
                </div>
                <div class="testimonial-slide">
                    <div class="testimonial-content">
                        <p>"The Jupiverse is more than just a DAO - it's a community of passionate individuals working together to build something revolutionary. I'm proud to be a part of it."</p>
                        <div class="testimonial-author">
                            <span class="name">David L.</span>
                            <span class="role">Catdet since 2022</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="testimonial-controls">
                <button class="prev-btn" aria-label="Previous testimonial"><i class="fas fa-chevron-left"></i></button>
                <div class="testimonial-dots">
                    <span class="dot active"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                </div>
                <button class="next-btn" aria-label="Next testimonial"><i class="fas fa-chevron-right"></i></button>
            </div>
        </div>
    </section>

    <section class="quick-links">
        <div class="container">
            <h2>Quick Access</h2>
            <div class="links-grid">
                <a href="faqs.html" class="quick-link">
                    <i class="fas fa-question-circle"></i>
                    <span>Frequently Asked Questions</span>
                </a>
                <a href="glossary.html" class="quick-link">
                    <i class="fas fa-book"></i>
                    <span>Jupiverse Glossary</span>
                </a>
                <a href="https://jup.ag" class="quick-link" target="_blank" rel="noopener noreferrer">
                    <i class="fas fa-exchange-alt"></i>
                    <span>Jupiter Exchange</span>
                </a>
                <a href="https://research.jup.ag" class="quick-link" target="_blank" rel="noopener noreferrer">
                    <i class="fas fa-flask"></i>
                    <span>Jup Research Forum</span>
                </a>
                <a href="https://twitter.com/JupiterExchange" class="quick-link" target="_blank" rel="noopener noreferrer">
                    <i class="fab fa-twitter"></i>
                    <span>Jupiter Twitter</span>
                </a>
                <a href="contact.html" class="quick-link">
                    <i class="fas fa-life-ring"></i>
                    <span>Get Support</span>
                </a>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-logo">
                    <img src="images/jupiverse-logo.svg" alt="Jupiverse Logo">
                    <p>Jupiverse Catdet Onboarding Hub</p>
                </div>
                <div class="footer-links">
                    <div class="footer-column">
                        <h4>Explore</h4>
                        <ul>
                            <li><a href="index.html">Home</a></li>
                            <li><a href="ethos.html">Ethos</a></li>
                            <li><a href="getting-started.html">Getting Started</a></li>
                            <li><a href="resources.html">Resources</a></li>
                        </ul>
                    </div>
                    <div class="footer-column">
                        <h4>Learn</h4>
                        <ul>
                            <li><a href="faqs.html">FAQs</a></li>
                            <li><a href="glossary.html">Glossary</a></li>
                            <li><a href="contribute.html">Contribute</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </div>
                    <div class="footer-column">
                        <h4>Connect</h4>
                        <ul>
                            <li><a href="https://discord.gg/jup" target="_blank" rel="noopener noreferrer">Discord</a></li>
                            <li><a href="https://twitter.com/JupiterExchange" target="_blank" rel="noopener noreferrer">Twitter</a></li>
                            <li><a href="https://research.jup.ag" target="_blank" rel="noopener noreferrer">Research Forum</a></li>
                            <li><a href="https://jup.ag" target="_blank" rel="noopener noreferrer">Jupiter Exchange</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 Jupiverse Catdet Onboarding Hub. All rights reserved.</p>
                <div class="social-icons">
                    <a href="https://discord.gg/jup" target="_blank" rel="noopener noreferrer" aria-label="Join Discord"><i class="fab fa-discord"></i></a>
                    <a href="https://twitter.com/JupiterExchange" target="_blank" rel="noopener noreferrer" aria-label="Follow on Twitter"><i class="fab fa-twitter"></i></a>
                    <a href="https://github.com/yourusername/jupiverse-catdet-hub" target="_blank" rel="noopener noreferrer" aria-label="View project on GitHub"><i class="fab fa-github"></i></a>
                </div>
            </div>
        </div>
    </footer>

    <script src="js/main.js"></script>
</body>
</html>