Add marketing layout for pricing page
🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
37
src/app/(marketing)/layout.tsx
Normal file
37
src/app/(marketing)/layout.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
import Link from 'next/link'
|
||||
import { Button } from '@/components/ui/button'
|
||||
|
||||
export default function MarketingLayout({
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode
|
||||
}) {
|
||||
return (
|
||||
<div className="min-h-screen flex flex-col">
|
||||
<header className="border-b bg-white/80 backdrop-blur-sm dark:bg-zinc-950/80 sticky top-0 z-50">
|
||||
<nav className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
|
||||
<Link href="/" className="text-xl font-bold tracking-tight">
|
||||
Mylder
|
||||
</Link>
|
||||
<div className="flex items-center gap-4">
|
||||
<Link href="/pricing">
|
||||
<Button variant="ghost" size="sm">Pricing</Button>
|
||||
</Link>
|
||||
<Link href="/login">
|
||||
<Button variant="ghost" size="sm">Log in</Button>
|
||||
</Link>
|
||||
<Link href="/signup">
|
||||
<Button size="sm">Get Started</Button>
|
||||
</Link>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main className="flex-1">
|
||||
{children}
|
||||
</main>
|
||||
<footer className="border-t py-8 text-center text-sm text-muted-foreground">
|
||||
<p>© {new Date().getFullYear()} Mylder. All rights reserved.</p>
|
||||
</footer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user