Goa-gel-fullstack/create_presentation.js

const pptxgen = require("pptxgenjs");

let pres = new pptxgen();
pres.layout = "LAYOUT_16x9";
pres.author = "Goa Government";
pres.title = "Goa GEL Blockchain Document Verification Platform";

// Color palette - Professional government/tech
const colors = {
  primary: "0F4C81",      // Deep blue
  secondary: "1B7BAA",    // Teal blue
  accent: "00B4D8",       // Bright cyan
  lightBg: "F0F4F8",      // Light blue-gray
  darkBg: "0B2E4D",       // Dark navy
  white: "FFFFFF",
  text: "1A1A1A",
  lightText: "666666",
  success: "06A77D",
};

// Helper function for fresh shadow objects
const makeShadow = () => ({
  type: "outer",
  blur: 6,
  offset: 2,
  color: "000000",
  opacity: 0.12,
});

// Utility: Add title with accent bar
function addTitleWithBar(slide, title, x = 0.5, y = 0.4, w = 9, barColor = colors.accent) {
  slide.addShape(pres.shapes.RECTANGLE, {
    x: x,
    y: y,
    w: 0.08,
    h: 0.6,
    fill: { color: barColor },
    line: { type: "none" },
  });

  slide.addText(title, {
    x: x + 0.15,
    y: y,
    w: w - 0.2,
    h: 0.6,
    fontSize: 40,
    bold: true,
    color: colors.white,
    fontFace: "Calibri",
    valign: "middle",
    margin: 0,
  });
}

// ===== SLIDE 1: TITLE SLIDE =====
let slide1 = pres.addSlide();
slide1.background = { color: colors.darkBg };

slide1.addText("Goa GEL", {
  x: 0.5,
  y: 1.5,
  w: 9,
  h: 0.8,
  fontSize: 60,
  bold: true,
  color: colors.accent,
  align: "center",
  fontFace: "Calibri",
});

slide1.addText("Blockchain-Based Document Verification Platform", {
  x: 0.5,
  y: 2.4,
  w: 9,
  h: 0.6,
  fontSize: 36,
  color: colors.white,
  align: "center",
  fontFace: "Calibri",
});

slide1.addText("for Government of Goa", {
  x: 0.5,
  y: 3.1,
  w: 9,
  h: 0.4,
  fontSize: 20,
  color: colors.lightBg,
  align: "center",
  fontFace: "Calibri",
});

slide1.addText("Technical Architecture Overview", {
  x: 0.5,
  y: 4.3,
  w: 9,
  h: 0.4,
  fontSize: 18,
  italic: true,
  color: colors.accent,
  align: "center",
  fontFace: "Calibri",
});

// ===== SLIDE 2: AGENDA =====
let slide2 = pres.addSlide();
slide2.background = { color: colors.lightBg };

addTitleWithBar(slide2, "Agenda");

const agendaItems = [
  "Problem Statement",
  "Solution Overview",
  "NBF Alignment",
  "System Architecture",
  "Blockchain Architecture",
  "Smart Contracts",
  "Technology Stack",
  "Workflow Engine",
  "Data Flow",
  "Security Architecture",
  "Deployment & POC Scope",
  "Success Criteria & Timeline",
];

slide2.addText(
  agendaItems.map((item, idx) => ({
    text: item,
    options: {
      bullet: true,
      breakLine: idx < agendaItems.length - 1,
    },
  })),
  {
    x: 1,
    y: 1.2,
    w: 8,
    h: 3.8,
    fontSize: 16,
    color: colors.text,
    fontFace: "Calibri",
  }
);

// ===== SLIDE 3: PROBLEM STATEMENT =====
let slide3 = pres.addSlide();
slide3.background = { color: colors.white };

addTitleWithBar(slide3, "Problem Statement", 0.5, 0.3);

const problems = [
  {
    title: "Fragmented Mechanisms",
    desc: "Multiple online/offline document processes",
  },
  {
    title: "Lack of Trust",
    desc: "No transparent verification mechanism",
  },
  {
    title: "Poor Traceability",
    desc: "Document history and approvals unclear",
  },
  {
    title: "Tampering Risks",
    desc: "No protection against document modification",
  },
];

