site rebuild
This commit is contained in:
@@ -15,11 +15,11 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
|
||||
const closeMobile = () => setMobileOpen(false);
|
||||
|
||||
return (
|
||||
<div className="min-h-screen flex flex-col bg-white text-slate-900">
|
||||
<header className="sticky top-0 z-[1100] backdrop-blur-xl bg-white/95 border-b border-slate-200">
|
||||
<div className="min-h-screen flex flex-col bg-gradient-to-b from-white via-slate-50 to-white text-slate-900">
|
||||
<header className="sticky top-0 z-[1100] backdrop-blur-xl bg-white/95 border-b border-slate-200 shadow-sm">
|
||||
<div className="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between">
|
||||
<Link to="/" className="flex items-center gap-3" onClick={closeMobile}>
|
||||
<span className="h-10 w-10 rounded-xl bg-gradient-to-br from-brand-400 to-brand-600 flex items-center justify-center text-lg font-bold text-white">
|
||||
<span className="h-10 w-10 rounded-xl bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-lg font-bold text-white shadow-lg shadow-[#0693e3]/30">
|
||||
IG
|
||||
</span>
|
||||
<div className="flex flex-col leading-tight">
|
||||
@@ -37,7 +37,7 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
|
||||
<Link
|
||||
key={link.name}
|
||||
to={link.path}
|
||||
className={`transition hover:text-brand-600 ${isActive ? "text-brand-600" : "text-slate-700"}`}
|
||||
className={`transition hover:text-[#0693e3] ${isActive ? "text-[#0693e3] font-semibold" : "text-slate-700"}`}
|
||||
>
|
||||
{link.name}
|
||||
</Link>
|
||||
@@ -54,7 +54,7 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
|
||||
</a>
|
||||
<a
|
||||
href="https://app.igny8.com/signup"
|
||||
className="inline-flex items-center justify-center rounded-full bg-brand-500 hover:bg-brand-600 text-white px-5 py-2 text-sm font-semibold transition"
|
||||
className="inline-flex items-center justify-center rounded-full bg-gradient-to-r from-[#0693e3] to-[#0472b8] hover:from-[#0472b8] hover:to-[#0693e3] text-white px-5 py-2 text-sm font-semibold transition shadow-md shadow-[#0693e3]/30"
|
||||
>
|
||||
Start Free
|
||||
</a>
|
||||
@@ -93,7 +93,7 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
|
||||
</a>
|
||||
<a
|
||||
href="https://app.igny8.com/signup"
|
||||
className="inline-flex items-center justify-center rounded-full bg-brand-500 hover:bg-brand-600 text-white px-5 py-2 text-sm font-semibold transition"
|
||||
className="inline-flex items-center justify-center rounded-full bg-gradient-to-r from-[#0693e3] to-[#0472b8] hover:from-[#0472b8] hover:to-[#0693e3] text-white px-5 py-2 text-sm font-semibold transition shadow-md shadow-[#0693e3]/30"
|
||||
onClick={closeMobile}
|
||||
>
|
||||
Start Free
|
||||
@@ -105,39 +105,39 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
|
||||
|
||||
<main className="flex-1">{children}</main>
|
||||
|
||||
<footer className="bg-slate-50 border-t border-slate-200">
|
||||
<footer className="bg-gradient-to-br from-[#0d1b2a] via-[#142b3f] to-[#0d1b2a] border-t border-[#0693e3]/20">
|
||||
<div className="max-w-6xl mx-auto px-6 py-16 grid grid-cols-1 md:grid-cols-4 gap-12">
|
||||
<div className="space-y-4">
|
||||
<Link to="/" className="inline-flex items-center gap-3">
|
||||
<span className="h-10 w-10 rounded-xl bg-gradient-to-br from-brand-400 to-brand-600 flex items-center justify-center text-lg font-bold text-white">
|
||||
<span className="h-10 w-10 rounded-xl bg-gradient-to-br from-[#0693e3] to-[#0472b8] flex items-center justify-center text-lg font-bold text-white shadow-lg shadow-[#0693e3]/30">
|
||||
IG
|
||||
</span>
|
||||
<div className="flex flex-col leading-tight">
|
||||
<span className="font-semibold tracking-wide text-slate-900 uppercase">
|
||||
<span className="font-semibold tracking-wide text-white uppercase">
|
||||
Igny8
|
||||
</span>
|
||||
<span className="text-xs text-slate-600">
|
||||
<span className="text-xs text-slate-300">
|
||||
AI + SEO automation suite
|
||||
</span>
|
||||
</div>
|
||||
</Link>
|
||||
<p className="text-sm text-slate-600 max-w-xs">
|
||||
<p className="text-sm text-slate-300 max-w-xs">
|
||||
Automate keyword intelligence, clustering, content production, and image creation in one unified growth engine.
|
||||
</p>
|
||||
<div className="text-xs text-slate-500">
|
||||
<div className="text-xs text-slate-400">
|
||||
© {new Date().getFullYear()} Igny8 Labs. All rights reserved.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{footerNavGroups.map((group) => (
|
||||
<div key={group.title}>
|
||||
<h4 className="text-sm font-semibold text-slate-900 uppercase tracking-wide mb-4">
|
||||
<h4 className="text-sm font-semibold text-white uppercase tracking-wide mb-4">
|
||||
{group.title}
|
||||
</h4>
|
||||
<ul className="space-y-3 text-sm text-slate-600">
|
||||
<ul className="space-y-3 text-sm text-slate-300">
|
||||
{group.links.map((link) => (
|
||||
<li key={link.name}>
|
||||
<Link to={link.path} className="hover:text-slate-900 transition">
|
||||
<Link to={link.path} className="hover:text-[#0693e3] transition">
|
||||
{link.name}
|
||||
</Link>
|
||||
</li>
|
||||
@@ -146,7 +146,7 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="border-t border-slate-200 py-6 px-6 text-center text-xs text-slate-500">
|
||||
<div className="border-t border-[#0693e3]/20 py-6 px-6 text-center text-xs text-slate-400">
|
||||
Built for marketers who automate growth with AI.
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user