`src/app/licensor/layout.tsx`

77 lines
import type { Metadata } from 'next'
import Link from 'next/link'

export const metadata: Metadata = {
  title: 'Upload Your Photos — I was Cute',
  description:
    'Upload your childhood photos, clear copyright and likeness rights, and start earning royalties.',
}

export default function LicensorLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <div className="min-h-screen flex flex-col" style={{ background: 'var(--color-cream)' }}>
      {/* Header */}
      <header
        className="sticky top-0 z-50 flex items-center justify-between px-6 py-4 md:px-12 border-b"
        style={{
          background: 'rgba(255, 241, 230, 0.92)',
          borderColor: 'var(--color-cream-dark)',
          backdropFilter: 'blur(12px)',
          WebkitBackdropFilter: 'blur(12px)',
        }}
      >
        <Link
          href="/"
          className="text-xl font-black tracking-tighter transition-opacity hover:opacity-70"
          style={{ color: 'var(--color-brown)' }}
        >
          i was cute
        </Link>

        <div
          className="text-sm font-medium tracking-wide"
          style={{ color: 'var(--color-warm-gray)' }}
        >
          Licensor Upload
        </div>
      </header>

      {/* Page content */}
      <div className="flex-1">{children}</div>

      {/* Footer */}
      <footer
        className="py-6 px-6 text-center text-xs border-t"
        style={{
          color: 'var(--color-warm-gray)',
          borderColor: 'var(--color-cream-dark)',
        }}
      >
        <p>
          By uploading, you agree to our{' '}
          <Link
            href="/terms"
            className="underline hover:opacity-70 transition-opacity"
            style={{ color: 'var(--color-peach-dark)' }}
          >
            Terms of Service
          </Link>{' '}
          and{' '}
          <Link
            href="/privacy"
            className="underline hover:opacity-70 transition-opacity"
            style={{ color: 'var(--color-peach-dark)' }}
          >
            Privacy Policy
          </Link>
          .
        </p>
      </footer>
    </div>
  )
}