Next JS site needs a payment Process and Final set-up

Opal44 Development Overview This document combines all requirements and clarifications for building the next stage of Opal44.com. Note: I am looking for FINISHED PROJECT COST, not an Hourly rate Reference Site: Site on Vercel: https://screenrec.com/share/aDQ5c3dfSj Site has been made in NextJS Domain site (in basic holding HTML) https://opal44.com/ ________________________________________ 1. Project Goal Deliver a fully functional version of Opal44.com that: • Handles user sign up, trials, and paid plans • Processes Stripe payments (one time + subscriptions) • Tracks usage actions for trial and paid accounts • Integrates with Supabase for leads + tracking • Integrates with SendGrid for email services • Allows the owner to upload and manually edit HTML files for offer pages • Runs on Vercel but still supports root folder HTML content from Bluehost (account set up and APIs will be provided to you) ________________________________________ 2. Hosting & Deployment • Primary hosting: Vercel • File editing requirement: Pages containing paid offers must be editable via simple HTML/FTP. • Root folders required on hosting: o /articles o /questions o These will store manually uploaded HTML content later. • Google Analytics code and existing filename structure must remain exactly as is from the current HTML pages (you will get FTP access to files) ________________________________________ 3. Payments (Stripe) • Stripe will be provided with access or API keys. • Pricing models required: o One time payments o Subscriptions o Future option: Lifetime access (not required now) • New pricing tiers: o Starter: $47/month o Professional: $97/month o Agency: $197/month • Additional options will be provided (e.g., $20 one time, $27 recurring option). • Developer will receive the final text for all pricing pages for the offers. ________________________________________ 4. Free Trial System • Trial length: 7 days • Trial allowance: 50 actions • Warning message triggers at 40 actions: Message (exact text to be provided later): “Only 10 actions left – Get 50 more for $20 or 5000 for $27/month. Normal price $47 and another month free.” • Warning message must include purchase links. • Usage must be tracked by Google Account login, not browser or session. ________________________________________ 5. Database – Supabase • Use Supabase to store: o Leads o Action tracking per Google Account o Usage counts • Developer will be provided a Supabase project invite. ________________________________________ 6. Email – SendGrid • SendGrid will be used for all system emails. • API key or invite will be provided. • Sending domain will be verified. ________________________________________ 7. Content Requirements The following will be provided to the developer during build: • Final copy for pricing tiers • Final text for special offers pages • Trial warning message text • Example HTML files for article and question folders Branding: Follow the layout and style of Opal44.com. ________________________________________ 8. Design Requirements • Developer should base design on current Opal44.com styling. • Pricing/tier page design examples can be provided if needed. ________________________________________ 9. Clarifications Provided • Yes, the owner wants the ability to edit offer pages manually using .html in FTP. • Yes, holding folders for /articles and /questions must exist in the root directory. • The owner will upload new content manually. • A default placeholder page can be added. ________________________________________ 10. Deliverables Summary At completion of the project, developer delivers: 1. Fully functional Opal44.com on Vercel 2. Stripe payment system (one time + subscription) 3. 7 day trial system with action tracking + warnings 4. Supabase integration for leads + usage tracking 5. SendGrid integration for emails 6. Editable HTML offer pages via FTP 7. Root folders for articles and questions 8. Migration of necessary HTML files from Bluehost (maintaining filenames + analytics code) ________________________________________ 11. Access Required (to be provided after quote) • Vercel project invite • Stripe Developer/Admin access OR test API keys • Supabase project invite • SendGrid invite or key • Bluehost file access (FTP/cPanel) ________________________________________ 12. Next Steps Once the developer confirms the quote, timeline, and milestones, access will be provided and work can begin. Additional Discussion: Current API is set up with Chat GPT – discuss using Claude with AI analysis to generate recommendations with questions asked.