- Replace Supabase auth with hanzo.id OAuth 2.0 PKCE flow (src/lib/auth.ts)
- Replace Supabase database queries with Commerce API client (src/lib/commerce.ts)
- Add OAuth callback page (src/pages/AuthCallback.tsx)
- Update all 19 files importing from supabase to use auth/commerce modules
- Remove @supabase/supabase-js dependency from package.json
- Delete src/lib/supabase.ts (422 lines)
- Update .env.example with IAM and Commerce API vars
- Build verified: zero Supabase imports remain
- Add dedicated product page for RTX PRO 6000 Blackwell GPU ($8,357)
- Move Clusters into Products dropdown menu
- Update navigation to highlight purchasable vs contact sales products
- Add RTX PRO 6000 to Header Products dropdown
- Add route configuration for /rtx-pro-6000
- Include full specs, features, and use cases on product page
- Integrate cart functionality for direct purchase
- Simplified HomePage to: Hero, DGX Spark, Partners, Features, Pricing, CTA
- Created /features page with hardware specs and detailed benefits
- Created /solutions page with use cases, testimonials, and industry solutions
- Updated header navigation to link to Hardware, Solutions, and Clusters
- Streamlined landing page with clear CTA to buy DGX Spark or contact sales
- Improved user journey by organizing content into focused subpages
Create comprehensive RFQ form for enterprise GPU infrastructure quotes:
Form Features:
- Company information section (name, email, phone, contact)
- GPU requirements (B300/B200/H200/H100/Custom configurations)
- Quantity selector with visual counter (8-GPU units)
- Lease duration options (one-time, monthly, 6-month, annual)
- Use case description for understanding workload requirements
- Budget range selector (optional)
- Additional requirements textarea for custom needs
UX Features:
- Interactive radio buttons with hover/selected states
- Increment/decrement buttons for quantity
- Real-time form validation
- Success/error message display
- Loading state during submission
- Glass-morphism design consistent with site theme
- Responsive layout for mobile and desktop
- "What Happens Next?" info box explaining quote process
Form validates required fields:
- Company name
- Contact name
- Email address
- GPU configuration
- Use case description
Route added: /request-quote
Next step: Connect form to backend API (/api/rfq) for RFQ submission
and admin review workflow.
Add comprehensive legal pages for the platform:
- Terms of Service (/terms):
- Hardware purchase terms (DGX Spark)
- GPU leasing subscription terms
- RFQ process and enterprise quotes
- Service Level Agreement (99.9% uptime)
- Acceptable use policy
- Data security standards (AES-256, TLS 1.3, SOC 2)
- Privacy Policy (/privacy):
- Data collection and usage practices
- GDPR compliance (EU/EEA rights)
- CCPA compliance (California rights)
- International data transfers
- Cookie and tracking policies
- Security measures and encryption
- Data retention policies
- User privacy rights (access, deletion, portability)
- MVP Leasing Platform Plan (LEASING_PLATFORM_PLAN.md):
- Complete implementation specification
- Database schema (9 tables)
- Customer and admin API endpoints
- Stripe subscription integration
- 5-week implementation timeline
Updates App.tsx to include routes for /terms and /privacy pages.
Both pages follow consistent design with dark theme, glass-morphism,
and professional legal formatting.
- Update page title to "Hanzo - On-Demand AI Supercomputing"
- Add comprehensive OpenGraph and Twitter meta tags
- Create OpenGraph image (1200x630) with branded design
- Remove Contact Sales button from header
- Fix horizontal overflow issues:
- Add max-width: 100vw to html/body
- Add overflow-hidden to background container
- Prevent blur elements from causing horizontal scroll
- Add SEO keywords and canonical URL
- Improve social media sharing appearance
Major Updates:
- Full shopping cart with image display and quantity controls
- Stripe checkout integration for DGX Spark ($4,000)
- Sales contact flow for GPU On-Demand and Enterprise products
- 5-item purchase limit enforcement with UI feedback
- Cart persistence using LocalStorage
- Account page with order history
UI Improvements:
- Products dropdown navigation with hover functionality
- Cmd+K search modal with keyboard navigation
- DGX Spark highlight section after hero
- Mobile-responsive design (tested on 375x667)
- Updated branding from "Hanzo.Computer" to "Hanzo"
- Links to Hanzo AI ecosystem in footer
Testing & CI:
- Comprehensive Playwright MCP testing completed
- E2E test suite with 8 test suites covering:
- Full purchase flow
- 5-item limit enforcement
- Sales contact verification
- Navigation and dropdown
- Search functionality (Cmd+K)
- Mobile responsiveness
- Cart persistence
- GitHub Actions CI workflow with:
- Automated E2E tests on all PRs
- Build verification
- GitHub Pages deployment on main branch
Technical:
- React Router v7 for client-side routing
- Stripe Elements for secure payment
- Context API for cart state management
- Tailwind CSS v4 for styling
- TypeScript for type safety
- Playwright for E2E testing
Sets up the project structure, dependencies, and initial configuration for the Hanzo Computer landing page. This includes:
- Project initialization with Vite and React.
- Configuration for TypeScript, Tailwind CSS, and API key handling.
- Basic HTML structure with meta tags and font links.
- Initial React component structure for the application.
- A placeholder README with local run instructions.
- A placeholder metadata file defining the application name and description.
zeekay