I'll build this comprehensive ExportBio SPA for you. Let me first check the existing project structure and then create all the necessary components.

Now I'll build the comprehensive ExportBio SPA. I'll update the globals.css with the custom color palette, update the layout, and create all the necessary components.

Now let me create the main ExportBio application with all the components:

Now let me create the mobile preview component:

Now let me create the main page that brings everything together:

I've built the complete ExportBio SPA for B2B export traders. Here's what was created:

Core Features:

• Global State Management: A context provider (ExportBioProvider) manages the FREE vs PREMIUM tier toggle that dynamically updates the entire UI in real-time
• Sticky Header: Features the ExportBio logo with an interactive account tier toggle switch

Left Panel - Interactive Dashboard (4 Tabs):

1. Company Identity: Logo upload (drag & drop), company name, tagline, location with map pin, WhatsApp with country code dropdown, email, and company profile PDF upload
2. Product Catalogue: Account status banner (amber for FREE, green for PREMIUM), product editor with title, image upload, hybrid tech-spec builder with editable label/value rows, and a modal that triggers when FREE users try to add more products
3. Certifications & Anti-Bypass: Frosted-glass blur overlay for FREE users with upgrade CTA, certificate badge multi-select (Organic EU, USDA, HACCP, FDA, Halal), file uploads for each selected cert, and the Anti-Bypass Shield toggle with document masking
4. Performance & Insights: Custom URL slug field (exportbio.id/your-slug), visitor analytics with progress bars by country, and an inbound lead hub showing mock buyer inquiries

Right Panel - Live Mobile Preview:

• Realistic smartphone chassis with notch, side buttons, and rounded display
• Real-time synced content: logo, company name with verified badge, tagline, location, WhatsApp/Email/Brochure CTA buttons, product display with dynamic tech-spec table, certification badges (ONLY visible for PREMIUM), B2B inquiry form, and the Ekspor Ranger footer banner

I'll rebuild the application as "Exportr" with the 3-view state machine flow. Let me update the existing components to match this new specification.

Now I'll create the new Exportr application with the 3-view state machine. Let me create a new context and components:

Now let me update the main page to use the new Exportr components:

I've completely rebuilt the application as "Exportr" with the 3-view state machine flow. The app now features:

VIEW 1 - Landing Page: A clean Stan-Store style landing page with the main hook "Build your professional B2B export website in 5 minutes", Indonesian sub-hook, and a dynamic URL claim box (exportr.site/[slug]) with emerald CTA button.

VIEW 2 - Login Gate: A centered authentication card with the claimed URL preview and Google login button that transitions to the dashboard.

VIEW 3 - Dashboard: A sticky header with the tier toggle (FREE USER vs PREMIUM ALUMNI), a 60/40 grid layout with 4 well-padded tabs (Company Identity, Product Catalogue, Certifications with blur overlay for FREE users, Performance & Analytics), and a realistic smartphone mockup showing the live buyer preview with the RFQ form that generates WhatsApp messages with the proper format and displays a toast notification.