-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html.bak2
More file actions
2 lines (2 loc) · 16.8 KB
/
Copy pathindex.html.bak2
File metadata and controls
2 lines (2 loc) · 16.8 KB
1
2
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/8152c35f615c5841.css" crossorigin="" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-2f28bfb3743805c0.js" crossorigin=""/><script src="/_next/static/chunks/fd9d1056-6110ffd77e8dcc12.js" async="" crossorigin=""></script><script src="/_next/static/chunks/69-f6de568937725234.js" async="" crossorigin=""></script><script src="/_next/static/chunks/main-app-556b4a0115bf0bc3.js" async="" crossorigin=""></script><script src="/_next/static/chunks/153-9366fce6f0a23762.js" async=""></script><script src="/_next/static/chunks/app/page-73f36c4a4e3564c9.js" async=""></script><title>THEMATHINK | Pain Point Radar System</title><meta name="description" content="We don't give answers. We help you find your own. - AI-driven pain point discovery and prediction platform"/><script src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" crossorigin="" noModule=""></script></head><body><main class="min-h-screen bg-void relative"><canvas class="fixed inset-0 pointer-events-none z-0"></canvas><div class="scanlines z-[1]"></div><nav class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 " style="transform:translateY(-100px)"><div class="container mx-auto px-6 py-4"><div class="flex items-center justify-between"><a href="#home" class="flex items-center gap-3"><div class="w-10 h-10 rounded-sm border-2 border-gold flex items-center justify-center bg-void"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hexagon text-gold w-5 h-5"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path></svg></div><span class="text-xl font-display font-bold text-gold">THEMATHINK</span></a><div class="hidden md:flex items-center gap-8"><a href="#home" class="text-gray-400 hover:text-gold transition-colors font-medium">Home</a><a href="#features" class="text-gray-400 hover:text-gold transition-colors font-medium">Features</a><a href="#products" class="text-gray-400 hover:text-gold transition-colors font-medium">Products</a><a href="#pricing" class="text-gray-400 hover:text-gold transition-colors font-medium">Pricing</a></div><div class="hidden md:flex items-center gap-4"><a href="/analyzer" class="text-gold hover:text-gold-light transition-colors">Analyzer</a><button class="btn-glow px-6 py-2 rounded font-display font-bold text-sm">Get Started</button></div><button class="md:hidden text-gold"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu "><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></nav><section id="home" class="relative min-h-screen flex items-center justify-center pt-20 z-10"><div class="container mx-auto px-6 relative"><div class="text-center max-w-4xl mx-auto" style="opacity:0"><h1 class="text-5xl md:text-7xl font-display font-bold text-gold text-glow mb-4" style="opacity:0;transform:translateY(30px)">THEMATHINK</h1><p class="text-lg md:text-xl text-gray-400 mb-4 font-display tracking-widest" style="opacity:0;transform:translateY(30px)">THE MACHINE THAT THINKS</p><div class="mb-8" style="opacity:0;transform:translateY(30px)"><p class="text-xl md:text-2xl text-gray-300 italic mb-2">"We don't give answers.</p><p class="text-xl md:text-2xl text-gray-300 italic mb-2">We help you find your own."</p></div><p class="text-lg text-gray-500 mb-12" style="opacity:0;transform:translateY(30px)">Pain points are not problems to be solved.<br/>They are questions waiting to be asked.</p><div class="flex flex-col sm:flex-row items-center justify-center gap-4" style="opacity:0;transform:translateY(30px)"><a href="/analyzer" class="btn-glow px-8 py-4 rounded-lg font-display font-bold text-lg flex items-center gap-2">Try Now<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="#features" class="px-8 py-4 rounded-lg font-display font-bold text-gray-400 hover:text-gold border border-void-light hover:border-gold transition-all">Learn More</a></div><div class="grid grid-cols-3 gap-6 mt-20 max-w-2xl mx-auto" style="opacity:0;transform:translateY(30px)"><div class="bg-void-light/50 border border-gold/20 rounded-lg p-4"><div class="text-3xl font-display font-bold text-gold">data-stat="painPoints">8,291</div><div class="text-sm text-gray-500">Pain Points</div></div><div class="bg-void-light/50 border border-gold/20 rounded-lg p-4"><div class="text-3xl font-display font-bold text-matrix">data-stat="users">1,337</div><div class="text-sm text-gray-500">Active Users</div></div><div class="bg-void-light/50 border border-gold/20 rounded-lg p-4"><div class="text-3xl font-display font-bold text-gold">data-stat="predictions">47</div><div class="text-sm text-gray-500">Predictions</div></div></div></div></div><div class="absolute bottom-10 left-1/2 -translate-x-1/2"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gold/50 rotate-90"><path d="m9 18 6-6-6-6"></path></svg></div></section><section id="features" class="py-24 relative z-10"><div class="container mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><h2 class="text-4xl font-display font-bold text-gold mb-4">Features</h2><p class="text-gray-400">Discover pain points, predict trends, validate ideas</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="bg-void-light border border-gold/20 rounded-lg p-6 card-hover" style="opacity:0;transform:translateY(20px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-10 h-10 mb-4 text-gold"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg><h3 class="text-lg font-display font-bold text-white mb-2">Pain Point Live</h3><p class="text-gray-400 text-sm">Real-time WebSocket streaming of pain points, like watching a live stream</p></div><div class="bg-void-light border border-gold/20 rounded-lg p-6 card-hover" style="opacity:0;transform:translateY(20px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-10 h-10 mb-4 text-matrix"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><h3 class="text-lg font-display font-bold text-white mb-2">Global Heat Map</h3><p class="text-gray-400 text-sm">Visualize pain point distribution worldwide, filter by country/region</p></div><div class="bg-void-light border border-gold/20 rounded-lg p-6 card-hover" style="opacity:0;transform:translateY(20px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain w-10 h-10 mb-4 text-gold"><path d="M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z"></path><path d="M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z"></path></svg><h3 class="text-lg font-display font-bold text-white mb-2">AI Prediction</h3><p class="text-gray-400 text-sm">Predict trending pain points in the next 7 days, stay ahead</p></div><div class="bg-void-light border border-gold/20 rounded-lg p-6 card-hover" style="opacity:0;transform:translateY(20px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-10 h-10 mb-4 text-matrix"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><h3 class="text-lg font-display font-bold text-white mb-2">Community Validation</h3><p class="text-gray-400 text-sm">User voting to verify pain point authenticity</p></div><div class="bg-void-light border border-gold/20 rounded-lg p-6 card-hover" style="opacity:0;transform:translateY(20px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-10 h-10 mb-4 text-gold"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg><h3 class="text-lg font-display font-bold text-white mb-2">Timeline</h3><p class="text-gray-400 text-sm">Pain point evolution history, trace the origin</p></div><div class="bg-void-light border border-gold/20 rounded-lg p-6 card-hover" style="opacity:0;transform:translateY(20px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link w-10 h-10 mb-4 text-matrix"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg><h3 class="text-lg font-display font-bold text-white mb-2">API + Webhook</h3><p class="text-gray-400 text-sm">Open data APIs with webhook support for integrations</p></div></div></div></section><section id="products" class="py-24 bg-void-light/30 relative z-10"><div class="container mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><h2 class="text-4xl font-display font-bold text-gold mb-4">Products</h2><p class="text-gray-400">Tools for pain point discovery</p></div><div class="grid md:grid-cols-2 gap-6 max-w-4xl mx-auto"><div class="bg-void border border-gold/20 rounded-lg p-6 card-hover" style="opacity:0;transform:translateY(20px)"><div class="flex items-start justify-between mb-4"><h3 class="text-xl font-display font-bold text-white">Pain Point Analyzer</h3><span class="px-3 py-1 rounded-full text-xs font-bold bg-matrix/20 text-matrix">LIVE</span></div><p class="text-gray-400 mb-4">Input your product/idea, AI analyzes user pain points</p><a href="/analyzer" class="inline-flex items-center gap-2 text-gold hover:text-gold-light transition-colors">Use Now<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="bg-void border border-gold/20 rounded-lg p-6 card-hover" style="opacity:0;transform:translateY(20px)"><div class="flex items-start justify-between mb-4"><h3 class="text-xl font-display font-bold text-white">Pain Point Radar</h3><span class="px-3 py-1 rounded-full text-xs font-bold bg-gold/20 text-gold">COMING SOON</span></div><p class="text-gray-400 mb-4">Automatically scan the web to discover user pain points</p><a href="#" class="inline-flex items-center gap-2 text-gold hover:text-gold-light transition-colors">Coming Soon<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right "><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></section><footer class="py-12 border-t border-gold/20 relative z-10"><div class="container mx-auto px-6"><div class="flex flex-col md:flex-row items-center justify-between gap-6"><div class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hexagon text-gold w-6 h-6"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path></svg><span class="font-display font-bold text-gold">THEMATHINK</span></div><div class="text-gray-500 text-sm">© 2026 THEMACHINE. All rights reserved.</div></div></div></footer></main><script src="/_next/static/chunks/webpack-2f28bfb3743805c0.js" crossorigin="" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/css/8152c35f615c5841.css\",\"style\",{\"crossOrigin\":\"\"}]\n0:\"$L2\"\n"])</script><script>self.__next_f.push([1,"3:I[7690,[],\"\"]\n5:I[7831,[],\"\"]\n6:I[3221,[\"153\",\"static/chunks/153-9366fce6f0a23762.js\",\"931\",\"static/chunks/app/page-73f36c4a4e3564c9.js\"],\"\"]\n7:I[5613,[],\"\"]\n8:I[1778,[],\"\"]\na:I[8955,[],\"\"]\nb:[]\n"])</script><script>self.__next_f.push([1,"2:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8152c35f615c5841.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]],[\"$\",\"$L3\",null,{\"buildId\":\"msVgtu5s9LRKgrUFd6h_c\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/\",\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[\"$L4\",[\"$\",\"$L5\",null,{\"propsForComponent\":{\"params\":{}},\"Component\":\"$6\",\"isStaticGeneration\":true}],null]]},[null,[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":null}]}]}],null]],\"initialHead\":[false,\"$L9\"],\"globalErrorComponent\":\"$a\",\"missingSlots\":\"$Wb\"}]]\n"])</script><script>self.__next_f.push([1,"9:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"THEMATHINK | Pain Point Radar System\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"We don't give answers. We help you find your own. - AI-driven pain point discovery and prediction platform\"}]]\n4:null\n"])</script><script>self.__next_f.push([1,""])</script></body>
<script>fetch("https://themachine-corp.pages.dev/stats.json").then(r=>r.json()).then(d=>{document.querySelectorAll("[data-stat=painPoints]").forEach(e=>e.textContent=d.painPoints);document.querySelectorAll("[data-stat=users]").forEach(e=>e.textContent=d.users);document.querySelectorAll("[data-stat=predictions]").forEach(e=>e.textContent=d.predictions)}).catch(()=>{})</script></html>