smart-models/Placebo_AI
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 <title>About | Placebo AI</title>8 <link rel="stylesheet" href="/static/style.css">9 <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">10 <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">11 <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">12 <link rel="shortcut icon" href="/static/favicon.ico">13 <style>14 .bento-grid {15 display: grid;16 grid-template-columns: 2fr 1fr;17 grid-template-rows: auto auto;18 gap: 24px;19 margin-bottom: 80px;20 }21 22 .bento-item {23 background: rgba(255, 255, 255, 0.03);24 backdrop-filter: blur(20px);25 border: 1px solid rgba(255, 255, 255, 0.1);26 border-radius: 32px;27 display: flex;28 flex-direction: column;29 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);30 overflow: hidden;31 }32 33 .bento-item:hover {34 background: rgba(255, 255, 255, 0.06);35 transform: translateY(-8px);36 border-color: var(--primary);37 }38 39 .bento-img-container {40 width: 100%;41 height: 200px;42 overflow: hidden;43 }44 45 .bento-img-container img {46 width: 100%;47 height: 100%;48 object-fit: cover;49 opacity: 0.8;50 transition: transform 0.6s ease;51 }52 53 .bento-item:hover .bento-img-container img {54 transform: scale(1.05);55 opacity: 1;56 }57 58 .bento-content {59 padding: 32px;60 flex-grow: 1;61 display: flex;62 flex-direction: column;63 justify-content: flex-start;64 }65 66 .bento-tag {67 display: inline-block;68 background: rgba(16, 185, 129, 0.1);69 color: var(--primary);70 padding: 6px 14px;71 border-radius: 100px;72 font-size: 11px;73 font-weight: 700;74 letter-spacing: 1px;75 text-transform: uppercase;76 margin-bottom: 16px;77 }78 79 .bento-title {80 font-size: 26px;81 font-weight: 600;82 margin-bottom: 12px;83 color: var(--white);84 }85 86 .bento-desc {87 font-size: 15px;88 opacity: 0.7;89 line-height: 1.6;90 color: var(--white);91 }92 93 @media (max-width: 1024px) {94 .bento-grid {95 grid-template-columns: 1fr;96 }97 }98 </style>99</head>100 101<body>102 <div id="video-container">103 <video id="hero-video" autoplay loop muted playsinline>104 <source src="/static/bg_video.mp4" type="video/mp4">105 </video>106 </div>107 108 <div class="content-layer">109 <nav>110 <div class="logo-area" style="display: flex; align-items: center; gap: 12px;">111 <img src="/static/logo.png" width="32" height="32" alt="Logo" style="filter: brightness(0) invert(1);">112 <a href="/" class="logo">Placebo AI</a>113 </div>114 <div class="menu-items">115 <a href="/" class="menu-item">Home</a>116 <a href="/architecture" class="menu-item">Architecture</a>117 <a href="/capabilities" class="menu-item">Capabilities</a>118 <a href="/docs" class="menu-item">Docs</a>119 <a href="/about" class="menu-item">About</a>120 </div>121 <div class="nav-buttons">122 <button class="btn-signup">Sign Up</button>123 <button class="btn-login">Log In</button>124 </div>125 </nav>126 127 <main class="info-content" style="padding: 120px 80px; max-width: 1300px; margin: 0 auto;">128 <!-- Header Section -->129 <div style="text-align: center; margin-bottom: 80px;">130 <img src="/static/logo.png" width="120" height="120" alt="Logo"131 style="filter: brightness(0) invert(1); margin-bottom: 30px;">132 <h1 style="font-size: 56px; margin-bottom: 24px;">The Future of Medical Intelligence</h1>133 <p class="subtitle"134 style="font-size: 22px; line-height: 1.6; opacity: 0.8; max-width: 700px; margin: 0 auto;">135 Placebo AI is a next-generation medical intelligence system built to bridge the gap between complex136 pharmaceutical data and real-world clinical decision-making.137 </p>138 </div>139 140 <!-- Bento Grid 2x2 Pattern Section -->141 <div class="bento-grid">142 <!-- Row 1: Large (Left) -->143 <div class="bento-item">144 <div class="bento-img-container">145 <img src="/static/med_viz.png" alt="Vision Visualization">146 </div>147 <div class="bento-content">148 <div class="bento-tag">Vision</div>149 <div class="bento-title">Bridging Data & Decision</div>150 <div class="bento-desc">151 Turning complex medical textbooks into structured, searchable, and 100% auditable knowledge152 bases. We believe in a transparent "glass box" approach to medical intelligence.153 </div>154 </div>155 </div>156 157 <!-- Row 1: Small (Right) -->158 <div class="bento-item">159 <div class="bento-img-container">160 <img src="/static/lab_view.png" alt="Safety Standards">161 </div>162 <div class="bento-content">163 <div class="bento-tag">Safety</div>164 <div class="bento-title">Zero Hallucination</div>165 <div class="bento-desc">166 Strict "Retrieved Context Only" rule to ensure 100% factual accuracy in clinical answers.167 </div>168 </div>169 </div>170 171 <!-- Row 2: Large (Left) -->172 <div class="bento-item">173 <div class="bento-img-container">174 <img src="/static/mol_struct.png" alt="Molecular Intelligence">175 </div>176 <div class="bento-content">177 <div class="bento-tag">Intelligence</div>178 <div class="bento-title">Molecular Precision</div>179 <div class="bento-desc">180 Deep semantic understanding of pharmaceutical structures, metabolic pathways, and drug-drug181 interactions extracted directly from peer-reviewed literature.182 </div>183 </div>184 </div>185 186 <!-- Row 2: Small (Right) -->187 <div class="bento-item">188 <div class="bento-img-container">189 <img src="/static/anatomy_chart.png" alt="Anatomical Precision">190 </div>191 <div class="bento-content">192 <div class="bento-tag">Anatomy</div>193 <div class="bento-title">Visual Grounding</div>194 <div class="bento-desc">195 Multimodal extraction of anatomical charts and diagrams to provide visual context for every196 medical response.197 </div>198 </div>199 </div>200 </div>201 202 <div style="text-align: center; font-size: 12px; color: rgba(255, 255, 255, 0.5); margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); font-family: 'Montserrat', sans-serif; line-height: 1.5;">203 Disclaimer: All books used in this application belong to their respective authors and publishers. The author, publisher, and copyright owner reserve all rights. No ownership of book content is claimed by this application.204 </div>205 </main>206 </div>207</body>208 209</html>