1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6+ < title > SmartQuery – Coming Soon</ title >
7+ < link rel ="icon " href ="/frontend/public/smartquery-logo.svg ">
8+ < link rel ="stylesheet " href ="style.css ">
9+ < meta name ="description " content ="SmartQuery: Transform your CSV data into insights with natural language queries. Coming soon! ">
10+ </ head >
11+ < body >
12+ < div class ="background-gradient "> </ div >
13+ < main class ="center-container ">
14+ < section class ="card ">
15+ < div class ="logo-title ">
16+ < img src ="/frontend/public/smartquery-logo.svg " alt ="SmartQuery Logo " class ="logo ">
17+ < h1 class ="project-name "> SmartQuery</ h1 >
18+ </ div >
19+ < h2 class ="tagline "> Query your data, naturally.</ h2 >
20+ < p class ="subtitle "> Upload CSV files and analyze them in plain English. Get instant answers, charts, and insights! All with no SQL or coding required.</ p >
21+ < div class ="under-construction ">
22+ < span class ="uc-icon " aria-label ="construction "> 🚧</ span >
23+ < span class ="uc-text "> We're working hard to bring you an amazing experience. SmartQuery will be available soon!</ span >
24+ </ div >
25+ < div class ="features ">
26+ < h3 > What you'll be able to do:</ h3 >
27+ < ul >
28+ < li > < span class ="icon "> 📤</ span > Upload CSVs Instantly</ li >
29+ < li > < span class ="icon "> 💬</ span > Ask Data Questions</ li >
30+ < li > < span class ="icon "> 🤖</ span > AI-Powered Insights</ li >
31+ < li > < span class ="icon "> 📊</ span > Visualize Results</ li >
32+ < li > < span class ="icon "> 🔒</ span > Secure & Private</ li >
33+ < li > < span class ="icon "> 🧮</ span > No SQL Needed</ li >
34+ </ ul >
35+ </ div >
36+ < div class ="soc2-note ">
37+ < span > SmartQuery will be < strong > SOC2 compliant</ strong > to ensure the highest standards of security and privacy for your sensitive data.</ span >
38+ </ div >
39+ < form class ="waitlist-form " id ="waitlistForm " autocomplete ="off ">
40+ < label for ="waitlistEmail " class ="waitlist-label "> Join the waitlist:</ label >
41+ < div class ="waitlist-row ">
42+ < input type ="email " id ="waitlistEmail " name ="email " class ="waitlist-input " placeholder ="Your email address " required />
43+ < button type ="submit " class ="waitlist-btn "> Notify Me</ button >
44+ </ div >
45+ < div class ="waitlist-success " id ="waitlistSuccess " style ="display:none; "> Thank you! You'll be the first to know when we launch 🚀</ div >
46+ </ form >
47+ < div class ="credits ">
48+ < span > Built by </ span >
49+ < a href ="https://github.com/1300Sarthak " target ="_blank " rel ="noopener "> Sarthak Sethi</ a >
50+ < span > &</ span >
51+ < a href ="https://github.com/tanzilahmed0 " target ="_blank " rel ="noopener "> Tanzil Ahmed</ a >
52+ </ div >
53+ </ section >
54+ </ main >
55+ < footer class ="footer "> © 2024 SmartQuery. All rights reserved.</ footer >
56+ < script >
57+ document . getElementById ( 'waitlistForm' ) . addEventListener ( 'submit' , function ( e ) {
58+ e . preventDefault ( ) ;
59+ document . getElementById ( 'waitlistEmail' ) . style . display = 'none' ;
60+ document . querySelector ( '.waitlist-btn' ) . style . display = 'none' ;
61+ document . getElementById ( 'waitlistSuccess' ) . style . display = 'block' ;
62+ } ) ;
63+ </ script >
64+ </ body >
65+ </ html >
0 commit comments