@@ -10,7 +10,88 @@ import "../styles/global.css";
1010 <meta name =" generator" content ={ Astro .generator } />
1111 <title >Screenlite</title >
1212 </head >
13- <body >
14- <h1 >Screenlite</h1 >
13+ <body
14+ class =" min-h-screen bg-gradient-to-br from-black via-gray-900 to-gray-950 text-white font-sans antialiased flex items-center justify-center p-6"
15+ >
16+ <div class =" w-full max-w-3xl space-y-8"
17+ <!-- Hero -->
18+ <header class =" text-center space-y-4"
19+ <h1
20+ class =" text-5xl sm:text-6xl font-extrabold bg-gradient-to-r from-cyan-400 to-purple-500 text-transparent bg-clip-text drop-shadow-[0_2px_4px_rgba(0,0,0,0.4)]"
21+ >
22+ Screenlite
23+ </h1 >
24+ <p class =" text-xl text-gray-300 max-w-lg mx-auto"
25+ Open-source digital signage software.
26+ </p >
27+ </header >
28+
29+ <!-- Cards Section -->
30+ <section class =" grid sm:grid-cols-2 gap-6"
31+ <!-- GitHub -->
32+ <a
33+ href =" https://github.com/screenlite/screenlite"
34+ target =" _blank"
35+ class =" group relative p-6 rounded-2xl bg-white/5 border border-white/10 shadow-xl backdrop-blur hover:scale-105 transition transform duration-300"
36+ >
37+ <div class =" text-lg font-semibold text-cyan-300"
38+ 💾 GitHub Repository
39+ </div >
40+ <p class =" text-gray-400 text-sm mt-2"
41+ Star the repo to support the project and follow its
42+ progress.
43+ </p >
44+ <div
45+ class =" absolute right-4 bottom-4 text-cyan-500 group-hover:translate-x-1 transition-transform"
46+ >
47+ →
48+ </div >
49+ </a >
50+
51+ <!-- Discord -->
52+ <a
53+ href =" https://discord.gg/2wW8zDjAjr"
54+ target =" _blank"
55+ class =" group relative p-6 rounded-2xl bg-white/5 border border-white/10 shadow-xl backdrop-blur hover:scale-105 transition transform duration-300"
56+ >
57+ <div class =" text-lg font-semibold text-violet-300"
58+ 💬 Join our Discord
59+ </div >
60+ <p class =" text-gray-400 text-sm mt-2"
61+ Connect with the community and get updates directly.
62+ </p >
63+ <div
64+ class =" absolute right-4 bottom-4 text-violet-400 group-hover:translate-x-1 transition-transform"
65+ >
66+ →
67+ </div >
68+ </a >
69+ </section >
70+
71+ <!-- Alert / Notice -->
72+ <div
73+ class =" text-sm text-orange-400 border border-orange-500/30 p-4 rounded-lg bg-orange-500/5 backdrop-blur-sm shadow-md"
74+ >
75+ ⚠️ Screenlite is in early development and not yet
76+ production-ready. Expect rapid changes.
77+ </div >
78+
79+ <!-- License -->
80+ <div class =" text-center text-gray-400 text-sm"
81+ Licensed under the
82+ <a
83+ href =" https://github.com/screenlite/screenlite/blob/main/LICENSE.md"
84+ class =" text-cyan-400 underline hover:text-cyan-300"
85+ >MIT License</a
86+ >.
87+ </div >
88+
89+ <!-- Footer -->
90+ <footer
91+ class =" text-xs text-gray-600 text-center pt-6 border-t border-white/10"
92+ >
93+ © 2025 Screenlite ✨
94+ </footer >
95+ </div >
1596 </body >
1697</html >
0 commit comments