ppt / index.html
sarveshpatel's picture
Upload 19 files
bb5d4f8 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AI Research & Analysis</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
background: "#f8fafc", // Slate 50
surface: "#ffffff", // White
primary: "#0ea5e9", // Sky 500
secondary: "#06b6d4", // Cyan 500
accent: "#0284c7", // Sky 600
text: "#0f172a", // Slate 900
muted: "#64748b", // Slate 500
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
},
boxShadow: {
'glow': '0 4px 20px -5px rgba(14, 165, 233, 0.3)',
'glow-strong': '0 10px 40px -10px rgba(6, 182, 212, 0.4)',
'glass': '0 8px 32px 0 rgba(31, 38, 135, 0.1)',
}
},
},
}
</script>
<style>
body {
background-color: #f8fafc;
color: #0f172a;
overflow: hidden; /* Prevent scrolling, presentation mode */
}
</style>
<script type="importmap">
{
"imports": {
"react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
"lucide-react": "https://aistudiocdn.com/lucide-react@^0.555.0",
"framer-motion": "https://aistudiocdn.com/framer-motion@^12.23.25",
"react/": "https://aistudiocdn.com/react@^19.2.0/",
"react": "https://aistudiocdn.com/react@^19.2.0"
}
}
</script>
<link rel="stylesheet" href="/index.css">
</head>
<body>
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>