2424 .hero {
2525 background : linear-gradient (135deg , # 020617 0% , # 001e3c 100% );
2626 border-bottom : 1px solid # 1e293b ;
27- padding : 4 rem 0 6 rem 0 ;
27+ padding : 2 rem 0 3 rem 0 ;
2828 text-align : center;
2929 }
3030
3131 /* Distribution Area */
3232 .distro-container {
33- margin-top : 4 rem ;
33+ margin-top : 2 rem ;
3434 display : flex;
3535 flex-direction : column;
3636 align-items : center;
37- gap : 2 rem ;
37+ gap : 1.5 rem ;
3838 }
3939 .distro-group {
4040 display : flex;
4343 gap : 0.8rem ;
4444 }
4545 .distro-label {
46- font-size : 0.7 rem ;
46+ font-size : 0.8 rem ;
4747 text-transform : uppercase;
4848 letter-spacing : 3px ;
4949 color : var (--barca-gold );
5050 font-weight : 800 ;
51- opacity : 0.8 ;
51+ opacity : 0.9 ;
5252 }
5353 .distro-row {
5454 display : flex;
6161 .btn-distro {
6262 background : rgba (30 , 41 , 59 , 0.6 );
6363 border : 1px solid # 334155 ;
64- padding : 0.8rem 1.2 rem ;
65- border-radius : 10 px ;
64+ padding : 0.8rem 1.5 rem ;
65+ border-radius : 12 px ;
6666 display : flex;
6767 align-items : center;
6868 gap : 0.8rem ;
6969 color : # fff ;
7070 text-decoration : none;
7171 transition : all 0.3s cubic-bezier (0.4 , 0 , 0.2 , 1 );
72- font-weight : 600 ;
73- font-size : 0.85 rem ;
72+ font-weight : 700 ;
73+ font-size : 0.9 rem ;
7474 backdrop-filter : blur (10px );
7575 }
7676 .btn-distro : hover {
7777 background : var (--barca-blue );
7878 border-color : var (--barca-gold );
79- transform : translateY (-3 px );
80- box-shadow : 0 10 px 20 px rgba (0 , 0 , 0 , 0.4 );
79+ transform : translateY (-5 px );
80+ box-shadow : 0 15 px 30 px rgba (0 , 0 , 0 , 0.5 );
8181 }
8282 .btn-distro i { color : var (--barca-gold ); font-size : 1.1rem ; }
8383
8686 background : rgba (165 , 0 , 68 , 0.15 );
8787 border : 1px solid var (--barca-red );
8888 padding : 1rem 2rem ;
89- border-radius : 12 px ;
89+ border-radius : 15 px ;
9090 display : flex;
9191 align-items : center;
9292 gap : 1rem ;
9393 color : # fff ;
9494 text-decoration : none;
9595 transition : all 0.3s cubic-bezier (0.4 , 0 , 0.2 , 1 );
96- font-weight : 700 ;
97- font-size : 0.95 rem ;
96+ font-weight : 800 ;
97+ font-size : 1.1 rem ;
9898 backdrop-filter : blur (10px );
9999 }
100100 .btn-distro-wide : hover {
101101 background : var (--barca-red );
102102 border-color : var (--barca-gold );
103- transform : translateY (-3px );
104- box-shadow : 0 10px 25px rgba (165 , 0 , 68 , 0.3 );
103+ transform : translateY (-5px );
104+ box-shadow : 0 15px 35px rgba (165 , 0 , 68 , 0.4 );
105+ }
106+ .btn-distro-wide i { font-size : 1.3rem ; color : var (--barca-gold ); }
107+ .btn-distro-wide img { height : 24px ; }
108+
109+ /* Path Action Buttons */
110+ .btn-path {
111+ display : inline-flex;
112+ align-items : center;
113+ justify-content : center;
114+ gap : 0.6rem ;
115+ padding : 0.8rem 2rem ;
116+ border-radius : 12px ;
117+ font-weight : 800 ;
118+ text-decoration : none;
119+ transition : all 0.3s ease;
120+ font-size : 1rem ;
121+ border : 1px solid var (--barca-gold );
122+ width : 100% ;
123+ max-width : 350px ;
105124 }
106- .btn-distro-wide i { font-size : 1.2rem ; color : var (--barca-gold ); }
107- .btn-distro-wide img { height : 20px ; }
125+ .btn-path : hover { transform : translateY (-3px ); box-shadow : 0 10px 20px rgba (0 , 0 , 0 , 0.4 ); }
126+ .btn-path-blue { background : var (--barca-blue ); color : # fff ; }
127+ .btn-path-red { background : var (--barca-red ); color : # fff ; }
128+ .btn-path-gold { background : var (--barca-gold ); color : # 000 ; border-color : # 000 ; }
108129
109130 /* Detailed Sections */
110131 .detail-section {
111- padding : 8 rem 0 ;
132+ padding : 4 rem 0 ;
112133 border-bottom : 1px solid # 1e293b ;
113134 }
114135 .detail-grid {
115136 display : grid;
116137 grid-template-columns : 1fr 1fr ;
117- gap : 6 rem ;
138+ gap : 4 rem ;
118139 align-items : center;
119140 }
120141 @media (max-width : 992px ) {
121- .detail-grid { grid-template-columns : 1fr ; text-align : center; }
122- .detail-grid .visual { order : -1 ; }
142+ .detail-grid { grid-template-columns : 1fr ; text-align : center; gap : 2.5rem ; }
143+ .detail-content { order : 1 !important ; }
144+ .visual { order : 2 !important ; }
123145 }
124146
125147 .detail-content h2 {
126- font-size : 3 rem ;
148+ font-size : 2.5 rem ;
127149 margin-bottom : 1.5rem ;
128150 color : # fff ;
129151 font-weight : 800 ;
130152 }
131153 .detail-content p {
132- font-size : 1.2 rem ;
133- line-height : 1.8 ;
154+ font-size : 1.1 rem ;
155+ line-height : 1.6 ;
134156 color : var (--text-muted );
135- margin-bottom : 2.5 rem ;
157+ margin-bottom : 2 rem ;
136158 }
137159
138160 /* Maven Box */
154176 border-radius : 20px ;
155177 border : 1px solid # 1e293b ;
156178 box-shadow : 0 30px 60px rgba (0 , 0 , 0 , 0.6 );
179+ transition : transform 0.3s ease;
180+ }
181+ .visual a : hover img {
182+ transform : scale (1.02 );
157183 }
158184
159185 .nb-badge-small {
160186 display : inline-block;
161187 padding : 0.4rem 1rem ;
162188 border-radius : 50px ;
163- font-size : 0.8 rem ;
189+ font-size : 0.75 rem ;
164190 font-weight : 700 ;
165191 text-transform : uppercase;
166192 letter-spacing : 1px ;
172198 display : flex;
173199 justify-content : center;
174200 gap : 4rem ;
175- margin-bottom : 4 rem ;
176- opacity : 0.8 ;
201+ margin-top : 1 rem ;
202+ opacity : 1 ;
177203 }
178204 .tech-item-mini {
179205 display : flex;
180206 flex-direction : column;
181207 align-items : center;
182- gap : 0.8 rem ;
208+ gap : 0.6 rem ;
183209 color : var (--text-muted );
184- font-size : 0.8 rem ;
185- font-weight : 600 ;
210+ font-size : 0.9 rem ;
211+ font-weight : 800 ;
186212 }
187- .tech-item-mini i , .tech-item-mini img { height : 40 px ; font-size : 2.5 rem ; }
213+ .tech-item-mini i , .tech-item-mini img { height : 64 px ; font-size : 4 rem ; }
188214
189- /* Original Styles Restoration */
215+ /* Original Content Restoration */
190216 .jit-image-container { margin-top : 3rem ; text-align : center; }
191217 .jit-image-container img { max-width : 100% ; border : 1px solid var (--barca-gold ); border-radius : 12px ; box-shadow : 0 10px 30px rgba (0 , 0 , 0 , 0.5 ); }
192- .slideshow-container { max-width : 1000px ; margin : auto; position : relative; }
218+ .slideshow-container { max-width : 1000px ; margin : 2 rem auto auto auto; position : relative; }
193219 .mySlides img { border-radius : 12px ; border : 1px solid # 333 ; }
194- .dark-bg { background-color : # 020617 ; padding : 8 rem 0 ; border-bottom : 1px solid # 1e293b ; }
220+ .dark-bg { background-color : # 020617 ; padding : 5 rem 0 ; border-bottom : 1px solid # 1e293b ; }
195221
196222 /* Fix for full image visibility */
197223 .visual {
200226 align-items : center;
201227 overflow : visible;
202228 }
229+
230+ .section-header {
231+ margin-bottom : 3rem ;
232+ }
233+ # features { padding : 4rem 0 ; }
203234 </ style >
204235</ head >
205236< body >
216247 < a href ="#engine "> Execution</ a >
217248 < a href ="#showcase "> Showcase</ a >
218249 < a href ="https://anahata-os.github.io/gemini-java-client/apidocs/ " target ="_blank "> Javadocs</ a >
250+ < a href ="https://www.youtube.com/@anahata108 " target ="_blank " title ="Anahata TV "> < i class ="fab fa-youtube "> </ i > </ a >
251+ < a href ="https://x.com/AnahataASI " target ="_blank " title ="Twitter / X "> < i class ="fab fa-x-twitter "> </ i > </ a >
252+ < a href ="https://discord.com/invite/M396BNtX " target ="_blank " title ="Discord "> < i class ="fab fa-discord "> </ i > </ a >
219253 < a href ="https://github.com/anahata-os/gemini-java-client " target ="_blank " title ="GitHub "> < i class ="fab fa-github "> </ i > </ a >
220254 < a href ="https://github.com/sponsors/anahata-os " class ="btn-sponsor "> Sponsor < i class ="fas fa-heart "> </ i > </ a >
221255 </ div >
226260 < div class ="hero-overlay "> </ div >
227261 < div class ="container hero-content ">
228262
229- <!-- Tech Stack Badges at the Top -->
230- < section class ="tech-stack-mini fade-in ">
231- < div class ="tech-item-mini ">
232- < i class ="devicon-java-plain colored "> </ i >
233- < span > Java 8+</ span >
234- </ div >
235- < div class ="tech-item-mini ">
236- < img src ="https://www.anahata.uno/assets/logos/gemini.svg " alt ="Gemini ">
237- < span > Gemini Optimized</ span >
238- </ div >
239- < div class ="tech-item-mini ">
240- < img src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/netbeans/netbeans-original.svg " alt ="NetBeans ">
241- < span > NetBeans Ready</ span >
242- </ div >
243- </ section >
244-
245263 < div class ="hero-badges fade-in ">
246264 < div class ="nb-badge "> Pure Java • Open Source • Apache Licensed</ div >
247265 </ div >
@@ -280,7 +298,7 @@ <h1 class="fade-in">The Autonomous AI Agent Engine for the JVM.</h1>
280298 < div class ="distro-row ">
281299 < a href ="#netbeans " class ="btn-distro-wide ">
282300 < img src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/netbeans/netbeans-original.svg " alt ="NetBeans ">
283- < span > NetBeans Plugin </ span >
301+ < span > Anahata in NetBeans </ span >
284302 </ a >
285303 < a href ="#sdk " class ="btn-distro-wide ">
286304 < i class ="fas fa-code "> </ i >
@@ -289,6 +307,22 @@ <h1 class="fade-in">The Autonomous AI Agent Engine for the JVM.</h1>
289307 </ div >
290308 </ div >
291309
310+ <!-- Tech Stack Badges at the Bottom of Distro -->
311+ < section class ="tech-stack-mini fade-in ">
312+ < div class ="tech-item-mini ">
313+ < i class ="devicon-java-plain colored "> </ i >
314+ < span > Java 8+</ span >
315+ </ div >
316+ < div class ="tech-item-mini ">
317+ < img src ="https://www.anahata.uno/assets/logos/gemini.svg " alt ="Gemini ">
318+ < span > Gemini Optimized</ span >
319+ </ div >
320+ < div class ="tech-item-mini ">
321+ < img src ="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/netbeans/netbeans-original.svg " alt ="NetBeans ">
322+ < span > NetBeans Ready</ span >
323+ </ div >
324+ </ section >
325+
292326 </ div >
293327 </ div >
294328 </ header >
@@ -303,12 +337,14 @@ <h1 class="fade-in">The Autonomous AI Agent Engine for the JVM.</h1>
303337 < span class ="nb-badge-small " style ="background: var(--barca-blue); color: #fff; "> The Desktop App</ span >
304338 < h2 > Your Personal AI Butler</ h2 >
305339 < p > The purest expression of Anahata. A high-performance, zero-overhead companion that brings autonomous JVM intelligence to your system. No IDE required—just you, the engine, and the infinite potential of Gemini.</ p >
306- < a href ="https://github.com/anahata-os/gemini-java-client/releases/latest " class ="btn-primary " style =" width: 100%; ">
340+ < a href ="https://github.com/anahata-os/gemini-java-client/releases/latest " class ="btn-path btn-path-blue ">
307341 < i class ="fas fa-download "> </ i > Download Latest Release
308342 </ a >
309343 </ div >
310344 < div class ="visual ">
311- < img src ="screenshots/chat-panel-interaction.png " alt ="Anahata Desktop ">
345+ < a href ="screenshots/standalone.png " target ="_blank ">
346+ < img src ="screenshots/standalone.png " alt ="Anahata Desktop ">
347+ </ a >
312348 </ div >
313349 </ div >
314350 </ div >
@@ -318,15 +354,17 @@ <h2>Your Personal AI Butler</h2>
318354 < section id ="netbeans " class ="detail-section ">
319355 < div class ="container ">
320356 < div class ="detail-grid ">
321- < div class ="visual ">
322- < img src ="screenshots/netbeans.png " alt ="NetBeans Integration ">
357+ < div class ="visual " style ="order: 2; ">
358+ < a href ="screenshots/netbeans.png " target ="_blank ">
359+ < img src ="screenshots/netbeans.png " alt ="NetBeans Integration ">
360+ </ a >
323361 </ div >
324- < div class ="detail-content ">
362+ < div class ="detail-content " style =" order: 1; " >
325363 < span class ="nb-badge-small " style ="background: var(--barca-red); color: #fff; "> The Plugin</ span >
326364 < h2 > Give NetBeans Superpowers</ h2 >
327365 < p > The cognitive upgrade for developers. Don't just use an AI; inhabit your code with a partner that understands your architecture as well as you do. Transform NetBeans into an autonomous refactoring powerhouse that executes complex tasks while you stay in the flow.</ p >
328- < a href ="https://www.anahata.uno " class ="btn-primary " style =" width: 100%; padding: 1.5rem; font-size: 1.1rem; ">
329- < i class ="fas fa-external-link-alt "> </ i > Visit the NetBeans Plugin Portal
366+ < a href ="https://www.anahata.uno " class ="btn-path btn-path-red ">
367+ < i class ="fas fa-external-link-alt "> </ i > Anahata in NetBeans
330368 </ a >
331369 </ div >
332370 </ div >
@@ -348,12 +386,14 @@ <h2>The Architect's Choice</h2>
348386 <version>1.0.17</version>
349387</dependency></ pre >
350388 </ div >
351- < a href ="https://github.com/anahata-os/gemini-java-client#getting-started " class ="btn-secondary " style =" width: 100%; " target ="_blank ">
389+ < a href ="https://github.com/anahata-os/gemini-java-client#getting-started " class ="btn-path btn-path-gold " target ="_blank ">
352390 < i class ="fab fa-github "> </ i > Getting Started Guide
353391 </ a >
354392 </ div >
355393 < div class ="visual ">
356- < img src ="screenshots/java2schema.png " alt ="SDK Schema Generation ">
394+ < a href ="screenshots/java2schema.png " target ="_blank ">
395+ < img src ="screenshots/java2schema.png " alt ="SDK Schema Generation ">
396+ </ a >
357397 </ div >
358398 </ div >
359399 </ div >
@@ -401,7 +441,7 @@ <h4 style="margin-top: 0; margin-bottom: 1.5rem; color: var(--white);"><i class=
401441 </ div >
402442 </ section >
403443
404- < section id ="showcase " class ="container " style ="padding: 8rem 0; ">
444+ < section id ="showcase " class ="container " style ="padding: 3rem 0; ">
405445 < div class ="section-header ">
406446 < span class ="nb-badge " style ="background: var(--barca-red); color: var(--white); "> Visual Intelligence</ span >
407447 < h2 style ="margin-top: 1rem; "> The Agent in Action</ h2 >
@@ -560,7 +600,7 @@ <h3>Google Search Integration</h3>
560600 </ div >
561601 </ section >
562602
563- < section id ="features " class ="container " style =" padding: 8rem 0; " >
603+ < section id ="features " class ="container ">
564604 < div class ="section-header ">
565605 < h2 > Core Framework Features</ h2 >
566606 < p > Everything you need to build a production-grade AI Agent in Java.</ p >
@@ -599,7 +639,7 @@ <h3>Session Persistence</h3>
599639 </ div >
600640 </ section >
601641
602- < section id ="agency " class ="container " style ="padding: 8rem 0; ">
642+ < section id ="agency " class ="container " style ="padding: 4rem 0; ">
603643 < div class ="section-header ">
604644 < span class ="nb-badge " style ="background: var(--barca-red); color: var(--white); "> Real-World Agency</ span >
605645 < h2 style ="margin-top: 1rem; "> Universal Integration</ h2 >
@@ -642,7 +682,10 @@ <h3 style="color: var(--white);">Hardware Insider</h3>
642682 < h4 > Resources</ h4 >
643683 < a href ="https://anahata-os.github.io/gemini-java-client/apidocs/ " target ="_blank "> Javadocs</ a >
644684 < a href ="https://github.com/anahata-os/gemini-java-client "> GitHub</ a >
645- < a href ="https://www.anahata.uno "> NetBeans Plugin</ a >
685+ < a href ="https://x.com/AnahataASI " target ="_blank "> Twitter / X</ a >
686+ < a href ="https://www.youtube.com/@anahata108 " target ="_blank "> Anahata TV (YouTube)</ a >
687+ < a href ="https://discord.com/invite/M396BNtX " target ="_blank "> Discord</ a >
688+ < a href ="https://www.anahata.uno "> Anahata NetBeans Plugin</ a >
646689 </ div >
647690 < div class ="footer-legal ">
648691 < h4 > Legal</ h4 >
0 commit comments