hanzoai/hanzo.sh-native
2
0
Fork 0
Code Issues Pull Requests Releases Activity

Improve Hanzo Products section

Browse Source 
Enhance the presentation of Hanzo products with improved visuals and potentially animated SVG graphics.
This commit is contained in:
Hanzo Dev
2025-02-21 20:29:24 +00:00
parent b33273db6a
commit 65f9636cca
1 changed files with 34 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Hero.tsx
+34 -12
View File
@@ -215,26 +215,48 @@ fi`;
</div>
)}
<div className="space-y-4">
<h2 className="text-2xl font-bold text-white">Hanzo Products:</h2>
<ul className="grid grid-cols-1 md:grid-cols-2 gap-6 list-none">
<li className="bg-white/5 p-6 rounded-lg">
<div className="space-y-6">
<h2 className="text-2xl font-bold text-white">Hanzo Products</h2>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
<div className="group bg-white/5 p-8 rounded-2xl hover-lift glass-effect relative overflow-hidden">
<div className="absolute inset-0 bg-gradient-to-br from-accent/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
<svg className="w-12 h-12 mb-4 text-accent animate-float" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
<path d="M20 4L3 9.31372L10.5 13.5M20 4L14.5 21L10.5 13.5M20 4L10.5 13.5" strokeLinecap="round" strokeLinejoin="round"/>
</svg>
<h3 className="text-xl font-semibold text-white mb-2">Hanzo Platform</h3>
<p className="text-white/80">Modern application platform for building and deploying cloud-native applications</p>
</li>
<li className="bg-white/5 p-6 rounded-lg">
</div>
<div className="group bg-white/5 p-8 rounded-2xl hover-lift glass-effect relative overflow-hidden">
<div className="absolute inset-0 bg-gradient-to-br from-accent/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
<svg className="w-12 h-12 mb-4 text-accent animate-float" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
<path d="M21 12C21 16.9706 16.9706 21 12 21M21 12C21 7.02944 16.9706 3 12 3M21 12H3M12 21C7.02944 21 3 16.9706 3 12M12 21C14.5 18.5 15 15.5 15 12C15 8.5 14.5 5.5 12 3M3 12C3 7.02944 7.02944 3 12 3" strokeLinecap="round"/>
</svg>
<h3 className="text-xl font-semibold text-white mb-2">Hanzo Base</h3>
<p className="text-white/80">Secure and scalable infrastructure for your applications</p>
</li>
<li className="bg-white/5 p-6 rounded-lg">
</div>
<div className="group bg-white/5 p-8 rounded-2xl hover-lift glass-effect relative overflow-hidden">
<div className="absolute inset-0 bg-gradient-to-br from-accent/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
<svg className="w-12 h-12 mb-4 text-accent animate-float" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
<path d="M12 3C16.9706 3 21 7.02944 21 12M12 3C7.02944 3 3 7.02944 3 12M12 3V21M21 12C21 16.9706 16.9706 21 12 21M21 12H3M12 21C7.02944 21 3 16.9706 3 12" strokeLinecap="round"/>
</svg>
<h3 className="text-xl font-semibold text-white mb-2">Hanzo Cloud</h3>
<p className="text-white/80">Enterprise-grade cloud platform for production workloads</p>
</li>
<li className="bg-white/5 p-6 rounded-lg">
</div>
<div className="group bg-white/5 p-8 rounded-2xl hover-lift glass-effect relative overflow-hidden">
<div className="absolute inset-0 bg-gradient-to-br from-accent/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
<svg className="w-12 h-12 mb-4 text-accent animate-float" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
<path d="M4 6H20M4 12H20M4 18H20" strokeLinecap="round"/>
<circle cx="9" cy="6" r="1" fill="currentColor"/>
<circle cx="15" cy="12" r="1" fill="currentColor"/>
<circle cx="9" cy="18" r="1" fill="currentColor"/>
</svg>
<h3 className="text-xl font-semibold text-white mb-2">Hanzo Container Runtime</h3>
<p className="text-white/80">Optimized container runtime for modern applications</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>