Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"/> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | |
| <title>About — NutriVision</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"/> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> | |
| <link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;500;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,400&display=swap" rel="stylesheet"/> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"/> | |
| </head> | |
| <body> | |
| <!-- NAV --> | |
| <nav class="nav" id="navbar"> | |
| <div class="nav__inner"> | |
| <a href="/" class="nav__logo"> | |
| <span class="logo-icon">🥗</span> | |
| <span class="logo-text">NutriVision</span> | |
| </a> | |
| <ul class="nav__links"> | |
| <li><a href="/" class="nav__link">Home</a></li> | |
| <li><a href="/analyzer" class="nav__link">Analyzer</a></li> | |
| <li><a href="/about" class="nav__link nav__link--active">About</a></li> | |
| </ul> | |
| <a href="/analyzer" class="nav__cta btn btn--sm">Analyze Food →</a> | |
| <button class="hamburger" id="hamburger"><span></span><span></span><span></span></button> | |
| </div> | |
| </nav> | |
| <div class="mobile-menu" id="mobileMenu"> | |
| <a href="/" class="mobile-link">Home</a> | |
| <a href="/analyzer" class="mobile-link">Analyzer</a> | |
| <a href="/about" class="mobile-link">About</a> | |
| </div> | |
| <!-- ABOUT HERO --> | |
| <div class="page-hero"> | |
| <div class="orb orb--a" style="opacity:.4"></div> | |
| <div class="orb orb--c" style="opacity:.3"></div> | |
| <div class="container" style="position:relative;z-index:2;text-align:center"> | |
| <h1 class="page-title">👋 Meet the Team</h1> | |
| <p class="page-sub">Passionate builders using AI to make nutrition accessible for everyone.</p> | |
| </div> | |
| </div> | |
| <!-- TEAM --> | |
| <section class="section"> | |
| <div class="container"> | |
| <div class="team-grid"> | |
| <div class="team-card reveal d1"> | |
| <div class="team-avatar av--purple">H</div> | |
| <h3>Harika</h3> | |
| <p class="team-role">Co-Founder & AI Engineer</p> | |
| <p class="team-bio">Specialises in computer vision, model fine-tuning, and deep learning. Trained the custom 80-class Indian food model and built the 3-model ensemble pipeline.</p> | |
| <div class="skill-chips"> | |
| <span>🤖 ML & Deep Learning</span> | |
| <span>👁️ Computer Vision</span> | |
| <span>🐍 Python & PyTorch</span> | |
| <span>🎓 Model Fine-Tuning</span> | |
| </div> | |
| </div> | |
| <div class="team-card reveal d2"> | |
| <div class="team-avatar av--pink">D</div> | |
| <h3>Deepika</h3> | |
| <p class="team-role">Co-Founder & Full-Stack Developer</p> | |
| <p class="team-bio">Expert in Flask, REST APIs, and modern frontend design. Built the entire NutriVision web application, UI/UX, and API integrations.</p> | |
| <div class="skill-chips"> | |
| <span>💻 Full-Stack Dev</span> | |
| <span>🎨 UI/UX Design</span> | |
| <span>⚡ Flask & REST APIs</span> | |
| <span>🌐 JavaScript</span> | |
| </div> | |
| </div> | |
| <!-- Nageswari --> | |
| <div class="team-card reveal d3"> | |
| <div class="team-avatar av--gold">N</div> | |
| <h3>Nageswari</h3> | |
| <p class="team-role"> Co-Founder & AI Engineer </p> | |
| <p class="team-bio"> Focused on AI-driven nutrition analysis and intelligent recommendation systems. Passionate about using machine learning to improve health awareness and decision-making. </p> | |
| <div class="skill-chips"> | |
| <span>🧠 Deep Learning</span> | |
| <span>📊 Data Analysis</span> | |
| <span>🤖 AI Systems</span> | |
| <span>🥗 Nutrition AI</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- MISSION --> | |
| <section class="section bg-card"> | |
| <div class="container" style="max-width:780px"> | |
| <div class="section-head reveal" style="margin-bottom:1.5rem"> | |
| <span class="tag">Our Purpose</span> | |
| <h2>The Mission 🎯</h2> | |
| </div> | |
| <p class="mission-text reveal d1"> | |
| We believe that understanding what you eat should be simple, instant, and free. NutriVision combines | |
| state-of-the-art computer vision with the world's best open-source LLMs to make nutrition analysis as easy | |
| as taking a photo. Our focus on Indian food — a severely underrepresented domain in food AI — is | |
| what sets us apart. | |
| </p> | |
| </div> | |
| </section> | |
| <!-- TECH STACK --> | |
| <section class="section"> | |
| <div class="container"> | |
| <div class="section-head reveal"> | |
| <span class="tag">Under the Hood</span> | |
| <h2>Technology Stack 🛠️</h2> | |
| </div> | |
| <div class="tech-grid"> | |
| <div class="tech-card reveal d1"> | |
| <div class="tech-icon">👁️</div> | |
| <h4>nateraw / food</h4> | |
| <p>Food-101 dataset — 101 international food categories, primary classifier.</p> | |
| </div> | |
| <div class="tech-card reveal d2"> | |
| <div class="tech-icon">🍛</div> | |
| <h4>Indian-Western-34</h4> | |
| <p>34 specialised Indian & Western food classes — second classifier layer.</p> | |
| </div> | |
| <div class="tech-card tech-card--gold reveal d3"> | |
| <div class="tech-icon">🎓</div> | |
| <h4>Custom 80-Class Model</h4> | |
| <p>Fine-tuned in-house on rare Indian regional dishes. Covers Adhirasam, Ghevar, Ariselu & 77 more.</p> | |
| </div> | |
| <div class="tech-card reveal d4"> | |
| <div class="tech-icon">🤖</div> | |
| <h4>Llama 3.1 8B</h4> | |
| <p>Via OpenRouter — fast, accurate nutrition data and personalised health insights.</p> | |
| </div> | |
| <div class="tech-card reveal d5"> | |
| <div class="tech-icon">⚡</div> | |
| <h4>Flask + GPU</h4> | |
| <p>Python Flask backend running on CUDA T4 GPU for fast vision inference.</p> | |
| </div> | |
| <div class="tech-card reveal d6"> | |
| <div class="tech-icon">🎨</div> | |
| <h4>Modern Frontend</h4> | |
| <p>Responsive, animated UI with CSS animations, Syne font, and dark theme.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- WHAT MAKES US DIFF --> | |
| <section class="section bg-card"> | |
| <div class="container"> | |
| <div class="section-head reveal"> | |
| <span class="tag">Differentiators</span> | |
| <h2>What Makes Us Different ✨</h2> | |
| </div> | |
| <div class="diff-grid"> | |
| <div class="diff-item reveal d1"> | |
| <span class="diff-num">01</span> | |
| <div> | |
| <h3>Indian Food Focus</h3> | |
| <p>Covers 80+ regional Indian specialties that most food AI completely misses — from Rasmalai to Pootharekulu.</p> | |
| </div> | |
| </div> | |
| <div class="diff-item reveal d2"> | |
| <span class="diff-num">02</span> | |
| <div> | |
| <h3>3-Model Ensemble</h3> | |
| <p>Running 3 independent classifiers simultaneously and picking the best confidence result — not just a single model.</p> | |
| </div> | |
| </div> | |
| <div class="diff-item reveal d3"> | |
| <span class="diff-num">03</span> | |
| <div> | |
| <h3>Personalised Reports</h3> | |
| <p>Every report is tailored to your age, gender, BMI, dietary preference, and health condition.</p> | |
| </div> | |
| </div> | |
| <div class="diff-item reveal d4"> | |
| <span class="diff-num">04</span> | |
| <div> | |
| <h3>No GPU Overload</h3> | |
| <p>Vision models run on GPU; LLM is handled by OpenRouter cloud — balanced resource usage on T4.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA --> | |
| <section class="section"> | |
| <div class="container"> | |
| <div class="cta-block reveal"> | |
| <div class="cta-glow"></div> | |
| <h2>Ready to Try NutriVision? 🚀</h2> | |
| <p>Experience the future of AI food analysis — free, fast, personalised.</p> | |
| <a href="/analyzer" class="btn btn--primary btn--lg">Start Analyzing Now →</a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FOOTER --> | |
| <footer class="footer"> | |
| <div class="container"> | |
| <div class="footer-grid"> | |
| <div> | |
| <div class="nav__logo" style="margin-bottom:0.75rem"> | |
| <span class="logo-icon">🥗</span> | |
| <span class="logo-text">NutriVision</span> | |
| </div> | |
| <p style="color:var(--muted);font-size:.9rem">AI food intelligence at your fingertips.<br/>Made with ❤️ in India.</p> | |
| </div> | |
| <div class="footer-links"> | |
| <h5>Navigate</h5> | |
| <a href="/">Home</a> | |
| <a href="/analyzer">Analyzer</a> | |
| <a href="/about">About</a> | |
| </div> | |
| <div class="footer-links"> | |
| <h5>Contact</h5> | |
| <span>📧 info@nutrivision.ai</span> | |
| <span>🌐 Made in India 🇮🇳</span> | |
| </div> | |
| </div> | |
| <div class="footer-bottom"> | |
| <p>© 2026 NutriVision — Built with ❤️ by Harika & Deepika & Nageswari</p> | |
| <p>⚠️ For informational purposes only. Not a substitute for medical advice.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script src="{{ url_for('static', filename='script.js') }}"></script> | |
| </body> | |
| </html> |