Skip to content

Commit 9e1bdba

Browse files
usmonovshohruxmirzousmonovshohruxmirzo
committed
feat: add Features section with new design
1 parent d482320 commit 9e1bdba

File tree

2 files changed

+78
-3
lines changed

2 files changed

+78
-3
lines changed

‎src/components/sections/Features.astro‎

Lines changed: 74 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,75 @@
1-
<section id="features">
2-
1+
<section id="features" class="py-16 px-6 pt-0 text-white min-h-screen flex items-center justify-center">
2+
<div class="max-w-7xl mx-auto">
3+
<div class="text-center mb-12">
4+
<h2 class="text-7xl font-extrabold tracking-tight">Features</h2>
5+
<p class="mt-2 text-gray-400 text-lg max-w-xl mx-auto">
6+
Discover the core features that elevate your experience.
7+
</p>
8+
</div>
9+
<div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
10+
<article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
11+
<div class="text-5xl mb-8 text-blue-400">🚀</div>
12+
<h3 class="text-3xl font-semibold mb-4 text-white">Preconfigured LSP Support</h3>
13+
<p class="text-gray-300 text-lg">
14+
Seamless support for TypeScript, Python, C#, HTML, CSS, and more.
15+
</p>
16+
</article>
17+
<article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
18+
<div class="text-5xl mb-8 text-blue-400">⚡</div>
19+
<h3 class="text-3xl font-semibold mb-4 text-white">Autocompletion & Snippets</h3>
20+
<p class="text-gray-300 text-lg">
21+
Boost productivity with nvim-cmp and friendly-snippets.
22+
</p>
23+
</article>
24+
<article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
25+
<div class="text-5xl mb-8 text-blue-400">🧭</div>
26+
<h3 class="text-3xl font-semibold mb-4 text-white">File Explorer</h3>
27+
<p class="text-gray-300 text-lg">
28+
Navigate files effortlessly with integrated nvim-tree.
29+
</p>
30+
</article>
31+
<article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
32+
<div class="text-5xl mb-8 text-blue-400">🔍</div>
33+
<h3 class="text-3xl font-semibold mb-4 text-white">Fuzzy Finder</h3>
34+
<p class="text-gray-300 text-lg">
35+
Swiftly locate files and symbols with telescope.nvim.
36+
</p>
37+
</article>
38+
<article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
39+
<div class="text-5xl mb-8 text-blue-400">🖥️</div>
40+
<h3 class="text-3xl font-semibold mb-4 text-white">Beautiful Dashboard</h3>
41+
<p class="text-gray-300 text-lg">
42+
Access projects and recent files with ease.
43+
</p>
44+
</article>
45+
<article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
46+
<div class="text-5xl mb-8 text-blue-400">🎨</div>
47+
<h3 class="text-3xl font-semibold mb-4 text-white">20+ Themes</h3>
48+
<p class="text-gray-300 text-lg">
49+
Modern, clean UI with full transparency support.
50+
</p>
51+
</article>
52+
<article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
53+
<div class="text-5xl mb-8 text-blue-400">🔧</div>
54+
<h3 class="text-3xl font-semibold mb-4 text-white">Lazy Loading Plugins</h3>
55+
<p class="text-gray-300 text-lg">
56+
Optimize performance with on-demand plugin loading.
57+
</p>
58+
</article>
59+
<article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
60+
<div class="text-5xl mb-8 text-blue-400">📦</div>
61+
<h3 class="text-3xl font-semibold mb-4 text-white">Git Integration</h3>
62+
<p class="text-gray-300 text-lg">
63+
Streamlined version control with lazygit.
64+
</p>
65+
</article>
66+
<article class="group relative p-10 bg-blue-500/30 backdrop-blur-xl rounded-xl border border-white/10 hover:border-blue-500/50 transition-all duration-300 w-full">
67+
<div class="text-5xl mb-8 text-blue-400">🛠️</div>
68+
<h3 class="text-3xl font-semibold mb-4 text-white">Fully Customizable</h3>
69+
<p class="text-gray-300 text-lg">
70+
Tailor settings, plugins, and keybindings to your needs.
71+
</p>
72+
</article>
73+
</div>
74+
</div>
375
</section>

‎src/pages/index.astro‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,10 @@ import Features from '../components/sections/Features.astro';
77
---
88

99
<Layout>
10+
11+
<main class="bg-linear-135 from-[#0051b3] to-[#003580]">
1012
<Navbar />
1113
<Home />
12-
<Features />
14+
<Features />
15+
</main>
1316
</Layout>

0 commit comments

Comments
 (0)