feat: update hero spacing
This commit is contained in:
parent
2190a2f55f
commit
3feaed33c8
|
|
@ -52,20 +52,20 @@ export function HeroSection() {
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<section className="relative pt-40 pb-20 px-6">
|
<section className="relative pt-20 pb-20 px-6">
|
||||||
<div className="max-w-4xl mx-auto text-center">
|
<div className="max-w-4xl mx-auto text-center">
|
||||||
<div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-gray-400 text-xs mb-8">
|
<div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-gray-400 text-xs mb-10">
|
||||||
<span className="w-1.5 h-1.5 rounded-full bg-gray-500 beta-dot" />
|
<span className="w-1.5 h-1.5 rounded-full bg-gray-500 beta-dot" />
|
||||||
In Active Development
|
In Active Development
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h1 className="text-5xl md:text-6xl lg:text-7xl font-bold mb-6 leading-tight">
|
<h1 className="text-5xl md:text-6xl lg:text-7xl font-bold mb-8 leading-tight">
|
||||||
AI Image Generation
|
AI Image Generation
|
||||||
<br />
|
<br />
|
||||||
<span className="gradient-text">Inside Your Workflow</span>
|
<span className="gradient-text">Inside Your Workflow</span>
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<p className="text-xl text-gray-400 mb-10 max-w-2xl mx-auto">
|
<p className="text-xl text-gray-400 mb-20 max-w-2xl mx-auto">
|
||||||
Generate images via API, SDK, CLI, Lab, or live URLs.
|
Generate images via API, SDK, CLI, Lab, or live URLs.
|
||||||
<br />
|
<br />
|
||||||
Production-ready CDN delivery in seconds.
|
Production-ready CDN delivery in seconds.
|
||||||
|
|
@ -93,7 +93,7 @@ export function HeroSection() {
|
||||||
</form>
|
</form>
|
||||||
</GlowEffect>
|
</GlowEffect>
|
||||||
|
|
||||||
<p className="text-sm text-gray-500 mb-10">Free early access. No credit card required.</p>
|
<p className="text-sm text-gray-500 mb-20">Free early access. No credit card required.</p>
|
||||||
|
|
||||||
<div className="flex flex-nowrap gap-5 justify-center">
|
<div className="flex flex-nowrap gap-5 justify-center">
|
||||||
{badges.map((badge, i) => (
|
{badges.map((badge, i) => (
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue