'use client' import { IconCheck } from '@tabler/icons-react' import { Button } from '@devalok/shilp-sutra/ui/button' import { OAuthButton, OAuthDivider, OAuthGroup, } from '@devalok/shilp-sutra/ui/oauth-button' import { Text } from '@devalok/shilp-sutra/ui/text' const benefits = [ '119 accessible components, one consistent API', 'Tailwind 4 CSS-first. No preset, no config file', 'AI agents preconfigured via the bundled Agent Skill', 'OKLCH design tokens with light + dark generated together', ] as const /** * Authentic Google 4-colour G mark — sourced from Google's published sign-in * branding guidelines and used here, in the consumer app, rather than shipped * inside the DS package. Pass via `icon` to override the OAuthButton default * (which falls back to Tabler's monochrome glyph). */ function GoogleGMark({ size = 18 }: { size?: number }) { return ( ) } export function SignupBlock() { return (

{/* Brand panel */} {/* Form panel — form first, OAuth as fallback (Stripe / B2B pattern) */}

Create your account Start with the studio plan. Upgrade only when you need to.

} /> Already have an account?{' '} Sign in

) }