Spaces:
Sleeping
Sleeping
| import { PresentationData } from './types'; | |
| export const PRESENTATION_DATA: PresentationData = { | |
| metadata: { | |
| title: "Research & Analysis: Using AI for Scalable Development", | |
| subtitle: "From Prompt Jumping to Structured Workflows", | |
| author: "AI Researcher", | |
| date: "2025", | |
| description: "How to leverage modern AI tools for research-first development" | |
| }, | |
| slides: [ | |
| { | |
| id: 1, | |
| title: "Research & Analysis", | |
| subtitle: "Using AI for Scalable Development", | |
| description: "From Prompt Jumping to Structured Workflows", | |
| type: "hero", | |
| animation: { | |
| type: "title-fade-scale", | |
| duration: 1.5, | |
| }, | |
| background: "elevated", | |
| backgroundImage: null, | |
| content: {}, | |
| images: [], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 2, | |
| title: "❌ The Old Way: Prompt Jumping", | |
| type: "problem", | |
| animation: { | |
| type: "slide-left-shake", | |
| duration: 1, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| bullets: [ | |
| "Direct to Project: Skip research → jump to coding", | |
| "Quick Prompts: Write prompt in ChatGPT → paste output", | |
| "No Scalability: Copy-paste approach breaks with complexity", | |
| "Missing Context: No research = poor architecture decisions", | |
| "Tech Debt: Later refactoring becomes expensive" | |
| ] | |
| }, | |
| images: [], | |
| transition: "none" | |
| }, | |
| { | |
| id: 3, | |
| title: "✅ The New Way: Research First", | |
| type: "solution", | |
| animation: { | |
| type: "slide-right-stagger", | |
| duration: 1, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| intro: "Module-by-module structured development with proper research phase", | |
| bullets: [ | |
| "Deep Research: Understand requirements before coding", | |
| "Compare Solutions: Evaluate multiple tools & approaches", | |
| "Architecture First: Plan scalable components upfront", | |
| "Reusable Patterns: Build with future extensibility" | |
| ] | |
| }, | |
| images: [], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 4, | |
| title: "🎯 Why Research Matters", | |
| type: "comparison", | |
| animation: { | |
| type: "split-screen-reveal", | |
| duration: 1.2, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| leftCard: { | |
| title: "Without Research", | |
| description: "Fragile code, technical debt, rewrites, lost time", | |
| icon: "⚠️" | |
| }, | |
| rightCard: { | |
| title: "With Research", | |
| description: "Solid architecture, scalable design, fewer rewrites", | |
| icon: "✨" | |
| } | |
| }, | |
| images: [], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 5, | |
| title: "🔍 Perplexity AI: The Research Engine", | |
| type: "tool-intro", | |
| animation: { | |
| type: "slide-left-glow", | |
| duration: 1.2, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| tagline: "What It Does", | |
| bullets: [ | |
| "100M+ queries weekly • 60% of AI research traffic", | |
| "Real-time web search + LLM reasoning", | |
| "Multi-model support (GPT-4, Claude, Gemini, Llama 3, DeepSeek)" | |
| ] | |
| }, | |
| images: [ | |
| { | |
| src: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSIBrpdL6g4drOoDUhkIx57WEFesnLH1Y-w8Q&s", | |
| alt: "Perplexity Logo", | |
| width: 80, | |
| height: 80, | |
| position: "top-right" | |
| } | |
| ], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 6, | |
| title: "🚀 Perplexity Deep Research", | |
| type: "features", | |
| animation: { | |
| type: "card-pop-sequence", | |
| duration: 1.2, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| bullets: [ | |
| "Expert-level analysis: 2-4 minutes vs hours of research", | |
| "Automatic workflow: Dozens of searches + hundreds of sources", | |
| "Report generation: Structured output ready to use", | |
| "93.9% factual accuracy on SimpleQA benchmark", | |
| "Perfect for: Tech stack decisions, library comparisons, best practices" | |
| ] | |
| }, | |
| images: [], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 7, | |
| title: "⚖️ LM Arena: Test Different Models", | |
| type: "tool-intro", | |
| animation: { | |
| type: "slide-right-pulse", | |
| duration: 1.2, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| intro: "Purpose: Compare LLMs side-by-side before deciding", | |
| tagline: "Features", | |
| bullets: [ | |
| "Battle mode: Two random models compete", | |
| "Side-by-side: Compare specific models", | |
| "Direct chat: Test single model quality", | |
| "Leaderboard: See top models by category (coding, vision, webdev)" | |
| ] | |
| }, | |
| images: [ | |
| { | |
| src: "https://media.licdn.com/dms/image/v2/D560BAQFN6nC2aa-L6Q/company-logo_200_200/B56Zbuv79gGoAI-/0/1747762266220/lmarena_logo?e=2147483647&v=beta&t=9CgVvvusqLzx8w2VhCxDLBmOSTCSPxIkVgjmLDCp6YI", | |
| alt: "LM Arena Logo", | |
| width: 80, | |
| height: 80, | |
| position: "top-right" | |
| } | |
| ], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 8, | |
| title: "💡 LM Arena Workflow", | |
| type: "process", | |
| animation: { | |
| type: "number-flow-animate", | |
| duration: 1.5, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| steps: [ | |
| "Define your task (coding, writing, analysis)", | |
| "Write a test prompt matching your use case", | |
| "Run side-by-side comparison with top models", | |
| "Vote on best response (or view leaderboard)", | |
| "Choose winner for your actual project" | |
| ] | |
| }, | |
| images: [], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 9, | |
| title: "⚡ Groq API: The Speed King", | |
| type: "tool-intro", | |
| animation: { | |
| type: "speed-line-animate", | |
| duration: 1.5, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| tagline: "Benchmark Results", | |
| metrics: [ | |
| { label: "tokens/sec", value: "814", emoji: "⚡" }, | |
| { label: "latency (time to first token)", value: "0.3s", emoji: "🎯" }, | |
| { label: "pricing per 1M tokens", value: "$0.10", emoji: "💰" } | |
| ] | |
| }, | |
| images: [ | |
| { | |
| src: "https://groq.com/favicon.ico", | |
| alt: "Groq Logo", | |
| width: 80, | |
| height: 80, | |
| position: "top-right" | |
| } | |
| ], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 10, | |
| title: "🎯 When to Use Groq", | |
| type: "use-cases", | |
| animation: { | |
| type: "list-reveal-parallax", | |
| duration: 1.2, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| bullets: [ | |
| "Real-time applications: Chat bots, live responses", | |
| "High-volume inference: Processing thousands of queries", | |
| "Cost-sensitive projects: Budget-friendly at scale", | |
| "Fast prototyping: Quick API integration", | |
| "Edge cases: When speed is critical requirement" | |
| ] | |
| }, | |
| images: [], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 11, | |
| title: "🎨 AI Image Generation: Web/Mobile Assets", | |
| type: "tool-intro", | |
| animation: { | |
| type: "image-reveal-center", | |
| duration: 1.2, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| intro: "Quick design iteration without designers", | |
| categories: [ | |
| { name: "Mockups", description: "UI designs, prototypes" }, | |
| { name: "Hero Images", description: "Landing pages, banners" }, | |
| { name: "Icons", description: "UI elements, assets" } | |
| ] | |
| }, | |
| images: [ | |
| { | |
| src: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR4BP0-EjwDd3l1mHAoXDRfU7MQGg_6kI8TG3Q53SX0av8n-dMkW-C_TgB5EEFw8Z71G10&usqp=CAU", | |
| alt: "Design Icon", | |
| width: 60, | |
| height: 60, | |
| position: "center" | |
| } | |
| ], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 12, | |
| title: "🆓 Leading Image Generators", | |
| type: "comparison", | |
| animation: { | |
| type: "card-flip-sequence", | |
| duration: 1.5, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| cards: [ | |
| { | |
| name: "FLUX , Seedream , reve", | |
| description: "beating all threshold to make it realistic", | |
| url: "https://www.freepik.com", | |
| icon: "🎨" | |
| }, | |
| { | |
| name: "Ai STUDIO image generation feature", | |
| description: "unlimited images , no limit , multiple google image generation feature", | |
| url: "https://starryai.com", | |
| icon: "✨" | |
| } | |
| ] | |
| }, | |
| images: [], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 13, | |
| title: "👤 AI Avatars for Content", | |
| type: "features", | |
| animation: { | |
| type: "avatar-float-glow", | |
| duration: 1.5, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| bullets: [ | |
| "HeyGen: Video avatars with lip-sync (175+ languages)", | |
| "D-ID: Realistic talking avatars for presentations", | |
| "Fotor: Static profile avatars (quick & free)", | |
| "Synthesia: Professional video production at scale" | |
| ] | |
| }, | |
| images: [], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 14, | |
| title: "🔗 Complete Workflow", | |
| type: "diagram", | |
| animation: { | |
| type: "connection-flow-animate", | |
| duration: 2, | |
| }, | |
| background: "surface", | |
| backgroundImage: null, | |
| content: { | |
| steps: [ | |
| { label: "Perplexity", icon: "🔍", delay: 0.2 }, | |
| { label: "LM Arena", icon: "⚖️", delay: 0.5 }, | |
| { label: "Groq/ChatGPT", icon: "🤖", delay: 0.8 }, | |
| { label: "AI Image Gen", icon: "🎨", delay: 1.1 }, | |
| { label: "Scalable Product", icon: "✨", delay: 1.4 } | |
| ] | |
| }, | |
| images: [], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 15, | |
| title: "🌐 MCP: The Next Frontier", | |
| type: "vision", | |
| animation: { | |
| type: "fade-scale-crescendo", | |
| duration: 2, | |
| }, | |
| background: "elevated", | |
| backgroundImage: null, | |
| content: { | |
| heading: "Model Context Protocol", | |
| subheading: "A Connected Universe", | |
| description: "Imagine stepping into a world where artificial intelligence isn’t confined by its training data — a world where AI assistants are not just smart, but also connected, dynamic, and ready to interact with the real world." | |
| }, | |
| images: [], | |
| transition: "smooth" | |
| }, | |
| { | |
| id: 16, | |
| title: "The Incredible Journey of MCP", | |
| type: "tool-intro", | |
| animation: { | |
| type: "slide-up-glow", | |
| duration: 1.5, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| intro: "Unleashing AI's True Potential", | |
| bullets: [ | |
| "Standardized protocol connecting AI to data sources", | |
| "Breaks the silo of isolated model training", | |
| "Enables secure, real-time context fetching", | |
| "The backbone of future agentic workflows" | |
| ], | |
| callToAction: { | |
| text: "Read Full Article on Medium", | |
| url: "https://medium.com/@devarshia5/the-incredible-journey-of-mcp-unleashing-ais-true-potential-f386161c65e8", | |
| icon: "📖" | |
| } | |
| }, | |
| images: [], | |
| transition: "smooth" | |
| }, | |
| { | |
| id: 17, | |
| title: "💡 Key Takeaways", | |
| type: "summary", | |
| animation: { | |
| type: "list-highlight-bounce", | |
| duration: 1.5, | |
| }, | |
| background: "base", | |
| backgroundImage: null, | |
| content: { | |
| bullets: [ | |
| "Research phase is NOT optional for scalable products", | |
| "Use Perplexity Deep Research for expert-level analysis", | |
| "Test models on LM Arena before production", | |
| "Explore MCP for building connected AI agents", | |
| "Generate assets quickly with free AI image tools" | |
| ] | |
| }, | |
| images: [], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 18, | |
| title: "🚀 Scalable Development", | |
| type: "vision", | |
| animation: { | |
| type: "fade-scale-crescendo", | |
| duration: 1.5, | |
| }, | |
| background: "elevated", | |
| backgroundImage: null, | |
| content: { | |
| heading: "Scalable Development", | |
| subheading: "Structured Research + Modern AI Tools", | |
| description: "= Better Architecture + Faster Execution" | |
| }, | |
| images: [], | |
| transition: "spring" | |
| }, | |
| { | |
| id: 19, | |
| title: "Thank You!", | |
| type: "closing", | |
| animation: { | |
| type: "text-spring-fade", | |
| duration: 1.5, | |
| }, | |
| background: "elevated", | |
| backgroundImage: null, | |
| content: { | |
| title: "Thank You!", | |
| subtitle: "Questions?", | |
| tagline: "Let's Build Scalable Systems Together" | |
| }, | |
| images: [], | |
| transition: "spring" | |
| } | |
| ] | |
| }; |