nanochat/services/frontend/components/svg/SamosaLogo.tsx
Manmohan Sharma 634be4080b
feat(frontend): Next.js 14 frontend service for samosaChaat (#2)
Build services/frontend/ replacing the legacy nanochat/ui.html single-file UI.
Landing, login, and chat pages ported with full design system: Devanagari +
Great Vibes hero, samosa/chai/toran SVG animations, gold/cream palette.

- App Router pages: / (hero + floating illustrations), /login (split-screen
  OAuth with mandala motif), /chat (260px collapsible sidebar, suggestion
  chips, markdown + code-copy, auto-expanding input, slash commands)
- SSE streaming via useSSE hook and /api/chat/stream BFF route (proxies to
  CHAT_API_URL when set, falls back to mock echo for local dev)
- NextAuth.js v5 with Google + GitHub providers; middleware gates /chat/*
- Zustand store with localStorage persistence for conversations/settings
- Tailwind theme carries all ui.html tokens + keyframes (pendulum, float,
  wobble, steamFloat, steamType); SVG assets componentized under components/svg
- Multi-stage node:20-alpine Dockerfile with Next standalone output

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-16 11:26:57 -07:00

19 lines
935 B
TypeScript

export default function SamosaLogo({ size = 32 }: { size?: number }) {
return (
<svg width={size} height={size} viewBox="0 0 400 400" aria-hidden="true">
<defs>
<linearGradient id="logo-fill" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stopColor="#e8a838" />
<stop offset="100%" stopColor="#c47f17" />
</linearGradient>
</defs>
<path d="M200 60 L340 320 L60 320 Z" fill="url(#logo-fill)" stroke="#a0620f" strokeWidth={6} strokeLinejoin="round" />
<path d="M200 100 L160 220" stroke="#c47f17" strokeWidth={3} fill="none" opacity="0.5" />
<path d="M200 100 L240 220" stroke="#c47f17" strokeWidth={3} fill="none" opacity="0.5" />
<circle cx="170" cy="230" r="10" fill="#fff" opacity="0.85" />
<circle cx="200" cy="230" r="10" fill="#fff" opacity="0.85" />
<circle cx="230" cy="230" r="10" fill="#fff" opacity="0.85" />
</svg>
);
}