PrivateBlok User Onboarding Workflow

I'll redesign the onboarding flow to match PrivateBlok's branding and add a registration form before starting the onboarding process. I'll also incorporate the company's logo and include the leading investors on the landing page.

PrivateBlok User Onboarding Workflow

I've redesigned the onboarding flow to match PrivateBlok's branding and added a registration form before starting the onboarding process. The design now incorporates:

1. PrivateBlok's Brand Identity

   • Used the blue color scheme from the reference image (#2563eb for primary blue)
   • Incorporated the PrivateBlok logo across all pages
   • Maintained the clean, modern aesthetic from the landing page

2. Registration Form

   • Added a comprehensive registration form that collects:

     • Full Name
     • Email Address
     • Job Title
     • Company Name
     • Role in Company
     • Phone Number (optional)
   • Form includes validation to ensure all required fields are completed

3. Personalized Onboarding Flow

   • User type selection (VC, PE, Angel, Team)
   • Role-based customization
   • Integration setup with third-party tools
   • Data import options
   • Investment preferences (sectors, stages, deal size)

4. Landing Page Enhancements

   • Added the "Copilot Your Private Market Investing" headline
   • Included the "AI Copilot for Private Markets®" tagline
   • Featured the three key metrics: 300K+ Global Entities, 360° Data Insights, and Personalized Workflows
   • Added logos for Google, Microsoft, Fireside Ventures, and Nuvama as trusted investors

5. Dashboard Experience

   • Customized dashboard that reflects user preferences
   • Portfolio value tracking
   • Deal flow management
   • AI-powered insights
   • Task management and activity feeds

The onboarding process is designed to be intuitive and flexible, allowing users to skip steps if needed while encouraging them to provide information that will enhance their experience with the platform.

I'll fix the error in the app/onboarding/integrations/page.tsx file. The issue is with the conditional rendering in the Button component.

I've fixed the error in the app/onboarding/integrations/page.tsx file. The issue was in the Button component where there was incorrect syntax in the conditional rendering logic.

The problematic code had duplicate closing tags and an extra fragment with invalid syntax ()} : ''} followed by more closing tags). I've simplified the conditional rendering to use a single, clean ternary operator that correctly displays either:

1. "Continue with X integration(s)" with a checkmark icon when integrations are selected
2. "Skip for now" with an arrow icon when no integrations are selected

This fix should resolve the rendering error and allow the onboarding flow to work properly.