I want to make modern file extraction tool using taiwlind css v4.0 and index.html and app.js only. make modern file extraction tool, make brand name after brand name show tiny span text made by kaiiddo, use inter font. After make only 3 menu and show button also. Use taiwlind css modern icon in menu and button. Use blak main color. But make light mode theme. Make future, how is works, and tool section also make menu lits. I need to much modern tool. Like user must chose file and automatically detect they extraction like ".png, .jpg, .zip, .jpeg" show convert into "png, jpg, zip" show 10+ select options. This tool provide user Premium feature with zero cost. After show loading animation and redy to convert that file itno iser select and show download button also. Use span text like "New, updated, Premium" etc as your like. After last make modern footer. 

There is error in app.js please fix it. And also use "https://unpkg.com/@tailwindcss/browser@4" and Try adding some custom CSS

Use type="text/tailwindcss" to add custom CSS that supports all of Tailwind's CSS features. 

Please show "By kaiiddo" after brand text no need side by side flex. Please add hover effect in maun menu with border radius and padding. You not make modern feature section with icons. Also even not make modern how is work section. And also even i click on upload but can't upload. Show lot of select option for change that file extraction. 

Wow i like your UI, now tailwind.config.js is blank file please also update them. And first show hero page after show, feature sections, how is work, and tool section. When user attech any file then show circle black loading animation with text Please wait... After visible that user file info, and show conversation option and also show convert icons with buttons. Make more modern professional footer. Please also add reach out button in nav Right with icons. And in footer also add WhatsApp and linkdin icon. 

Ohh shit hero page atteched in top, i need hero page in center. Currently remove new, premium and updated lable. If you change anything in tools then use this lable. Already visible file info n/a, conversation option, and convert and download button but make this all are disabled when user input or attech any file then working on this, when user attech any file, image, pdf etc then show blur in this hole with text snd circle loading animation "Please wait, checking..." After enable this all. 

First priority give to atteched file, I attech my image but why not upload here?? Still show no file selected. Why? But i drag and drop image. And footer of "2024 FileXtact. All rights reserved" this text show in bottom of center. Also show made in india by kaiiddo show heart beating animation. Show flag of india also. 

Are you made? Why still i upload my attech file but still show no file selected fix it bug big. Show file attech after show select conversation type, buttons and etc show. Make flex footer text "2025 FileXtact all Right reserved. Made in india by kaiiddo." Please Must be dubble check path of app.js

Wow now working app.js. there is small bigs in footer text, make it flex the footer is default left side make it flex center at bottom. Now only show Loading text with circle and text in that contener box only. Show pointer courser in button. I upload.zip file and click on convert file, sucessful convert buttons when i click on download convert file then not download that .BZ2 convert file. Fix this issues. Show each text when loading for uploading and convert "Please wait, uploading your file..." And "Please Wait, converting your file..."