PIKD/index.html at main · 35socks/PIKD · 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
<!DOCTYPE html>
<html lang="en" class="bg-black">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PIKD | Making The Industry Fair</title>
    <link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;700&display=swap" rel="stylesheet">
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        'be-vietnam': ['"Be Vietnam Pro"', 'Arial', 'sans-serif'],
                    },
                }
            }
        }
    </script>
</head>
<body class="bg-black text-white font-be-vietnam">
    <header class="bg-black text-white py-8 sticky top-0 z-50 border-b border-gray-800">
        <div class="container mx-auto px-4">
            <div class="flex justify-between items-center">
                <div class="text-4xl font-bold">PIKD</div>
                <nav class="space-x-6">
                    <a href="/" class="hover:text-gray-300 transition duration-300">Home</a>
                    <a href="/artists" class="hover:text-gray-300 transition duration-300">Artists</a>
                    <a href="/about-us" class="hover:text-gray-300 transition duration-300">About Us</a>
                    <a href="/contact-us" class="hover:text-gray-300 transition duration-300">Contact</a>
                    <a href="https://portal.pikd.nl" class="bg-white text-black px-4 py-2 rounded hover:bg-gray-200 transition duration-300">Login</a>
                </nav>
            </div>
        </div>
    </header>

    <main>
        <section class="hero bg-black text-white py-32">
            <div class="container mx-auto px-4">
                <div class="max-w-3xl">
                    <h1 class="text-6xl font-bold mb-6">Are you ready to be<br>PIKD?</h1>
                    <p class="text-xl mb-8">PIKD is revolutionizing the music industry by providing fair, transparent, and artist-friendly distribution services. We empower independent artists to take control of their careers while reaching global audiences.</p>
                    <a href="apply" class="inline-block bg-white text-black font-bold py-4 px-8 text-lg uppercase rounded hover:bg-gray-200 transition duration-300">Apply Now</a>
                    <p class="mt-6 text-sm">Already an artist on PIKD? <a href="https://portal.pikd.nl" class="underline hover:text-gray-300">Sign In</a></p>
                </div>
            </div>
        </section>

        <section class="benefits py-16 bg-gray-900">
            <div class="container mx-auto px-4">
                <h2 class="text-3xl font-bold mb-12 text-center">Why Choose PIKD?</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
                    <div class="text-center bg-black p-6 rounded-lg shadow-lg">
                        <i class="fas fa-hand-holding-usd text-4xl mb-4"></i>
                        <h3 class="text-xl font-semibold mb-2">Fair Royalties</h3>
                        <p>You keep 75% of royalties. We take 10%, AWAL (our distributor) takes 15%.</p>
                    </div>
                    <div class="text-center bg-black p-6 rounded-lg shadow-lg">
                        <i class="fas fa-certificate text-4xl mb-4"></i>
                        <h3 class="text-xl font-semibold mb-2">100% Rights Retention</h3>
                        <p>You keep 100% ownership of your music rights.</p>
                    </div>
                    <div class="text-center bg-black p-6 rounded-lg shadow-lg">
                        <i class="fas fa-globe text-4xl mb-4"></i>
                        <h3 class="text-xl font-semibold mb-2">Global Distribution</h3>
                        <p>Get your releases on all major stores and streaming platforms.</p>
                    </div>
                    <div class="text-center bg-black p-6 rounded-lg shadow-lg">
                        <i class="fas fa-file-contract text-4xl mb-4"></i>
                        <h3 class="text-xl font-semibold mb-2">Flexible Terms</h3>
                        <p>Great contract terms with the freedom to leave anytime.</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="services py-16 bg-black">
            <div class="container mx-auto px-4">
                <h2 class="text-3xl font-bold mb-12 text-center">Our Services</h2>
                <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                    <div class="bg-gray-900 p-6 rounded-lg shadow-lg">
                        <i class="fas fa-users text-3xl mb-4"></i>
                        <h3 class="text-xl font-semibold mb-2">Management Team</h3>
                        <p>Access to our experienced management team for guidance and support.</p>
                    </div>
                    <div class="bg-gray-900 p-6 rounded-lg shadow-lg">
                        <i class="fas fa-bullhorn text-3xl mb-4"></i>
                        <h3 class="text-xl font-semibold mb-2">Advanced Pitching</h3>
                        <p>We pitch your music to major playlists and store features.</p>
                    </div>
                    <div class="bg-gray-900 p-6 rounded-lg shadow-lg">
                        <i class="fas fa-link text-3xl mb-4"></i>
                        <h3 class="text-xl font-semibold mb-2">Presave & Stream Links</h3>
                        <p>Custom presave and smart links to boost your release strategy.</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="about py-16 bg-gray-900">
            <div class="container mx-auto px-4">
                <h2 class="text-3xl font-bold mb-8 text-center">About PIKD</h2>
                <div class="max-w-3xl mx-auto text-center">
                    <p class="mb-6">Welcome to PIKD! We are a dynamic music label dedicated to discovering and promoting the best new talent in the industry. Our mission is to provide a platform for innovative artists to reach a wider audience and make their mark on the music world.</p>
                    <p class="mb-6">At PIKD, we believe in fair practices, transparency, and empowering artists. We offer comprehensive support, from distribution to marketing, allowing our artists to focus on what they do best - creating amazing music.</p>
                    <div class="mt-12">
                        <h3 class="text-2xl font-semibold mb-4">Our Team</h3>
                        <div class="flex items-center justify-center">
                            <img src="https://public.pikdcdn.com/img/artists/RayenNoth-1.jpg" alt="Cameron Bell" class="w-24 h-24 rounded-full mr-6">
                            <div class="text-left">
                                <h4 class="text-xl font-semibold">Cameron Bell - CEO</h4>
                                <p>Cameron, being an artist himself, founded PIKD in 2024 with the vision of making the industry more fair for smaller artists. His experience and passion drive our mission to revolutionize the music industry.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="artist-reviews py-16 bg-black">
            <div class="container mx-auto px-4">
                <h2 class="text-3xl font-bold mb-12 text-center">What Our Artists Say</h2>
                <div class="max-w-3xl mx-auto">
                    <div class="bg-gray-900 p-6 rounded-lg shadow-lg flex items-start space-x-4">
                        <img src="https://public.pikdcdn.com/img/artists/CounterfeitGhost-1.jpg" alt="Counterfeit Ghost" class="w-24 h-24 rounded-full">
                        <div>
                            <p class="text-lg mb-4">"PIKD has given me incredible opportunities for exposure and a seamless way to manage my music. Their support has been invaluable in advancing my career and reaching new audiences."</p>
                            <p class="font-semibold">- Counterfeit Ghost, Artist</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="bg-black text-white py-12 border-t border-gray-800">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                <div>
                    <h3 class="text-xl font-bold mb-4">PIKD</h3>
                    <p class="text-sm">Making The Industry Fair</p>
                    <p class="text-sm mt-2">Distributed by AWAL</p>
                </div>
                <div>
                    <h4 class="text-lg font-semibold mb-4">Quick Links</h4>
                    <ul class="space-y-2">
                        <li><a href="/" class="hover:text-gray-300 transition duration-300">Home</a></li>
                        <li><a href="/artists" class="hover:text-gray-300 transition duration-300">Artists</a></li>
                        <li><a href="/about-us" class="hover:text-gray-300 transition duration-300">About Us</a></li>
                        <li><a href="/contact-us" class="hover:text-gray-300 transition duration-300">Contact</a></li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-lg font-semibold mb-4">Random</h4>
                    <ul class="space-y-2">
                        <li><a href="/ai" class="hover:text-gray-300 transition duration-300">Stance on GenAI in Music</a></li>
                        <li><a href="https://pikd-promo.com" class="hover:text-gray-300 transition duration-300">Random Release!</a></li>
                    </ul>
                </div>

                <div>
                    <h4 class="text-lg font-semibold mb-4">Connect</h4>
                    <div class="flex space-x-4">
                        <a href="https://www.facebook.com/profile.php?id=61566268285468" class="text-2xl hover:text-gray-300 transition duration-300"><i class="fab fa-facebook"></i></a>
                        <a href="https://instagram.com/pikd.nl" class="text-2xl hover:text-gray-300 transition duration-300"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
            </div>
            <div class="mt-8 pt-8 border-t border-gray-800 text-center">
                <p>&copy; 2024 PIKD. All rights reserved.</p>
            </div>
        </div>
    </footer>
</body>
</html>