let yPos = 1.3;
problems.forEach((problem, idx) => {
  const bgColor = [colors.primary, colors.secondary, colors.accent, "FF6B6B"][idx];

  slide3.addShape(pres.shapes.RECTANGLE, {
    x: 0.5 + idx * 2.25,
    y: yPos,
    w: 2.1,
    h: 3.5,
    fill: { color: bgColor },
    line: { type: "none" },
    shadow: makeShadow(),
  });

  slide3.addText(problem.title, {
    x: 0.65 + idx * 2.25,
    y: yPos + 0.3,
    w: 1.8,
    h: 1,
    fontSize: 16,
    bold: true,
    color: colors.white,
    align: "center",
    fontFace: "Calibri",
  });

  slide3.addText(problem.desc, {
    x: 0.65 + idx * 2.25,
    y: yPos + 1.5,
    w: 1.8,
    h: 1.6,
    fontSize: 13,
    color: colors.white,
    align: "center",
    valign: "middle",
    fontFace: "Calibri",
  });
});

// ===== SLIDE 4: SOLUTION OVERVIEW =====
let slide4 = pres.addSlide();
slide4.background = { color: colors.lightBg };

addTitleWithBar(slide4, "Solution Overview: GEL Platform");

const solutions = [
  {
    title: "Single Ledger",
    icon: "✓",
  },
  {
    title: "Multi-Stakeholder Consensus",
    icon: "✓",
  },
  {
    title: "End-to-End Traceability",
    icon: "✓",
  },
  {
    title: "REST API Interoperability",
    icon: "✓",
  },
];

let xPos = 0.7;
solutions.forEach((sol) => {
  slide4.addShape(pres.shapes.RECTANGLE, {
    x: xPos,
    y: 1.4,
    w: 2.0,
    h: 2.8,
    fill: { color: colors.white },
    line: { type: "none" },
    shadow: makeShadow(),
  });

  slide4.addText(sol.icon, {
    x: xPos,
    y: 1.6,
    w: 2.0,
    h: 0.5,
    fontSize: 48,
    color: colors.success,
    align: "center",
    fontFace: "Calibri",
  });

  slide4.addText(sol.title, {
    x: xPos + 0.1,
    y: 2.2,
    w: 1.8,
    h: 1.8,
    fontSize: 14,
    bold: true,
    color: colors.text,
    align: "center",
    valign: "middle",
    fontFace: "Calibri",
  });

  xPos += 2.15;
});

// ===== SLIDE 5: NBF ALIGNMENT =====
let slide5 = pres.addSlide();
slide5.background = { color: colors.white };

addTitleWithBar(slide5, "National Blockchain Framework Alignment");

slide5.addShape(pres.shapes.RECTANGLE, {
  x: 0.5,
  y: 1.2,
  w: 9,
  h: 3.8,
  fill: { color: colors.lightBg },
  line: { type: "none" },
});

slide5.addText(
  [
    { text: "NBF Document Chain Integration Path\n", options: { bold: true, fontSize: 18, breakLine: true } },
    {
      text:
        "GEL Platform designed with future NBF compliance in mind. Current implementation follows recommended blockchain patterns and can be seamlessly integrated with National Blockchain Framework when available.\n\n",
      options: { fontSize: 14, breakLine: true },
    },
    {
      text: "Key Alignment Features:",
      options: { bold: true, fontSize: 14, breakLine: true },
    },
    {
      text: "QBFT consensus mechanism",
      options: { bullet: true, breakLine: true },
    },
    { text: "Validator node architecture", options: { bullet: true, breakLine: true } },
    { text: "Decentralized governance model", options: { bullet: true, breakLine: true } },
    { text: "Cross-chain interoperability", options: { bullet: true } },
  ],
  {
    x: 0.8,
    y: 1.4,
    w: 8.4,
    h: 3.4,
    fontSize: 14,
    color: colors.text,
    fontFace: "Calibri",
  }
);

// ===== SLIDE 6: SYSTEM ARCHITECTURE =====
let slide6 = pres.addSlide();
slide6.background = { color: colors.lightBg };

addTitleWithBar(slide6, "System Architecture - High Level");

const components = [
  { name: "Frontend\n(Next.js 14)", x: 0.6, color: colors.primary },
  { name: "Backend API\n(NestJS)", x: 2.8, color: colors.secondary },
  { name: "Smart Contracts\n(ERC-721)", x: 5.0, color: colors.accent },
  { name: "Database\n(PostgreSQL)", x: 7.2, color: "FF6B6B" },
];

components.forEach((comp) => {
  slide6.addShape(pres.shapes.RECTANGLE, {
    x: comp.x,
    y: 1.2,
    w: 1.8,
    h: 1.2,
    fill: { color: comp.color },
    line: { type: "none" },
    shadow: makeShadow(),
  });

  slide6.addText(comp.name, {
    x: comp.x,
    y: 1.2,
    w: 1.8,
    h: 1.2,
    fontSize: 12,
    bold: true,
    color: colors.white,
    align: "center",
    valign: "middle",
    fontFace: "Calibri",
  });

  slide6.addShape(pres.shapes.LINE, {
    x: comp.x + 1.8,
    y: 1.8,
    w: 0.8,
    h: 0,
    line: { color: colors.text, width: 2 },
  });
});

// Remove last line
slide6.addShape(pres.shapes.RECTANGLE, {
  x: 8.8,
  y: 1.7,
  w: 0.4,
  h: 0.2,
  fill: { color: colors.lightBg },
  line: { type: "none" },
});

slide6.addText("Storage Layer (MinIO)  |  Blockchain (Hyperledger Besu)", {
  x: 0.6,
  y: 2.8,
  w: 8.8,
  h: 0.4,
  fontSize: 13,
  color: colors.text,
  align: "center",
  fontFace: "Calibri",
});

slide6.addShape(pres.shapes.RECTANGLE, {
  x: 0.6,
  y: 3.5,
  w: 8.8,
  h: 1.5,
  fill: { color: colors.white },
  line: { type: "none" },
  shadow: makeShadow(),
});

slide6.addText(
  [
    { text: "Architectural Principles\n", options: { bold: true, fontSize: 12, breakLine: true } },
    { text: "Microservices: Independent, scalable components", options: { bullet: true, breakLine: true } },
    { text: "API-First: RESTful interfaces for all services", options: { bullet: true, breakLine: true } },
    { text: "Event-Driven: Async communication between layers", options: { bullet: true } },
  ],
  {
    x: 0.9,
    y: 3.6,
    w: 8.2,
    h: 1.3,
    fontSize: 11,
    color: colors.text,
    fontFace: "Calibri",
  }
);

// ===== SLIDE 7: BLOCKCHAIN ARCHITECTURE =====
let slide7 = pres.addSlide();
slide7.background = { color: colors.white };

addTitleWithBar(slide7, "Blockchain Architecture - Deep Dive");

slide7.addShape(pres.shapes.RECTANGLE, {
  x: 0.5,
  y: 1.2,
  w: 4.2,
  h: 3.8,
  fill: { color: colors.lightBg },
  line: { type: "none" },
});

slide7.addText(
  [
    { text: "Hyperledger Besu\n\n", options: { bold: true, fontSize: 14, breakLine: true } },
    { text: "QBFT Consensus", options: { bullet: true, breakLine: true } },
    { text: "4 Validator Nodes", options: { bullet: true, breakLine: true } },
    { text: "Immediate Finality", options: { bullet: true, breakLine: true } },
    { text: "Enterprise-Grade", options: { bullet: true, breakLine: true } },
    { text: "EVM Compatible", options: { bullet: true } },
  ],
  {
    x: 0.8,
    y: 1.4,
    w: 3.6,
    h: 3.4,
    fontSize: 13,
    color: colors.text,
    fontFace: "Calibri",
  }
);

slide7.addShape(pres.shapes.RECTANGLE, {
  x: 5.2,
  y: 1.2,
  w: 4.2,
  h: 3.8,
  fill: { color: colors.primary },
  line: { type: "none" },
});

slide7.addText(
  [
    { text: "Network Topology\n\n", options: { bold: true, fontSize: 14, color: colors.white, breakLine: true } },
    {
      text: "Validator 1",
      options: { bullet: true, color: colors.white, breakLine: true },
    },
    {
      text: "Validator 2",
      options: { bullet: true, color: colors.white, breakLine: true },
    },
    {
      text: "Validator 3",
      options: { bullet: true, color: colors.white, breakLine: true },
    },
    {
      text: "Validator 4",
      options: { bullet: true, color: colors.white, breakLine: true },
    },
    {
      text: "Public RPC Nodes",
      options: { bullet: true, color: colors.white },
    },
  ],
  {
    x: 5.5,
    y: 1.4,
    w: 3.6,
    h: 3.4,
    fontSize: 13,
    color: colors.white,
    fontFace: "Calibri",
  }
);

// ===== SLIDE 8: SMART CONTRACTS =====
let slide8 = pres.addSlide();
slide8.background = { color: colors.lightBg };

addTitleWithBar(slide8, "Smart Contracts - NFT-Based Approach");

const contracts = [
  {
    name: "LicenseRequestNFT",
    desc: "ERC-721 Soulbound",
    y: 1.3,
  },
  {
    name: "ApprovalManager",
    desc: "Multi-stage approvals",
    y: 2.4,
  },
  {
    name: "DepartmentRegistry",
    desc: "Department governance",
    y: 3.5,
  },
  {
    name: "WorkflowRegistry",
    desc: "Process orchestration",
    y: 4.6,
  },
];

contracts.forEach((contract) => {
  slide8.addShape(pres.shapes.RECTANGLE, {
    x: 0.6,
    y: contract.y,
    w: 0.08,
    h: 0.7,
    fill: { color: colors.accent },
    line: { type: "none" },
  });

  slide8.addText(contract.name, {
    x: 0.8,
    y: contract.y,
    w: 3.5,
    h: 0.35,
    fontSize: 14,
    bold: true,
    color: colors.text,
    fontFace: "Calibri",
    valign: "top",
    margin: 0,
  });

  slide8.addText(contract.desc, {
    x: 0.8,
    y: contract.y + 0.35,
    w: 3.5,
    h: 0.35,
    fontSize: 12,
    color: colors.lightText,
    fontFace: "Calibri",
    valign: "top",
    margin: 0,
  });

  slide8.addShape(pres.shapes.RECTANGLE, {
    x: 4.5,
    y: contract.y,
    w: 5.0,
    h: 0.7,
    fill: { color: colors.white },
    line: { type: "none" },
    shadow: makeShadow(),
  });

  const details = [
    ["Status Tracking", "Access Control", "Event Logging"],
    ["Sequential Flow", "Parallel Stages", "Conditional Logic"],
    ["Department IDs", "Role Binding", "Approval Rights"],
    ["Stage Management", "Versioning", "State Transitions"],
  ];

  slide8.addText(details[contracts.indexOf(contract)].join("  |  "), {
    x: 4.7,
    y: contract.y + 0.15,
    w: 4.6,
    h: 0.4,
    fontSize: 11,
    color: colors.text,
    align: "left",
    fontFace: "Calibri",
  });
});

// ===== SLIDE 9: TECHNOLOGY STACK =====
let slide9 = pres.addSlide();
slide9.background = { color: colors.white };

addTitleWithBar(slide9, "Technology Stack");

const stackLayers = [
  {
    title: "Frontend",
    tech: "Next.js 14, React, TypeScript",
    y: 1.3,
  },
  {
    title: "Backend",
    tech: "NestJS, TypeScript, Node.js",
    y: 2.3,
  },
  {
    title: "Database",
    tech: "PostgreSQL (relational), Redis (caching)",
    y: 3.3,
  },
  {
    title: "Storage",
    tech: "MinIO (S3-compatible object storage)",
    y: 4.3,
  },
];

stackLayers.forEach((layer, idx) => {
  const colors_alt = [colors.primary, colors.secondary, colors.accent, "FF6B6B"];

  slide9.addShape(pres.shapes.RECTANGLE, {
    x: 0.6,
    y: layer.y,
    w: 8.8,
    h: 0.8,
    fill: { color: colors_alt[idx] },
    line: { type: "none" },
  });

  slide9.addText(layer.title, {
    x: 0.9,
    y: layer.y + 0.15,
    w: 2.0,
    h: 0.5,
    fontSize: 14,
    bold: true,
    color: colors.white,
    valign: "middle",
    fontFace: "Calibri",
    margin: 0,
  });

  slide9.addText(layer.tech, {
    x: 3.2,
    y: layer.y + 0.15,
    w: 6.0,
    h: 0.5,
    fontSize: 13,
    color: colors.white,
    valign: "middle",
    fontFace: "Calibri",
    margin: 0,
  });
});

// ===== SLIDE 10: WORKFLOW ENGINE =====
let slide10 = pres.addSlide();
slide10.background = { color: colors.lightBg };

addTitleWithBar(slide10, "Workflow Engine");

slide10.addText("Multi-Department Approval System", {
  x: 0.5,
  y: 1.2,
  w: 9,
  h: 0.3,
  fontSize: 16,
  bold: true,
  color: colors.text,
  fontFace: "Calibri",
});

const stages = [
  "Submission",
  "Department Review",
  "Senior Approval",
  "Final Authorization",
  "NFT Minted",
];

let stageX = 0.8;
stages.forEach((stage, idx) => {
  const boxW = 1.6;
  slide10.addShape(pres.shapes.RECTANGLE, {
    x: stageX,
    y: 1.8,
    w: boxW,
    h: 0.8,
    fill: { color: idx < 3 ? colors.primary : idx === 3 ? colors.secondary : colors.success },
    line: { type: "none" },
  });

  slide10.addText(stage, {
    x: stageX,
    y: 1.8,
    w: boxW,
    h: 0.8,
    fontSize: 11,
    bold: true,
    color: colors.white,
    align: "center",
    valign: "middle",
    fontFace: "Calibri",
  });

  if (idx < stages.length - 1) {
    slide10.addShape(pres.shapes.LINE, {
      x: stageX + boxW,
      y: 2.2,
      w: 0.35,
      h: 0,
      line: { color: colors.text, width: 2 },
    });
  }

  stageX += boxW + 0.45;
});

const features = [
  {
    title: "Sequential & Parallel",
    desc: "Configure approval stages as sequential or parallel",
  },
  {
    title: "Document Versioning",
    desc: "Track all document revisions through workflow",
  },
  {
    title: "Auto-Invalidation",
    desc: "Automatically invalidate approvals upon document change",
  },
];

let featureY = 3.0;
features.forEach((feature) => {
  slide10.addShape(pres.shapes.RECTANGLE, {
    x: 0.8,
    y: featureY,
    w: 0.06,
    h: 0.4,
    fill: { color: colors.accent },
    line: { type: "none" },
  });

  slide10.addText(feature.title, {
    x: 0.95,
    y: featureY,
    w: 3.0,
    h: 0.25,
    fontSize: 12,
    bold: true,
    color: colors.text,
    fontFace: "Calibri",
    margin: 0,
  });

  slide10.addText(feature.desc, {
    x: 0.95,
    y: featureY + 0.28,
    w: 3.0,
    h: 0.35,
    fontSize: 11,
    color: colors.lightText,
    fontFace: "Calibri",
    margin: 0,
  });

  featureY += 1.35;
});

// Right side - diagram
slide10.addShape(pres.shapes.RECTANGLE, {
  x: 4.5,
  y: 3.0,
  w: 4.8,
  h: 2.2,
  fill: { color: colors.white },
  line: { type: "none" },
  shadow: makeShadow(),
});

slide10.addText(
  [
    { text: "Approval Flow Example\n", options: { bold: true, fontSize: 12, breakLine: true } },
    { text: "1. Submit Document", options: { bullet: true, breakLine: true } },
    { text: "2. Department A Reviews", options: { bullet: true, breakLine: true } },
    { text: "3. Department B Reviews (parallel)", options: { bullet: true, breakLine: true } },
    { text: "4. Director Approves", options: { bullet: true, breakLine: true } },
    { text: "5. NFT Minted on Chain", options: { bullet: true } },
  ],
  {
    x: 4.8,
    y: 3.2,
    w: 4.2,
    h: 1.8,
    fontSize: 11,
    color: colors.text,
    fontFace: "Calibri",
  }
);

// ===== SLIDE 11: DATA FLOW =====
let slide11 = pres.addSlide();
slide11.background = { color: colors.white };

addTitleWithBar(slide11, "Data Flow - License Approval Process");

const flowSteps = [
  {
    num: "1",
    title: "Submission",
    desc: "User submits license request with documents",
  },
  {
    num: "2",
    title: "Review",
    desc: "Department staff reviews document",
  },
  {
    num: "3",
    title: "Approval",
    desc: "Document approved by authority",
  },
  {
    num: "4",
    title: "NFT Minting",
    desc: "Approved document minted as NFT",
  },
];

let flowX = 0.7;
flowSteps.forEach((step, idx) => {
  const boxW = 2.0;

  // Step box
  slide11.addShape(pres.shapes.RECTANGLE, {
    x: flowX,
    y: 1.5,
    w: boxW,
    h: 1.2,
    fill: { color: colors.primary },
    line: { type: "none" },
    shadow: makeShadow(),
  });

  slide11.addText(step.num, {
    x: flowX + 0.2,
    y: 1.6,
    w: 0.5,
    h: 0.4,
    fontSize: 20,
    bold: true,
    color: colors.accent,
    fontFace: "Calibri",
    margin: 0,
  });

  slide11.addText(step.title, {
    x: flowX + 0.8,
    y: 1.6,
    w: 1.0,
    h: 0.4,
    fontSize: 12,
    bold: true,
    color: colors.white,
    fontFace: "Calibri",
    margin: 0,
  });

  slide11.addText(step.desc, {
    x: flowX + 0.2,
    y: 2.1,
    w: 1.6,
    h: 0.5,
    fontSize: 10,
    color: colors.lightBg,
    fontFace: "Calibri",
    margin: 0,
  });

  // Arrow
  if (idx < flowSteps.length - 1) {
    slide11.addShape(pres.shapes.LINE, {
      x: flowX + boxW,
      y: 2.1,
      w: 0.4,
      h: 0,
      line: { color: colors.text, width: 2 },
    });

    slide11.addText("→", {
      x: flowX + boxW + 0.1,
      y: 1.95,
      w: 0.2,
      h: 0.3,
      fontSize: 16,
      color: colors.text,
      align: "center",
      fontFace: "Calibri",
    });
  }

  flowX += boxW + 0.5;
});

// Database integration info
slide11.addShape(pres.shapes.RECTANGLE, {
  x: 0.7,
  y: 3.2,
  w: 8.6,
  h: 1.9,
  fill: { color: colors.lightBg },
  line: { type: "none" },
});

slide11.addText(
  [
    { text: "Data Storage Strategy\n", options: { bold: true, fontSize: 13, breakLine: true } },
    { text: "Document Metadata (PostgreSQL): Status, timestamps, approver info", options: { bullet: true, breakLine: true } },
    { text: "Document Files (MinIO): Original and versioned documents", options: { bullet: true, breakLine: true } },
    { text: "Blockchain Record (Besu): Immutable approval chain and NFT reference", options: { bullet: true, breakLine: true } },
    { text: "Event Log (Event Bus): Real-time updates for UI and integrations", options: { bullet: true } },
  ],
  {
    x: 0.95,
    y: 3.35,
    w: 8.1,
    h: 1.6,
    fontSize: 11,
    color: colors.text,
    fontFace: "Calibri",
  }
);

// ===== SLIDE 12: SECURITY ARCHITECTURE =====
let slide12 = pres.addSlide();
slide12.background = { color: colors.lightBg };

addTitleWithBar(slide12, "Security Architecture");

const securityLayers = [
  {
    layer: "API Level",
    features: ["API Key Authentication", "JWT Tokens", "Rate Limiting"],
  },
  {
    layer: "Wallet Level",
    features: ["Custodial Wallet Management", "Private Key Protection", "Transaction Signing"],
  },
  {
    layer: "Integration Level",
    features: ["Mock DigiLocker (POC)", "Production: Real DigiLocker", "Digital Signature Verification"],
  },
];

let secY = 1.3;
securityLayers.forEach((sec) => {
  slide12.addShape(pres.shapes.RECTANGLE, {
    x: 0.6,
    y: secY,
    w: 8.8,
    h: 0.9,
    fill: { color: colors.white },
    line: { type: "none" },
    shadow: makeShadow(),
  });

  slide12.addText(sec.layer, {
    x: 0.85,
    y: secY + 0.15,
    w: 1.8,
    h: 0.6,
    fontSize: 13,
    bold: true,
    color: colors.primary,
    valign: "middle",
    fontFace: "Calibri",
    margin: 0,
  });

  slide12.addText(sec.features.join("  •  "), {
    x: 2.7,
    y: secY + 0.15,
    w: 6.5,
    h: 0.6,
    fontSize: 11,
    color: colors.text,
    valign: "middle",
    fontFace: "Calibri",
    margin: 0,
  });

  secY += 1.1;
});

// Security principles
slide12.addShape(pres.shapes.RECTANGLE, {
  x: 0.6,
  y: 4.6,
  w: 8.8,
  h: 0.8,
  fill: { color: colors.accent },
  line: { type: "none" },
});

slide12.addText(
  "Zero Trust Architecture  |  Defense in Depth  |  Least Privilege Access",
  {
    x: 0.85,
    y: 4.65,
    w: 8.3,
    h: 0.7,
    fontSize: 12,
    bold: true,
    color: colors.white,
    align: "center",
    valign: "middle",
    fontFace: "Calibri",
    margin: 0,
  }
);

// ===== SLIDE 13: DEPLOYMENT ARCHITECTURE =====
let slide13 = pres.addSlide();
slide13.background = { color: colors.white };

addTitleWithBar(slide13, "Deployment Architecture");

slide13.addText("Docker Compose for POC", {
  x: 0.5,
  y: 1.2,
  w: 9,
  h: 0.3,
  fontSize: 14,
  bold: true,
  color: colors.text,
  fontFace: "Calibri",
});

const services = [
  {
    name: "Frontend",
    port: ":3000",
    y: 1.7,
  },
  {
    name: "API Service",
    port: ":3001",
    y: 2.4,
  },
  {
    name: "PostgreSQL",
    port: ":5432",
    y: 3.1,
  },
  {
    name: "MinIO Storage",
    port: ":9000",
    y: 3.8,
  },
  {
    name: "Besu Node 1",
    port: ":8545",
    y: 4.5,
  },
];

