salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new theme for site

Browse Source
This commit is contained in:
Desktop
2025-11-13 19:55:27 +05:00
parent 3c100be1cf
commit 7ff05f616f
21 changed files with 225 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
frontend/src/marketing/layout/MarketingLayout.tsx
View File

@@ -15,18 +15,18 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
const closeMobile = () => setMobileOpen(false);
return (
<div className="min-h-screen flex flex-col bg-[#090E1A] text-white">
<header className="sticky top-0 z-[1100] backdrop-blur-xl bg-slate-950/70 border-b border-white/10">
<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="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">
<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">
IG
</span>
<div className="flex flex-col leading-tight">
<span className="font-semibold tracking-wide text-white uppercase">
<span className="font-semibold tracking-wide text-slate-900 uppercase">
Igny8
</span>
<span className="text-xs text-white/60">AI growth engine</span>
<span className="text-xs text-slate-600">AI growth engine</span>
</div>
</Link>
@@ -37,7 +37,7 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
<Link
key={link.name}
to={link.path}
className={`transition hover:text-brand-200 ${isActive ? "text-brand-200" : "text-white/70"}`}
className={`transition hover:text-brand-600 ${isActive ? "text-brand-600" : "text-slate-700"}`}
>
{link.name}
</Link>
@@ -48,20 +48,20 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
<div className="hidden lg:flex items-center gap-4">
<a
href="https://app.igny8.com/login"
className="text-sm font-medium text-white/70 hover:text-white transition"
className="text-sm font-medium text-slate-700 hover:text-slate-900 transition"
>
Log in
</a>
<a
href="https://app.igny8.com/signup"
className="inline-flex items-center justify-center rounded-full bg-brand-500 hover:bg-brand-400 px-5 py-2 text-sm font-semibold transition"
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"
>
Start Free
</a>
</div>
<button
className="lg:hidden inline-flex items-center justify-center rounded-lg border border-white/10 p-2 text-white/80"
className="lg:hidden inline-flex items-center justify-center rounded-lg border border-slate-200 p-2 text-slate-700"
onClick={toggleMobile}
aria-label="Toggle navigation"
>
@@ -70,14 +70,14 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
</div>
{mobileOpen && (
<div className="lg:hidden border-t border-white/10 bg-slate-950/95 backdrop-blur-xl">
<div className="lg:hidden border-t border-slate-200 bg-white backdrop-blur-xl">
<nav className="px-6 py-4 flex flex-col gap-3">
{primaryNav.map((link) => (
<Link
key={link.name}
to={link.path}
onClick={closeMobile}
className="text-sm font-medium text-white/80 hover:text-white transition"
className="text-sm font-medium text-slate-700 hover:text-slate-900 transition"
>
{link.name}
</Link>
@@ -86,14 +86,14 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
<div className="px-6 pb-6 flex flex-col gap-3">
<a
href="https://app.igny8.com/login"
className="text-sm font-medium text-white/70 hover:text-white transition"
className="text-sm font-medium text-slate-700 hover:text-slate-900 transition"
onClick={closeMobile}
>
Log in
</a>
<a
href="https://app.igny8.com/signup"
className="inline-flex items-center justify-center rounded-full bg-brand-500 hover:bg-brand-400 px-5 py-2 text-sm font-semibold transition"
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"
onClick={closeMobile}
>
Start Free
@@ -105,39 +105,39 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
<main className="flex-1">{children}</main>
<footer className="bg-slate-950 border-t border-white/10">
<footer className="bg-slate-50 border-t border-slate-200">
<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">
<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">
IG
</span>
<div className="flex flex-col leading-tight">
<span className="font-semibold tracking-wide text-white uppercase">
<span className="font-semibold tracking-wide text-slate-900 uppercase">
Igny8
</span>
<span className="text-xs text-white/60">
<span className="text-xs text-slate-600">
AI + SEO automation suite
</span>
</div>
</Link>
<p className="text-sm text-white/60 max-w-xs">
<p className="text-sm text-slate-600 max-w-xs">
Automate keyword intelligence, clustering, content production, and image creation in one unified growth engine.
</p>
<div className="text-xs text-white/40">
<div className="text-xs text-slate-500">
© {new Date().getFullYear()} Igny8 Labs. All rights reserved.
</div>
</div>
{footerNavGroups.map((group) => (
<div key={group.title}>
<h4 className="text-sm font-semibold text-white uppercase tracking-wide mb-4">
<h4 className="text-sm font-semibold text-slate-900 uppercase tracking-wide mb-4">
{group.title}
</h4>
<ul className="space-y-3 text-sm text-white/60">
<ul className="space-y-3 text-sm text-slate-600">
{group.links.map((link) => (
<li key={link.name}>
<Link to={link.path} className="hover:text-white transition">
<Link to={link.path} className="hover:text-slate-900 transition">
{link.name}
</Link>
</li>
@@ -146,7 +146,7 @@ const MarketingLayout: React.FC<MarketingLayoutProps> = ({ children }) => {
</div>
))}
</div>
<div className="border-t border-white/10 py-6 px-6 text-center text-xs text-white/30">
<div className="border-t border-slate-200 py-6 px-6 text-center text-xs text-slate-500">
Built for marketers who automate growth with AI.
</div>
</footer>