SmartDoc / templates /index.html
chabane
Update the UI and main
180dc07
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SmartDoc AI - Intelligent Document Processing</title>
<link rel="stylesheet" href="static/styles/index.css">
<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=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">-->
</head>
<body>
<header>
<nav class="container">
<div class="logo ">
<a href="/">SmartDoc AI</a>
</div>
</nav>
</header>
<section id="home" class="hero ">
<div class="container">
<div class="hero-content ">
<h1>Transform Your Documents with AI</h1>
<p>SmartDoc AI helps you extract insights, summarize content, and visualize data from your documents
with advanced artificial intelligence.</p>
<div class="hero-buttons">
<a href="#functions" class="btn-primary">Try for Free</a>
<a href="#about" class="btn-secondary">Learn More</a>
</div>
</div>
<div class="hero-image">
<img src="/placeholder.svg?height=400&width=500" alt="SmartDoc AI Dashboard Preview">
</div>
</div>
</section>
<section id="about" class="about">
<div class="container">
<div class="section-header">
<h2>About SmartDoc AI</h2>
<div class="underline"></div>
</div>
<div class="about-content">
<div class="about-image">
<img src="/placeholder.svg?height=350&width=450" alt="SmartDoc AI in action">
</div>
<div class="about-text">
<h3>Intelligent Document Processing</h3>
<p>SmartDoc AI is a cutting-edge document intelligence platform that leverages the latest
advancements in artificial intelligence to transform how you interact with documents and extract
valuable insights.</p>
<p>Our powerful AI engine can process various document formats, understand context, recognize
patterns, and present information in user-friendly formats, saving you hours of manual work.</p>
<p>Whether you're a researcher, business analyst, student, or professional, SmartDoc AI streamlines
your workflow by automating document analysis and helping you focus on what matters most.</p>
</div>
</div>
</div>
</section>
<section id="functions" class="functions">
<div class="container">
<div class="section-header">
<h2>What SmartDoc AI Can Do</h2>
<div class="underline"></div>
</div>
<div class="functions-grid">
<div class="function-card animate">
<div class="function-icon">
<img src="/placeholder.svg?height=80&width=80" alt="Text Summarization Icon">
</div>
<h3>Text Summarization</h3>
<p>Extract key points and generate concise summaries from lengthy documents, articles, and reports
with our advanced NLP algorithms.</p>
<a href="/summarization" class="function-link">Learn More β†’</a>
</div>
<div class="function-card animate">
<div class="function-icon">
<img src="/placeholder.svg?height=80&width=80" alt="Image Interpretation Icon">
</div>
<h3>Image Interpretation</h3>
<p>Analyze charts, graphs, diagrams, and visual content within documents to extract meaningful data
and insights automatically.</p>
<a href="/imageinterpretation" class="function-link">Learn More β†’</a>
</div>
<div class="function-card animate">
<div class="function-icon">
<img src="/placeholder.svg?height=80&width=80" alt="Data Visualization Icon">
</div>
<h3>Data Visualization</h3>
<p>Transform complex data from your documents into clear, interactive visualizations that make
information easier to understand and share.</p>
<a href="/datavisualisation" class="function-link">Learn More β†’</a>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-logo">
<a href="/">SmartDoc AI</a>
<p>Intelligent Document Processing</p>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2025 SmartDoc AI.</p>
</div>
</div>
</footer>
</body>
</html>