Create a new web app for a token claim portal. Use React/Next.js style, Tailwind CSS, and serverless API routes.Name: “Intuition TRUST Claim Portal”
I'll help you create a token claim portal for "Intuition TRUST Claim Portal". Let me start by generating a design brief to ensure we create something visually compelling and trustworthy for this crypto/token application.
I can see the design inspiration from these professional crypto/fintech platforms. I'll create the "Intuition TRUST Claim Portal" following the clean, minimalist aesthetic with professional typography and trustworthy design elements. Let me build this token claim portal now.
I've created a professional token claim portal for "Intuition TRUST" that follows the clean, minimalist design aesthetic from your inspiration images. The app features a secure-looking interface with emerald green as the primary trust color, professional typography, and a comprehensive claim flow. The portal includes eligibility checking, token claiming functionality, and serverless API routes to handle the backend logic, all built with React, Next.js, and Tailwind CSS as requested.
Create a new web app for a token claim portal. Use React/Next.js style, Tailwind CSS, and serverless API routes.Name: “Intuition (TRUST )Claim Portal”Generate a homepage with:- Hero section: title “Intuition TRUST Token Claim” - Subtitle: “Claim your tokens if you were snapshot holder” - Two buttons: “Claim Now” (links to /claim) and “Learn More” (links to /how-it-works)- Add a section “About Intuition” with the text describing Intuition as L2 for trusted data, token-curated graph, identity/data control.Generate a “How It Works” page with 4 steps:1. Snapshot date & eligibility2. Merkle proof verification3. Connect wallet & claim4. Token usage, identity & AI benefitsAdd short descriptions under each step..Generate a /claim page that includes:- WalletConnect / MetaMask connect button- After connection, call API /api/verify with address- Display eligibility status and allocation (if eligible) - If eligible, enable “Claim” button- On click “Claim”, call /api/claim API to get transaction data and send transaction via signer- Show success / error messages.Generate two API routes:1. /api/verify - Accept POST { address } - Check against a whitelist or Merkle root - Return { eligible: boolean, allocation, proof } 2. /api/claim - Accept POST { address, proof, allocation } - Encode transaction data with contract ABI (e.g. claim function) - Return { to, data, value } .Generate an FAQ page with:- Who is eligible?- What if I miss claim window?- When token launches?Generate a Terms & Disclaimer page.Add Footer to all pages with: contract address, social links, “not financial advice” disclaimer..Add environment variables: MERKLE_ROOT, DROP_CONTRACT_ADDRESS Ensure API routes don’t expose secrets Deploy site with one click .
Now I'll start building the Intuition TRUST Claim Portal. Let me begin with the homepage and about section.
I can see there's already a basic structure with some components. Let me read the existing components to understand what needs to be modified for the Intuition TRUST portal.
Now let me check the other existing components to understand the current structure better.
Now I have a good understanding of the existing structure. I need to modify the current components and create new pages according to the requirements. Let me start by updating the homepage components and then create the additional pages.
Now I'll create the "How It Works" page with the 4 required steps.
Now let me move to the next task: building the claim page with wallet integration.
Now I'll create the claim page with wallet integration functionality.
Now let me move to the next task: creating the API routes for verification and claiming.
Now I'll create the API routes for verification and claiming functionality.
Now let me move to the next task: adding FAQ and Terms pages.
Now I'll create the FAQ and Terms pages.
Now let me move to the final task: adding the footer and environment setup.
Let me first check if there's an existing footer component to understand what needs to be modified.
Now I'll update the footer with the required contract address, social links, and disclaimer, plus add environment variable setup.
I've successfully created the complete Intuition TRUST Claim Portal with all the requested features. The application includes a professional homepage with hero section and about information, a detailed how-it-works page explaining the 4-step claiming process, a fully functional claim page with wallet integration, comprehensive FAQ and terms pages, and serverless API routes for verification and claiming. The footer contains contract addresses, social links, and proper disclaimers, while environment variables are properly configured for secure deployment.
To configure the generation, complete these steps: