AI site with paywall web development

Website Layout & Features: 1. Header and Pages Functionality: • Logo: Positioned at the top left. • Menu: Horizontal menu with the following options: • Pricing Plans: Directs to the checkout page as depicted in the provided image. • Blog: A page to easily upload news, featuring title, date, YouTube videos, images, and text. The presentation should be very simple and beautiful. • API: Provides a simple API with IP blockage applicable as with the main service. Accessible only for registered users and again 150 words is for free for each IP. • Earn: Contains a unique affiliate link, granting e.g. a 10% commission on every sale made through it. The affiliate link field is accessible only for registered users, the rest of the page appears for everyone, explaining how it works. • Login/Signup/User Avatar: Top-right button with login options via Google, Facebook, or email. Once logged in, a user avatar click reveals a dropdown with "Account Details" (view/edit personal info), "Payment Methods" (view/edit stored payment methods if secure), and "Orders" (to view previous orders). “Earnings” for the information of affiliate programme. The registered users can enter an Iban and if they want they can use their earned money to buy our products. All this information is stored in db. • Checkout Page: Enables new users to register, select between individual or company, input relevant details (like VAT for companies), choose a plan, and specify their workload through a slider (as shown in an image). Payment methods include credit/debit cards and PayPal via Stripe. Email confirmations are sent to both the client and our address, with order details stored in the database. After the payment is confirmed, user is redirected to the homepage (logged in of course) and the words he bought can be used until he uses them all. 2. Main Content: • Form: Features two main side-by-side text fields centrally positioned. • Left (or Top) Field: Users input AI-generated text, sent securely to a backend Python script for processing. Processed text appears in the right field. Python-website communication instructions needed to be provided by the freelancer. • Right (or Bottom) Field: Showcases the processed text and a prominent "Copy to Clipboard" button. When copied we need a lightweight visual ensurance that it is copied. E.g. the button shows pressed or with a check sign, and the background color of the textfield may change. • Button: An arrow button between the fields e.g.: ”Analyze”. Clicking it signifies acceptance of the Terms of Service (link provided). • Word Counter: Displayed at the bottom right of the left field, showing word usage. After payment, it might show figures like "2,000/10,000" and prompt users to upgrade if they exceed their limit. • Sexy Unlock Button: Located near the word counter, redirecting users to checkout. • Dropdown Menus: Placed above the text fields. Initially locked, these become available post-payment. E.g., a "Writing Style" dropdown with various options. Something like this: 3. Footer: • Content: Slim section with "Terms of Service", possible other links, and a copyright declaration. 4. Additional Features & Considerations: • Usage Limit: Users can sample the service with up to 150 words for free initially. Post usage, if unpaid or once their plan is exhausted, their IP is permanently blocked. Browser profiles are saved (e.g. with FingerPrintJS) to deter further unpaid access for 2 hours. • Security: Utmost importance given to field security against malicious attacks. Data security and encryption are paramount. • Interface Feel: Aims for a lightweight responsive design and a straightforward subscription mechanism. You can subscribe and login in the checkout page without leaving the page. • Pricing Plans: Three distinct plans will be represented visually as per the provided image in “Pricing Plans” page and checkout.