site rebuild
This commit is contained in:
@@ -17,7 +17,7 @@ import CTASection from "../components/CTASection";
|
||||
|
||||
const Home: React.FC = () => {
|
||||
return (
|
||||
<div className="bg-white">
|
||||
<div className="bg-gradient-to-b from-white via-slate-50/30 to-white">
|
||||
<HeroSection
|
||||
image="hero-dashboard.png"
|
||||
headline="Scale SEO content from keyword discovery to AI-crafted outputs."
|
||||
@@ -88,15 +88,15 @@ const Home: React.FC = () => {
|
||||
/>
|
||||
<ul className="space-y-4 text-sm text-slate-600">
|
||||
<li className="flex gap-3">
|
||||
<span className="mt-1 size-2 rounded-full bg-brand-500" />
|
||||
<span className="mt-1 size-2 rounded-full bg-[#0693e3] shadow-sm shadow-[#0693e3]/30" />
|
||||
Real-time metrics on keyword additions, clusters formed, briefs generated, and content shipped.
|
||||
</li>
|
||||
<li className="flex gap-3">
|
||||
<span className="mt-1 size-2 rounded-full bg-brand-500" />
|
||||
<span className="mt-1 size-2 rounded-full bg-[#0bbf87] shadow-sm shadow-[#0bbf87]/30" />
|
||||
Drill into automation logs to understand every AI action, approvals, and handoffs.
|
||||
</li>
|
||||
<li className="flex gap-3">
|
||||
<span className="mt-1 size-2 rounded-full bg-brand-500" />
|
||||
<span className="mt-1 size-2 rounded-full bg-[#ff7a00] shadow-sm shadow-[#ff7a00]/30" />
|
||||
Export-ready visuals for leadership updates and client reporting.
|
||||
</li>
|
||||
</ul>
|
||||
@@ -137,15 +137,27 @@ const Home: React.FC = () => {
|
||||
description:
|
||||
"Govern prompts, author voices, and AI usage with centralized policies and audit-ready histories.",
|
||||
},
|
||||
].map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="rounded-3xl border border-slate-200 bg-white p-8 space-y-4 shadow-sm hover:shadow-md transition"
|
||||
>
|
||||
<h3 className="text-lg font-semibold text-slate-900">{item.title}</h3>
|
||||
<p className="text-sm text-slate-600 leading-relaxed">{item.description}</p>
|
||||
</div>
|
||||
))}
|
||||
].map((item, index) => {
|
||||
const gradients = [
|
||||
"from-[#0693e3]/10 to-[#0472b8]/5",
|
||||
"from-[#0bbf87]/10 to-[#08966b]/5",
|
||||
"from-[#5d4ae3]/10 to-[#3a2f94]/5",
|
||||
];
|
||||
const borders = [
|
||||
"border-[#0693e3]/30",
|
||||
"border-[#0bbf87]/30",
|
||||
"border-[#5d4ae3]/30",
|
||||
];
|
||||
return (
|
||||
<div
|
||||
key={item.title}
|
||||
className={`rounded-3xl border-2 ${borders[index]} bg-gradient-to-br ${gradients[index]} bg-white/50 backdrop-blur-sm p-8 space-y-4 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all`}
|
||||
>
|
||||
<h3 className="text-lg font-semibold text-slate-900">{item.title}</h3>
|
||||
<p className="text-sm text-slate-600 leading-relaxed">{item.description}</p>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</section>
|
||||
|
||||
<CTASection
|
||||
|
||||
Reference in New Issue
Block a user