data.ts

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"
    }
  ]
};