services.forEach((svc) => {
  slide13.addShape(pres.shapes.RECTANGLE, {
    x: 0.6,
    y: svc.y,
    w: 3.5,
    h: 0.5,
    fill: { color: colors.primary },
    line: { type: "none" },
  });

  slide13.addText(svc.name, {
    x: 0.85,
    y: svc.y + 0.05,
    w: 2.0,
    h: 0.4,
    fontSize: 12,
    bold: true,
    color: colors.white,
    valign: "middle",
    fontFace: "Calibri",
    margin: 0,
  });

  slide13.addText(svc.port, {
    x: 3.0,
    y: svc.y + 0.05,
    w: 1.0,
    h: 0.4,
    fontSize: 11,
    color: colors.accent,
    valign: "middle",
    fontFace: "Calibri",
    margin: 0,
  });

  slide13.addShape(pres.shapes.RECTANGLE, {
    x: 4.3,
    y: svc.y,
    w: 5.1,
    h: 0.5,
    fill: { color: colors.lightBg },
    line: { type: "none" },
  });
});

slide13.addText("Health Checks & Auto-Recovery  |  Persistent Volumes  |  Network Isolation", {
  x: 0.6,
  y: 5.3,
  w: 8.8,
  h: 0.35,
  fontSize: 11,
  color: colors.text,
  align: "center",
  fontFace: "Calibri",
});

// ===== SLIDE 14: POC SCOPE =====
let slide14 = pres.addSlide();
slide14.background = { color: colors.lightBg };

addTitleWithBar(slide14, "POC Scope - Resort License Demo");

// In-scope column
slide14.addShape(pres.shapes.RECTANGLE, {
  x: 0.5,
  y: 1.2,
  w: 4.4,
  h: 4.0,
  fill: { color: colors.white },
  line: { type: "none" },
  shadow: makeShadow(),
});

slide14.addText("In-Scope Features", {
  x: 0.7,
  y: 1.35,
  w: 4.0,
  h: 0.4,
  fontSize: 14,
  bold: true,
  color: colors.success,
  fontFace: "Calibri",
});

slide14.addText(
  [
    { text: "End-to-end license workflow", options: { bullet: true, breakLine: true } },
    { text: "3-department approval chain", options: { bullet: true, breakLine: true } },
    { text: "Document upload & storage", options: { bullet: true, breakLine: true } },
    { text: "NFT minting on Besu", options: { bullet: true, breakLine: true } },
    { text: "API endpoints", options: { bullet: true, breakLine: true } },
    { text: "Basic UI workflows", options: { bullet: true } },
  ],
  {
    x: 0.8,
    y: 1.85,
    w: 4.0,
    h: 3.1,
    fontSize: 11,
    color: colors.text,
    fontFace: "Calibri",
  }
);

// Out-of-scope column
slide14.addShape(pres.shapes.RECTANGLE, {
  x: 5.1,
  y: 1.2,
  w: 4.4,
  h: 4.0,
  fill: { color: colors.white },
  line: { type: "none" },
  shadow: makeShadow(),
});

slide14.addText("Out-of-Scope (Future)", {
  x: 5.3,
  y: 1.35,
  w: 4.0,
  h: 0.4,
  fontSize: 14,
  bold: true,
  color: "FF6B6B",
  fontFace: "Calibri",
});

slide14.addText(
  [
    { text: "Real DigiLocker integration", options: { bullet: true, breakLine: true } },
    { text: "Multi-language support", options: { bullet: true, breakLine: true } },
    { text: "Advanced analytics", options: { bullet: true, breakLine: true } },
    { text: "Mobile applications", options: { bullet: true, breakLine: true } },
    { text: "Scaling to production", options: { bullet: true, breakLine: true } },
    { text: "External API integrations", options: { bullet: true } },
  ],
  {
    x: 5.3,
    y: 1.85,
    w: 4.0,
    h: 3.1,
    fontSize: 11,
    color: colors.text,
    fontFace: "Calibri",
  }
);

// ===== SLIDE 15: SUCCESS CRITERIA =====
let slide15 = pres.addSlide();
slide15.background = { color: colors.white };

addTitleWithBar(slide15, "Success Criteria");

const criteria = [
  {
    title: "Complete Workflow",
    metric: "100%",
    desc: "End-to-end document flow functional",
  },
  {
    title: "Department Integration",
    metric: "3",
    desc: "3 departments successfully integrated",
  },
  {
    title: "Version Control",
    metric: "100%",
    desc: "Document versioning operational",
  },
  {
    title: "Visual Builder",
    metric: "MVP",
    desc: "Workflow configuration UI ready",
  },
];

