Mr001learner/VisMatch
0
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <meta name="description"
8 content="VisMatch - Find similar products using image search. Upload an image or provide a URL to discover matching products instantly.">
9 <meta name="keywords" content="visual search, product matcher, image search, similar products, VisMatch">
10 <title>VisMatch - Find Similar Products by Image</title>
11
12 <!-- Favicon -->
13 <link rel="icon" type="image/png" href="/icon.png">
14 <link rel="shortcut icon" type="image/png" href="/icon.png">
15 <link rel="apple-touch-icon" href="/icon.png">
16 <link rel="icon" type="image/x-icon" href="/favicon.ico">
17
18 <!-- CSS Files -->
19 <link rel="stylesheet" href="css/reset.css">
20 <link rel="stylesheet" href="css/variables.css">
21 <link rel="stylesheet" href="css/welcome.css">
22</head>
23
24<body>
25 <main class="welcome-container">
26 <div class="hero-section">
27 <div class="hero-content">
28 <!-- Logo/Title -->
29 <div class="logo">
30 <span class="logo-icon">🔍</span>
31 <h1 class="app-title">VisMatch</h1>
32 </div>
33
34 <!-- Tagline -->
35 <p class="tagline">Find similar products instantly with the power of visual search</p>
36
37 <!-- Description -->
38 <p class="description">
39 Discover similar products using advanced AI-powered visual search technology.
40 </p>
41
42 <!-- Developer Credit -->
43 <div style="margin: 1.5rem 0; padding: 1rem; background: rgba(255,255,255,0.1); border-radius: 8px; text-align: center;">
44 <p style="font-size: 0.9375rem; color: rgba(255,255,255,0.9); margin: 0;">
45 🚀 <strong>Developed by Abishek</strong> - Full Stack AI Developer
46 </p>
47 </div>
48
49 <!-- Feature Highlights -->
50 <div class="features">
51 <div class="feature">
52 <span class="feature-icon">📤</span>
53 <h3 class="feature-title">Easy Upload</h3>
54 <p class="feature-text">Upload images or paste URLs</p>
55 </div>
56
57 <div class="feature">
58 <span class="feature-icon">🎯</span>
59 <h3 class="feature-title">Smart Matching</h3>
60 <p class="feature-text">AI-powered similarity detection</p>
61 </div>
62
63 <div class="feature">
64 <span class="feature-icon">🔧</span>
65 <h3 class="feature-title">Advanced Filters</h3>
66 <p class="feature-text">Filter by category and score</p>
67 </div>
68 </div>
69
70 <!-- Call to Action -->
71 <a href="app.html" class="cta-button">
72 Get Started
73 <span class="cta-arrow">→</span>
74 </a>
75 </div>
76 </div>
77
78 <!-- Footer -->
79 <footer class="welcome-footer">
80 <p>© 2025 VisMatch | Developed by <strong>Abishek</strong></p>
81 <p style="font-size: 0.8125rem; margin-top: 0.5rem; opacity: 0.8;">Built with FastAPI, PyTorch & Modern Web Technologies</p>
82 </footer>
83 </main>
84</body>
85
86</html>