<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Mesinpintar - Productivity & Creativity Tools</title> <meta name="description" content="Track your expenses effortlessly by uploading receipt pictures and AI tools like bulk resume extraction and paraphrasing, Enjoy all our tools for FREE!"> <meta name="keywords" content="mesinpintar, mesinpintar tools, cv resume information extraction"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Mesinpintar"> <meta name="twitter:description" content="Track your expenses effortlessly by uploading receipt pictures and AI tools like bulk resume extraction and paraphrasing, Enjoy all our tools for FREE!"> <meta name="twitter:image" content="https://img.mesinpintar.com/banner-mesinpintar.png"> <meta name="publisher" content="Mesinpintar"> <meta property="og:title" content="Mesinpintar"> <meta property="og:description" content="Track your expenses effortlessly by uploading receipt pictures and AI tools like bulk resume extraction and paraphrasing, Enjoy all our tools for FREE!"> <meta property="og:url" content="https://www.mesinpintar.com"> <meta property="og:image" content="https://img.mesinpintar.com/banner-mesinpintar.png"> <meta property="og:type" content="website"> <meta name="robots" content="index, follow"> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"/> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0"/> <link rel="stylesheet" href="/styles-2.css"> <script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://www.mesinpintar.com/#organization", "name": "Mesinpintar", "url": "https://www.mesinpintar.com", "logo": "https://img.mesinpintar.com/logo-rounded.png", "email": "contact@mesinpintar.com", "description": "Track your expenses effortlessly by uploading receipt pictures and AI tools like bulk resume extraction and paraphrasing, Enjoy all our tools for FREE!", "sameAs": [ "https://www.facebook.com/profile.php?id=61570919368329", "https://x.com/mesin_pintar" ] }, { "@type": "WebSite", "@id": "https://www.mesinpintar.com/#website", "name": "Mesinpintar", "url": "https://www.mesinpintar.com", "description": "Track your expenses effortlessly by uploading receipt pictures and AI tools like bulk resume extraction and paraphrasing, Enjoy all our tools for FREE!", "publisher": { "@id": "https://www.mesinpintar.com/#organization" }, "potentialAction": { "@type": "SearchAction", "target": "https://www.mesinpintar.com/search?q={search_term_string}", "query-input": "required name=search_term_string" } }, { "@type": "WebPage", "@id": "https://www.mesinpintar.com/#webpage", "url": "https://www.mesinpintar.com", "name": "Mesinpintar - Productivity & Creativity Tools", "description": "Track your expenses effortlessly by uploading receipt pictures and AI tools like bulk resume extraction and paraphrasing, Enjoy all our tools for FREE!", "inLanguage": "en", "isPartOf": { "@id": "https://www.mesinpintar.com/#website" }, "about": { "@id": "https://www.mesinpintar.com/#organization" } } ] } </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-638D1K569H"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-638D1K569H'); </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8941509286501988" crossorigin="anonymous"></script></head><body class=""> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container"> <a class="navbar-brand" href="/"> <img src="https://img.mesinpintar.com/banner-new-mesinpintar.png" alt="Mesinpintar Logo" style="height: 40px; width: auto;" > </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto"> <!-- Home --> <li class="nav-item"><a class="nav-link" href="/">Home</a></li> <!-- Dropdown for Expenses Tracking --> <li class="nav-item"><a class="nav-link" href="/expenses-tracking">Expenses Tracking</a></li> <!-- Dropdown for Tools --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="toolsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Tools </a> <ul class="dropdown-menu bg-light" aria-labelledby="toolsDropdown"> <li><a class="dropdown-item" href="/cv-extractor">CV Bulk Extractor</a></li> <li><a class="dropdown-item" href="/excel-to-json-xml">Excel to JSON/XML</a></li> <li><a class="dropdown-item" href="/paraphrase">Paraphrase</a></li> <li><a class="dropdown-item" href="/background-remover">Image Background Remover</a></li> <li><a class="dropdown-item" href="/all-tools">All Tools</a></li> </ul> </li> <!-- Pricing --> <li class="nav-item"><a class="nav-link" href="/pricing">Pricing</a></li> <!-- Profile and Authentication --> <li class="nav-item"><a class="btn btn-outline-primary me-2 gy-3" href="/login">Login</a></li> <li class="nav-item"><a class="btn btn-primary me-2 gy-3" href="/register">Register</a></li> </ul> </div> </div> </nav> <div class="px-4 pt-5 my-5 text-center" style="padding-bottom: 120px;"> <h1 class="display-6 fw-bold text-body-emphasis pt-5">Revolutionize Your Workflow with AI-Driven Solutions</h1> <div class="col-lg-6 mx-auto"> <p class="lead mb-4">Unlock your potential with our diverse range with AI driven tools, from seamless expense tracking and paraphrasing to efficient bulk resume extraction.</p> <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5"> <a href="#products" class="btn btn-primary btn-lg">Get Started for Free</a> <a href="#track-expenses" class="btn btn-outline-secondary btn-lg">Track Expenses</a> </div> </div> <div class="overflow-hidden" style="max-height: 30vh;"> <div class="container px-5"> <img src="https://img.mesinpintar.com/mockup.png" class="img-fluid border rounded-3 shadow-lg mb-4" alt="Example image" width="700" height="500" loading="lazy"> </div> </div> </div> <section class="cta-section bg-light"> <div id="track-expenses" class="container col-xxl-8 px-4 py-5 mt-5"> <div class="row d-flex justify-content-center align-items-center g-5 py-5 bg-light"> <div class="col-10 col-sm-8 col-lg-6"> <div class="align-items-center g-5 py-5"> <img src="https://img.mesinpintar.com/dashboard-mock.png" class="d-block mx-lg-auto img-fluid" alt="Expenses tracking Mesinpintar" width="700" height="500" loading="lazy"> </div> </div> <div class="col-lg-6 text-start"> <h1 class="display-4 fw-bold lh-1 text-body-emphasis mb-3">Track Your Expenses Now!</h1> <p class="col-lg-10 fs-4">Effortlessly save and monitor your expenses like never before!</p> <div class="auth-container2 text-center"> <div class="expenses-container"> <form id="uploadForm" class="" enctype="multipart/form-data"> <!-- File Upload --> <div class="mb-3"> <label for="images" class="form-label">Upload your Receipt:</label> <input type="file" class="form-control" id="images" name="images" single required> </div> <!-- Submit Button --> <div class="d-grid d-flex justify-content-center"> <button type="submit" class="btn btn-primary w-100">Upload</button> </div> </form> </div> </div> </div> </div> <!-- Loading Spinner --> <div class="container d-flex justify-content-center mb-5 pt-5 text-center"> <div id="loading-spinner" class="" style="display: none;"> <div class="spinner-border text-primary" role="status"> <span class="visually-hidden">Processing...</span> </div> <p class="mt-3">Processing your receipt, please wait...</p> </div> </div> <div id="responseContainer" class="container text-center" style="display: none;"> <div class="hero-container2"> <!-- Response Section --> <div class="mt-3"> <h2>Receipt Details:</h2> <!-- Editable table container (for logged-in users) --> <div id="editableTableContainer" style="display: none;" class="table-responsive"> <table id="editableTable" class="table"> <thead> <tr> <th>Timestamp</th> <th>Category</th> <th>Currency</th> <th>Total</th> <th>Items</th> </tr> </thead> <tbody></tbody> </table> <!-- Message container --> <div id="message-container" class="alert" style="display: none;"></div> <button id="saveChangesButton" class="btn btn-primary mt-3" style="display: none;"> Save to Database </button> </div> <!-- Read-only table container (for non-logged-in users) --> <div id="readOnlyTableContainer" style="display: none;" class="table-responsive"> <table id="responseTable" class="table"> <thead> <tr> <th>Timestamp</th> <th>Category</th> <th>Currency</th> <th>Total</th> <th>Items</th> </tr> </thead> <tbody></tbody> </table> </div> <!-- Message container --> <div id="message-container2" class="alert" style="display: none;"> <div class="alert alert-info"> Would you like to save and track your expenses? <a href="/register" class="alert-link">Register for free</a> or <a href="/login" class="alert-link">login</a> to unlock these features: <ul class="mt-2"> <p>Edit and save expense data</p> <p>Track spending history with dashboard</p> <p>Generate expense reports</p> <p>And more!</p> </ul> </div> </div> </div> <div id="message-container" class="alert alert-info" style="display: none;"></div> </div> </div> </div> </section> <section class="cta-section bg-white"> <div id="signup" class="container col-xl-10 col-xxl-8 px-4 py-5"> <div class="row align-items-center g-lg-5 py-5 bg-white"> <div class="col-lg-7 text-center text-lg-start"> <h1 class="display-4 fw-bold lh-1 text-body-emphasis mb-3">Join the Revolution of Creativity!</h1> <p class="col-lg-10 fs-4">Transform the way you work with AI-driven solutions designed to amplify your productivity and spark creativity. Sign up now and start creating like never before!</p> </div> <div class="col-md-10 mx-auto col-lg-5 text-start"> <!-- Authentication Form --> <div class="auth-container2"> <div class="form-container"> <!-- Sign Up Form --> <form action="/auth/register" method="POST" id="signup-form"> <div class="mb-3"> <label for="name" class="form-label">Full Name</label> <input type="text" class="form-control" id="name" placeholder="e.g. John Doe" name="name" required> </div> <div class="mb-3"> <label for="email" class="form-label">Email Address</label> <input type="email" class="form-control" id="email" placeholder="Enter your email" name="email" required> <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div> </div> <div class="mb-3"> <label for="password" class="form-label">Password</label> <input type="password" class="form-control" id="password" placeholder="Create a password" name="password" required> </div> <div class="mb-3"> <label for="passwordConfirm" class="form-label">Confirm Password</label> <input type="password" class="form-control" id="passwordConfirm" placeholder="Retype your password" name="passwordConfirm"> </div> <div> <div class="mb-3 d-flex justify-content-center"> <div class="cf-turnstile" data-sitekey="0x4AAAAAAA3Ed48Q_lI1MEZ2"></div> </div> <input type="hidden" id="cf-turnstile-response" name="cf-turnstile-response"> </div> <button type="submit" class="btn btn-primary w-100">Sign Up</button> </form> <!-- Toggle Link --> <div class="text-center mt-3"> <a href="/login" class="toggle-link" id="toggle-link">Already have an account? Login Here</a> </div> </div> </div> </div> </div> </div> </section> <!-- Products Section --> <section id="products" class="py-5 pt-5 bg-light"> <div class="container pt-5"> <h2 class="display-5 fw-bold lh-1 text-body-emphasis mb-3 text-center">Our AI Tools</h2> <div class="row"> <div class="col-md-6 col-lg-4 mb-4 pt-5"> <div class="card product-card"> <img src="https://img.mesinpintar.com/cv-resume-extract-2.png" class="card-img-top" alt="CV/resume information extraction" height="250"> <div class="card-body"> <h5 class="card-title">CV Information Extraction - Bulk</h5> <p class="card-text">Efficiently analyze and extract important information from resumes with AI.</p> <a href="/cv-extractor" class="btn btn-primary">Try now</a> </div> </div> </div> <div class="col-md-6 col-lg-4 mb-4 pt-5"> <div class="card product-card"> <img src="https://img.mesinpintar.com/excel-to-json-xml-2.png" class="card-img-top" alt="Excel to JSON/XML converter" height="250"> <div class="card-body"> <h5 class="card-title">Excel to JSON/XML</h5> <p class="card-text">Convert your Excel to JSON or XML easily! try now, its FREE</p> <a href="/excel-to-json-xml" class="btn btn-primary">Try now</a> </div> </div> </div> <div class="col-md-6 col-lg-4 mb-4 pt-5"> <div class="card product-card" aria-hidden="true"> <img src="https://img.mesinpintar.com/paraphrase-tool.png" class="card-img-top" alt="Image Background Remover" height="250"> <div class="card-body"> <h5 class="card-title">Paraphrase Tool</h5> <p class="card-text">Effortlessly rephrase text in multiple languages for free with our Paraphrase Multilanguage tool.</p> <a href="/paraphrase" class="btn btn-primary">Try now</a> </div> </div> </div> </div> <div class="d-grid gap-2 d-sm-flex justify-content-sm-center"> <a href="/all-tools" class="btn btn-outline-secondary btn-lg">Explore More!</a> </div> </div> </section> <!-- CTA Section --> <section class="cta-section bg-white mt-5"> <div class="container"> <h2>Ready to Elevate Your Workflow?</h2> <p>Join and transform your productivity with Mesinpintar AI tools.</p> <a href="/register" class="btn btn-success btn-lg">Sign Up for Free</a> </div> </section> <div> <button class="chatbot-toggler"> <span class="material-symbols-rounded">comment</span> <span class="material-symbols-outlined">close</span> </button> <div class="chatbot"> <header> <h2>Mesinpintar Chatbot</h2> <span class="close-btn material-symbols-outlined">close</span> </header> <ul class="chatbox"> <li class="chat incoming"> <span class="material-symbols-outlined">robot_2</span> <p>Hi there 👋, I am a chat assistant powered by meta-Llama-3.1 model. How can I help you today?</p> </li> </ul> <div class="chat-input"> <textarea placeholder="Enter a message..." spellcheck="false" required></textarea> <span id="send-btn" class="material-symbols-rounded">send</span> </div> </div> <script src="/scripts-chat.js"></script> </div> <!-- Footer --> <footer class="text-center text-lg-start bg-body-tertiary-white text-muted pt-5"> <section class="pt-1" style="background-color: #b6d7ff;"> <div class="container text-center text-md-start mt-5"> <!-- Grid row --> <div class="row mt-3"> <!-- Grid column --> <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4"> <!-- Content --> <h6 class="text-uppercase fw-bold mb-4"> <i class="fas fa-paper-plane me-3"></i>Mesinpintar </h6> <p> A platform offering a diverse range with AI powered tools, from expense tracking using just your receipt to bulk resume extraction and paraphrasing. </p> </div> <!-- Grid column --> <!-- Grid column --> <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4"> <!-- Links --> <h6 class="text-uppercase fw-bold mb-4"> Tools </h6> <p> <a href="/expenses-tracking" class="text-reset toggle-link">Expenses Tracking</a> </p> <p> <a href="/cv-extractor" class="text-reset toggle-link">CV Bulk Extraction</a> </p> <p> <a href="/excel-to-json-xml" class="text-reset toggle-link">Excel to JSON/XML</a> </p> <p> <a href="/paraphrase" class="text-reset toggle-link">Paraphrase</a> </p> </div> <!-- Grid column --> <!-- Grid column --> <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4"> <!-- Links --> <h6 class="text-uppercase fw-bold mb-4"> Useful links </h6> <p> <a href="/terms-of-service" class="text-reset toggle-link">Terms</a> </p> <p> <a href="/privacy-policy" class="text-reset toggle-link">Privacy Policy</a> </p> <p> <a href="/contact" class="text-reset toggle-link">Contact</a> </p> <p> <a href="/about" class="text-reset toggle-link">About</a> </p> </div> <!-- Grid column --> <!-- Grid column --> <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4"> <!-- Links --> <h6 class="text-uppercase fw-bold mb-4">Contact</h6> <p><i class="fas fa-home me-3"></i>Surakarta, Central Java, ID</p> <p> <i class="fas fa-envelope me-3"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3d5e5253495c5e497d50584e54534d5453495c4f135e5250">[email protected]</a> </p> <p><i class="fab fa-twitter me-3"></i> @mesinpintarX</p> <p><i class="fab fa-instagram me-3"></i> @mesinpintar.ig</p> </div> <!-- Grid column --> </div> </div> </section> <!-- Copyright --> <div class="text-center p-4" style="background-color: #95bcff;"> © 2025 Mesinpintar. All Rights Reserved. <a class="text-reset fw-bold toggle-link" href="https://www.mesinpintar.com/">Mesinpintar</a> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> <script> // Fungsi callback Turnstile untuk menyimpan token ke input hidden function turnstileCallback(token) { document.getElementById("cf-turnstile-response").value = token; console.log("Generated CAPTCHA token:", token); } </script> <script> window.userId = ""; console.log(window.userId) </script> <script src="/scripts-expenses-tracking.js"></script> <!-- Bootstrap JS --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script></body> </html>