let critX = 0.55;
criteria.forEach((crit) => {
  const boxW = 2.15;

  slide15.addShape(pres.shapes.RECTANGLE, {
    x: critX,
    y: 1.3,
    w: boxW,
    h: 3.5,
    fill: { color: colors.white },
    line: { type: "none" },
    shadow: makeShadow(),
  });

  slide15.addText(crit.metric, {
    x: critX,
    y: 1.5,
    w: boxW,
    h: 0.7,
    fontSize: 36,
    bold: true,
    color: colors.accent,
    align: "center",
    fontFace: "Calibri",
  });

  slide15.addText(crit.title, {
    x: critX + 0.15,
    y: 2.3,
    w: boxW - 0.3,
    h: 0.8,
    fontSize: 12,
    bold: true,
    color: colors.text,
    align: "center",
    fontFace: "Calibri",
  });

  slide15.addText(crit.desc, {
    x: critX + 0.15,
    y: 3.2,
    w: boxW - 0.3,
    h: 1.4,
    fontSize: 10,
    color: colors.lightText,
    align: "center",
    valign: "middle",
    fontFace: "Calibri",
  });

  critX += boxW + 0.15;
});

// ===== SLIDE 16: TIMELINE & NEXT STEPS =====
let slide16 = pres.addSlide();
slide16.background = { color: colors.lightBg };

addTitleWithBar(slide16, "Timeline & Next Steps");

const timeline = [
  { phase: "Phase 1", duration: "Week 1-2", milestone: "Architecture Setup" },
  { phase: "Phase 2", duration: "Week 3-4", milestone: "Core Development" },
  { phase: "Phase 3", duration: "Week 5-6", milestone: "Integration & Testing" },
  { phase: "Phase 4", duration: "Week 7-8", milestone: "POC Demonstration" },
];

let timelineY = 1.4;
timeline.forEach((item, idx) => {
  slide16.addShape(pres.shapes.RECTANGLE, {
    x: 0.6,
    y: timelineY,
    w: 8.8,
    h: 0.75,
    fill: { color: colors.white },
    line: { type: "none" },
    shadow: makeShadow(),
  });

  slide16.addText(item.phase, {
    x: 0.8,
    y: timelineY + 0.12,
    w: 1.2,
    h: 0.5,
    fontSize: 12,
    bold: true,
    color: colors.primary,
    valign: "middle",
    fontFace: "Calibri",
    margin: 0,
  });

  slide16.addText(item.duration, {
    x: 2.2,
    y: timelineY + 0.12,
    w: 1.8,
    h: 0.5,
    fontSize: 11,
    color: colors.text,
    valign: "middle",
    fontFace: "Calibri",
    margin: 0,
  });

  slide16.addText(item.milestone, {
    x: 4.2,
    y: timelineY + 0.12,
    w: 5.0,
    h: 0.5,
    fontSize: 11,
    color: colors.text,
    valign: "middle",
    fontFace: "Calibri",
    margin: 0,
  });

  timelineY += 0.95;
});

// Next steps
slide16.addShape(pres.shapes.RECTANGLE, {
  x: 0.6,
  y: 4.5,
  w: 8.8,
  h: 0.85,
  fill: { color: colors.accent },
  line: { type: "none" },
});

slide16.addText(
  [
    { text: "Next Steps: ", options: { bold: true, breakLine: true } },
    { text: "Stakeholder approval", options: { bullet: true, breakLine: true } },
    { text: "Resource allocation", options: { bullet: true, breakLine: true } },
    { text: "Project kickoff", options: { bullet: true } },
  ],
  {
    x: 0.9,
    y: 4.55,
    w: 8.2,
    h: 0.75,
    fontSize: 11,
    color: colors.white,
    fontFace: "Calibri",
  }
);

// ===== SLIDE 17: Q&A =====
let slide17 = pres.addSlide();
slide17.background = { color: colors.darkBg };

slide17.addShape(pres.shapes.RECTANGLE, {
  x: 2.0,
  y: 1.8,
  w: 6.0,
  h: 2.0,
  fill: { color: colors.primary },
  line: { type: "none" },
  shadow: makeShadow(),
});

slide17.addText("Questions?", {
  x: 2.0,
  y: 2.2,
  w: 6.0,
  h: 0.8,
  fontSize: 54,
  bold: true,
  color: colors.accent,
  align: "center",
  fontFace: "Calibri",
});

slide17.addText("Thank you for your attention", {
  x: 2.0,
  y: 3.1,
  w: 6.0,
  h: 0.4,
  fontSize: 18,
  color: colors.white,
  align: "center",
  fontFace: "Calibri",
});

// Save presentation
pres.writeFile({ fileName: "/sessions/cool-elegant-faraday/mnt/Goa-GEL/Goa-GEL-Architecture-Presentation.pptx" });

console.log("Presentation created successfully!");