const pptxgen = require("pptxgenjs");
const { execSync } = require("child_process");
const path = require("path");

// Fetch thumbnail image
const imgUrl = "https://cdn.orris.care/image-gen/7e3753aeb5624743b28d0ee13c8120d6.png";
const images = JSON.parse(
  execSync(`node /home/daytona/skills/shared/scripts/fetch_images.js "${imgUrl}"`).toString()
);
const thumbImg = images[0].base64;

// ── Presentation setup ────────────────────────────────────────────────────────
const pres = new pptxgen();

// Custom vertical 9:16 layout (1080x1920 px = 6.0" x 10.67")
pres.defineLayout({ name: "VERTICAL_9x16", width: 6.0, height: 10.67 });
pres.layout = "VERTICAL_9x16";
pres.author  = "Shifa Online";
pres.title   = "Gurday Ki Pathri – Kidney Stone Awareness | Shifa Online";

// ── Color palette ─────────────────────────────────────────────────────────────
const C = {
  darkBg:    "0A1628",   // Deep navy
  midBg:     "0D2045",   // Rich blue
  accentBlue:"1565C0",   // Medical blue
  teal:      "00BCD4",   // Teal highlight
  red:       "E53935",   // Warning red
  orange:    "FF6F00",   // Warm accent
  white:     "FFFFFF",
  lightGray: "E8F4FD",
  gold:      "FFD600",
  green:     "00C853",
  textLight: "CFE8FF",
  darkCard:  "0E2A4A",
  cardBorder:"1976D2",
};

// ── Shared helpers ─────────────────────────────────────────────────────────────
const W = 6.0;   // slide width
const H = 10.67; // slide height

function addBrandingStrip(slide) {
  // Bottom branding bar
  slide.addShape(pres.ShapeType.rect, {
    x: 0, y: H - 0.55, w: W, h: 0.55,
    fill: { color: C.accentBlue },
    line: { color: C.teal, width: 1 }
  });
  slide.addText("شفا آن لائن  |  Shifa Online", {
    x: 0, y: H - 0.55, w: W, h: 0.55,
    fontSize: 11, bold: true, color: C.white,
    align: "center", valign: "middle", fontFace: "Arial",
  });
}

function addTopBar(slide, label) {
  slide.addShape(pres.ShapeType.rect, {
    x: 0, y: 0, w: W, h: 0.38,
    fill: { color: C.teal },
  });
  slide.addText(label, {
    x: 0, y: 0, w: W, h: 0.38,
    fontSize: 10, bold: true, color: C.darkBg,
    align: "center", valign: "middle", fontFace: "Arial",
  });
}

function addPulseCircle(slide, x, y, r, color, opacity) {
  slide.addShape(pres.ShapeType.ellipse, {
    x: x - r, y: y - r, w: r * 2, h: r * 2,
    fill: { color: color, transparency: Math.round(opacity * 100) },
    line: { color: color, width: 1, transparency: Math.round(opacity * 100) }
  });
}

// ─────────────────────────────────────────────────────────────────────────────
// SLIDE 1 – THUMBNAIL / COVER
// ─────────────────────────────────────────────────────────────────────────────
const s1 = pres.addSlide();

// Full-slide gradient background using stacked rects
s1.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H, fill:{color:C.darkBg} });
s1.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H*0.55,
  fill:{color:C.midBg, transparency: 10} });

// Decorative glow circles
addPulseCircle(s1, W/2, 4.2, 2.0, C.red, 0.82);
addPulseCircle(s1, W/2, 4.2, 1.6, C.orange, 0.75);
addPulseCircle(s1, W/2, 4.2, 1.1, "FF8F00", 0.65);

// Thumbnail image (3D kidney) centered
s1.addImage({ data: thumbImg, x: 0.5, y: 2.3, w: 5.0, h: 4.5 });

// Red warning ring highlight
s1.addShape(pres.ShapeType.ellipse, {
  x: 1.1, y: 3.0, w: 3.8, h: 3.4,
  fill: { type: "none" },
  line: { color: C.red, width: 4 }
});

// ⚠ Warning badge
s1.addShape(pres.ShapeType.rect, {
  x: W - 1.2, y: 2.9, w: 1.1, h: 0.5,
  fill: { color: C.red },
  line: { color: C.orange, width: 1 }
});
s1.addText("⚠ خطرہ", {
  x: W - 1.2, y: 2.9, w: 1.1, h: 0.5,
  fontSize: 9, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
});

// Top accent bar
s1.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:0.08, fill:{color:C.teal} });

// Channel name top
s1.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.12, w: W, h: 0.52,
  fill: { color: C.accentBlue, transparency: 20 },
});
s1.addText("🏥  Shifa Online  |  شفا آن لائن", {
  x: 0, y: 0.12, w: W, h: 0.52,
  fontSize: 12.5, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
});

// Decorative lines
s1.addShape(pres.ShapeType.line, { x:0.3, y:0.72, w:W-0.6, h:0,
  line:{color:C.teal, width:1} });

// Main Urdu headline (large, bold, attention-grabbing)
s1.addShape(pres.ShapeType.rect, {
  x: 0.15, y: 0.82, w: W - 0.3, h: 1.5,
  fill: { color: "000000", transparency: 45 },
  line: { color: C.orange, width: 2 }
});
s1.addText("گردے کی پتھری؟", {
  x: 0.15, y: 0.85, w: W - 0.3, h: 0.68,
  fontSize: 26, bold: true, color: C.gold,
  align: "center", valign: "middle", fontFace: "Arial",
});
s1.addText("یہ علامات خطرناک ہو سکتی ہیں!", {
  x: 0.15, y: 1.52, w: W - 0.3, h: 0.72,
  fontSize: 17, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
});

// Lower info strip
s1.addShape(pres.ShapeType.rect, {
  x: 0, y: H - 2.3, w: W, h: 0.45,
  fill: { color: C.red, transparency: 15 },
});
s1.addText("ابھی دیکھیں – مکمل ویڈیو  ▶", {
  x: 0, y: H - 2.3, w: W, h: 0.45,
  fontSize: 13, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
});

// Stats row
s1.addShape(pres.ShapeType.rect, {
  x: 0, y: H - 1.85, w: W, h: 1.32,
  fill: { color: C.darkCard },
  line: { color: C.teal, width: 1 }
});
const stats = [
  { icon: "🩺", label: "علامات", x: 0.1 },
  { icon: "💊", label: "علاج", x: W/2 - 0.5 },
  { icon: "🛡", label: "بچاؤ", x: W - 1.2 },
];
stats.forEach(st => {
  s1.addText(st.icon, {
    x: st.x, y: H - 1.78, w: 1.0, h: 0.55,
    fontSize: 22, align: "center", valign: "middle",
  });
  s1.addText(st.label, {
    x: st.x, y: H - 1.25, w: 1.0, h: 0.32,
    fontSize: 9.5, bold: true, color: C.teal,
    align: "center", valign: "middle", fontFace: "Arial",
  });
});
// vertical dividers
[W/3, 2*W/3].forEach(dx => {
  s1.addShape(pres.ShapeType.line, {
    x: dx, y: H - 1.82, w: 0, h: 1.25,
    line: { color: C.cardBorder, width: 1 }
  });
});

// Bottom branding
addBrandingStrip(s1);

// ─────────────────────────────────────────────────────────────────────────────
// SLIDE 2 – SYMPTOMS
// ─────────────────────────────────────────────────────────────────────────────
const s2 = pres.addSlide();
s2.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H, fill:{color:C.darkBg} });
// Subtle gradient overlay
s2.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H*0.4, fill:{color:C.midBg, transparency:30} });

addTopBar(s2, "Shifa Online  •  گردے کی پتھری  •  علامات");

// Glow accent top-right
addPulseCircle(s2, W, 0.8, 1.4, C.teal, 0.88);

// Section heading card
s2.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.42, w: W, h: 1.05,
  fill: { color: C.accentBlue, transparency: 15 },
  line: { color: C.teal, width: 0 }
});
s2.addText("🔴", {
  x: 0.2, y: 0.46, w: 0.55, h: 0.55, fontSize: 22, align: "center",
});
s2.addText("گردے کی پتھری کی عام علامات", {
  x: 0.7, y: 0.46, w: W - 0.85, h: 0.55,
  fontSize: 17.5, bold: true, color: C.white,
  align: "right", valign: "middle", fontFace: "Arial",
});
s2.addText("Common Symptoms of Kidney Stones", {
  x: 0, y: 1.0, w: W, h: 0.35,
  fontSize: 9, color: C.teal, italic: true,
  align: "center", valign: "middle", fontFace: "Arial",
});
// Separator
s2.addShape(pres.ShapeType.line, { x:0.25, y:1.48, w:W-0.5, h:0,
  line:{color:C.teal, width:1.5} });

// Symptoms list with cards
const symptoms = [
  { icon: "⚡", text: "کمر یا پہلو میں شدید درد",             sub: "Severe back or side pain" },
  { icon: "↘",  text: "درد کا پیٹ کے نچلے حصے تک جانا",      sub: "Pain radiating to lower abdomen" },
  { icon: "🔥", text: "پیشاب میں جلن یا درد",                sub: "Burning or painful urination" },
  { icon: "🩸", text: "پیشاب میں خون آنا",                  sub: "Blood in urine (haematuria)" },
  { icon: "🔁", text: "بار بار پیشاب کی حاجت",               sub: "Frequent urge to urinate" },
  { icon: "🤢", text: "متلی یا قے",                         sub: "Nausea or vomiting" },
  { icon: "🌡", text: "بخار اور کپکپی",                     sub: "Fever and chills" },
  { icon: "⛔", text: "پیشاب کا رک جانا یا مشکل سے آنا",     sub: "Difficulty or blocked urination" },
];

const cardH = 0.98;
const cardGap = 0.05;
let cardY = 1.58;

symptoms.forEach((sym, i) => {
  const isEven = i % 2 === 0;
  // Card background
  s2.addShape(pres.ShapeType.rect, {
    x: 0.12, y: cardY, w: W - 0.24, h: cardH,
    fill: { color: isEven ? C.darkCard : "0A1E3D" },
    line: { color: isEven ? C.teal : C.cardBorder, width: 1.5 },
    rectRadius: 0.06,
  });
  // Left accent bar
  s2.addShape(pres.ShapeType.rect, {
    x: 0.12, y: cardY, w: 0.06, h: cardH,
    fill: { color: isEven ? C.teal : C.accentBlue },
    line: { color: "none" }
  });
  // Icon
  s2.addText(sym.icon, {
    x: 0.22, y: cardY + 0.04, w: 0.55, h: cardH - 0.08,
    fontSize: 20, align: "center", valign: "middle",
  });
  // Urdu text (right-aligned)
  s2.addText(sym.text, {
    x: 0.78, y: cardY + 0.06, w: W - 1.05, h: 0.5,
    fontSize: 14.5, bold: true, color: C.white,
    align: "right", valign: "middle", fontFace: "Arial",
  });
  // English subtitle
  s2.addText(sym.sub, {
    x: 0.78, y: cardY + 0.54, w: W - 1.05, h: 0.32,
    fontSize: 8.5, color: C.textLight, italic: true,
    align: "right", valign: "middle", fontFace: "Arial",
  });
  cardY += cardH + cardGap;
});

// Voice-over box
s2.addShape(pres.ShapeType.rect, {
  x: 0.12, y: cardY + 0.05, w: W - 0.24, h: 0.52,
  fill: { color: C.red, transparency: 20 },
  line: { color: C.orange, width: 1 }
});
s2.addText('🎙 "گردے کی پتھری ایک عام مسئلہ ہے — بروقت توجہ ضروری ہے"', {
  x: 0.18, y: cardY + 0.05, w: W - 0.36, h: 0.52,
  fontSize: 9, italic: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
});

addBrandingStrip(s2);

// ─────────────────────────────────────────────────────────────────────────────
// SLIDE 3 – PREVENTION & TREATMENT
// ─────────────────────────────────────────────────────────────────────────────
const s3 = pres.addSlide();
s3.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H, fill:{color:C.darkBg} });
s3.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H*0.45, fill:{color:"061A2E", transparency:20} });

addTopBar(s3, "Shifa Online  •  گردے کی پتھری  •  بچاؤ اور علاج");

// Heading card
s3.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.42, w: W, h: 1.05,
  fill: { color: C.green, transparency: 25 },
  line: { color: C.green, width: 0 }
});
s3.addText("✅", {
  x: 0.2, y: 0.46, w: 0.55, h: 0.55, fontSize: 22, align: "center",
});
s3.addText("گردے کی پتھری سے بچاؤ اور علاج", {
  x: 0.7, y: 0.46, w: W - 0.85, h: 0.55,
  fontSize: 16, bold: true, color: C.white,
  align: "right", valign: "middle", fontFace: "Arial",
});
s3.addText("Prevention & Treatment of Kidney Stones", {
  x: 0, y: 1.0, w: W, h: 0.35,
  fontSize: 9, color: C.green, italic: true,
  align: "center", valign: "middle", fontFace: "Arial",
});
s3.addShape(pres.ShapeType.line, { x:0.25, y:1.48, w:W-0.5, h:0,
  line:{color:C.green, width:1.5} });

const tips = [
  { icon: "💧", text: "مناسب مقدار میں پانی پئیں",            sub: "Drink adequate water daily (2.5–3L)", color: C.teal },
  { icon: "🧂", text: "نمک کا استعمال کم کریں",              sub: "Reduce salt intake",                   color: C.orange },
  { icon: "🥗", text: "صحت مند غذا استعمال کریں",            sub: "Maintain a balanced healthy diet",      color: C.green },
  { icon: "⏱",  text: "پیشاب زیادہ دیر تک نہ روکیں",        sub: "Do not hold urine for long periods",    color: C.gold },
  { icon: "🩺", text: "بروقت ڈاکٹر سے مشورہ کریں",           sub: "Consult a PMDC-verified doctor",        color: C.teal },
  { icon: "🔬", text: "الٹراساؤنڈ اور ضروری ٹیسٹ کروائیں", sub: "Get ultrasound & required tests",       color: C.accentBlue },
];

let tipY = 1.58;
const tipH = 1.0;
const tipGap = 0.05;

tips.forEach((tip, i) => {
  s3.addShape(pres.ShapeType.rect, {
    x: 0.12, y: tipY, w: W - 0.24, h: tipH,
    fill: { color: i % 2 === 0 ? C.darkCard : "0A1E3D" },
    line: { color: tip.color, width: 1.5 },
    rectRadius: 0.06,
  });
  s3.addShape(pres.ShapeType.rect, {
    x: 0.12, y: tipY, w: 0.06, h: tipH,
    fill: { color: tip.color },
  });
  s3.addText(tip.icon, {
    x: 0.22, y: tipY + 0.04, w: 0.55, h: tipH - 0.08,
    fontSize: 20, align: "center", valign: "middle",
  });
  s3.addText(tip.text, {
    x: 0.78, y: tipY + 0.08, w: W - 1.05, h: 0.5,
    fontSize: 14, bold: true, color: C.white,
    align: "right", valign: "middle", fontFace: "Arial",
  });
  s3.addText(tip.sub, {
    x: 0.78, y: tipY + 0.56, w: W - 1.05, h: 0.32,
    fontSize: 8, color: C.textLight, italic: true,
    align: "right", valign: "middle", fontFace: "Arial",
  });
  tipY += tipH + tipGap;
});

// Voice-over box
s3.addShape(pres.ShapeType.rect, {
  x: 0.12, y: tipY + 0.05, w: W - 0.24, h: 0.52,
  fill: { color: C.green, transparency: 25 },
  line: { color: C.green, width: 1 }
});
s3.addText('🎙 "بروقت طبی مشورہ سے پتھری کو بہتر طریقے سے کنٹرول کیا جا سکتا ہے"', {
  x: 0.18, y: tipY + 0.05, w: W - 0.36, h: 0.52,
  fontSize: 8.5, italic: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
});

addBrandingStrip(s3);

// ─────────────────────────────────────────────────────────────────────────────
// SLIDE 4 – END SCREEN / CTA
// ─────────────────────────────────────────────────────────────────────────────
const s4 = pres.addSlide();
s4.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H, fill:{color:C.darkBg} });

// Decorative background circles
addPulseCircle(s4, W/2, H/2, 3.0, C.accentBlue, 0.90);
addPulseCircle(s4, W/2, H/2, 2.2, C.teal, 0.93);
addPulseCircle(s4, W/2, H/2, 1.4, C.midBg, 0.80);

addTopBar(s4, "Shifa Online  •  آن لائن مشاورت  •  Online Consultation");

// Hero logo/brand area
s4.addShape(pres.ShapeType.ellipse, {
  x: W/2 - 0.8, y: 0.65, w: 1.6, h: 1.6,
  fill: { color: C.accentBlue },
  line: { color: C.teal, width: 3 }
});
s4.addText("🏥", {
  x: W/2 - 0.8, y: 0.65, w: 1.6, h: 1.6,
  fontSize: 36, align: "center", valign: "middle",
});

s4.addText("شفا آن لائن", {
  x: 0, y: 2.38, w: W, h: 0.62,
  fontSize: 26, bold: true, color: C.gold,
  align: "center", valign: "middle", fontFace: "Arial",
});
s4.addText("Shifa Online", {
  x: 0, y: 3.0, w: W, h: 0.38,
  fontSize: 14, bold: false, color: C.teal,
  align: "center", valign: "middle", fontFace: "Arial",
});
s4.addShape(pres.ShapeType.line, { x:0.8, y:3.45, w:W-1.6, h:0,
  line:{color:C.teal, width:1.5} });

// PMDC badge
s4.addShape(pres.ShapeType.rect, {
  x: W/2 - 1.8, y: 3.58, w: 3.6, h: 0.52,
  fill: { color: C.green, transparency: 20 },
  line: { color: C.green, width: 1.5 }
});
s4.addText("✔  PMDC Verified Doctors", {
  x: W/2 - 1.8, y: 3.58, w: 3.6, h: 0.52,
  fontSize: 11, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
});
s4.addText("PMDC تصدیق شدہ ڈاکٹروں سے آن لائن مشاورت", {
  x: 0, y: 4.16, w: W, h: 0.4,
  fontSize: 10, color: C.textLight,
  align: "center", valign: "middle", fontFace: "Arial",
});

// Consultation options
const consult = [
  { icon: "🎧", title: "Audio Consultation", urdu: "آڈیو مشاورت دستیاب", color: C.accentBlue },
  { icon: "📹", title: "Video Conference",   urdu: "ویڈیو کانفرنس دستیاب", color: C.teal },
];
consult.forEach((c, i) => {
  const cx = i === 0 ? 0.12 : W/2 + 0.06;
  s4.addShape(pres.ShapeType.rect, {
    x: cx, y: 4.65, w: W/2 - 0.18, h: 1.0,
    fill: { color: C.darkCard },
    line: { color: c.color, width: 2 }
  });
  s4.addText(c.icon, {
    x: cx, y: 4.68, w: W/2 - 0.18, h: 0.5,
    fontSize: 22, align: "center", valign: "middle",
  });
  s4.addText(c.title, {
    x: cx, y: 5.15, w: W/2 - 0.18, h: 0.26,
    fontSize: 8.5, bold: true, color: c.color,
    align: "center", valign: "middle", fontFace: "Arial",
  });
  s4.addText(c.urdu, {
    x: cx, y: 5.40, w: W/2 - 0.18, h: 0.22,
    fontSize: 8, color: C.textLight,
    align: "center", valign: "middle", fontFace: "Arial",
  });
});

// WhatsApp CTA
s4.addShape(pres.ShapeType.rect, {
  x: 0.12, y: 5.78, w: W - 0.24, h: 0.72,
  fill: { color: "25D366", transparency: 15 },
  line: { color: "25D366", width: 2 }
});
s4.addText("📱  WhatsApp: 03024309473", {
  x: 0.12, y: 5.78, w: W - 0.24, h: 0.38,
  fontSize: 14, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
});
s4.addText("ابھی میسج کریں – مشاورت بک کروائیں", {
  x: 0.12, y: 6.14, w: W - 0.24, h: 0.36,
  fontSize: 10, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
});

// Paid services badge
s4.addShape(pres.ShapeType.rect, {
  x: W/2 - 1.5, y: 6.62, w: 3.0, h: 0.42,
  fill: { color: C.red, transparency: 20 },
  line: { color: C.red, width: 1 }
});
s4.addText("🔴  Paid Online Consultation Services", {
  x: W/2 - 1.5, y: 6.62, w: 3.0, h: 0.42,
  fontSize: 9, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
});

// Emergency Notice
s4.addShape(pres.ShapeType.rect, {
  x: 0.12, y: 7.16, w: W - 0.24, h: 1.55,
  fill: { color: "7B0000", transparency: 20 },
  line: { color: C.red, width: 2 }
});
s4.addText("⚠  ایمرجنسی نوٹس", {
  x: 0.18, y: 7.20, w: W - 0.36, h: 0.38,
  fontSize: 12, bold: true, color: C.gold,
  align: "center", valign: "middle", fontFace: "Arial",
});
s4.addShape(pres.ShapeType.line, { x:0.3, y:7.6, w:W-0.6, h:0,
  line:{color:C.red, width:1} });
s4.addText(
  "شدید درد، پیشاب مکمل بند ہونے، شدید بخار، یا کسی بھی ہنگامی حالت میں فوری طور پر قریبی ہسپتال جائیں۔",
  {
    x: 0.18, y: 7.65, w: W - 0.36, h: 1.0,
    fontSize: 11, color: C.white, bold: false,
    align: "center", valign: "middle", fontFace: "Arial",
  }
);

// Social media CTA bottom
s4.addShape(pres.ShapeType.rect, {
  x: 0, y: 8.82, w: W, h: 0.42,
  fill: { color: C.darkCard },
  line: { color: C.teal, width: 0 }
});
s4.addText("▶ Like  •  💬 Comment  •  🔁 Share  •  🔔 Subscribe", {
  x: 0, y: 8.82, w: W, h: 0.42,
  fontSize: 9, bold: true, color: C.teal,
  align: "center", valign: "middle", fontFace: "Arial",
});

addBrandingStrip(s4);

// ─────────────────────────────────────────────────────────────────────────────
// SAVE
// ─────────────────────────────────────────────────────────────────────────────
const outPath = "/home/daytona/workspace/shifa-online-reel/Shifa_Online_Kidney_Stone_Awareness_Reel.pptx";
pres.writeFile({ fileName: outPath })
  .then(() => console.log("SUCCESS: " + outPath))
  .catch(e => { console.error("ERROR:", e); process.exit(1); });

Successfully replaced 1 instance(s) of the string in '/home/daytona/workspace/shifa-online-reel/build.js'

Successfully replaced 1 instance(s) of the string in '/home/daytona/workspace/shifa-online-reel/build.js'

Successfully replaced 1 instance(s) of the string in '/home/daytona/workspace/shifa-online-reel/build.js'

Successfully replaced 1 instance(s) of the string in '/home/daytona/workspace/shifa-online-reel/build.js'

/**
 * Shifa Online – Kidney Stone Awareness
 * ANIMATED Video Reel  |  Vertical 9:16  |  PptxGenJS
 *
 * Animation strategy:
 *   - Each text/shape element gets { animate: { type, duration, delay } }
 *   - Slide transitions: "fade" on every slide
 *   - Speaker notes carry the voice-over script + timing cues
 *   - Slides are timed for 45-60 s total (advanceOnTime)
 */

const pptxgen = require("pptxgenjs");

const pres = new pptxgen();
pres.defineLayout({ name: "V916", width: 6.0, height: 10.67 });
pres.layout  = "V916";
pres.author  = "Shifa Online";
pres.title   = "گردے کی پتھری – Kidney Stone Awareness (Animated Reel)";
pres.subject = "Medical Awareness | شفا آن لائن";

// ── Palette ─────────────────────────────────────────────────────────────────
const C = {
  darkBg:    "080F1E",
  midBg:     "0B1A35",
  navy:      "0D2247",
  blue:      "1565C0",
  teal:      "00BCD4",
  cyan:      "00E5FF",
  red:       "E53935",
  orange:    "FF6F00",
  amber:     "FFA000",
  gold:      "FFD600",
  green:     "00C853",
  lime:      "76FF03",
  white:     "FFFFFF",
  lightBlue: "B3E5FC",
  textSub:   "90CAF9",
  darkCard:  "0A1929",
  card2:     "0C2040",
  cardLine:  "1976D2",
  warn:      "B71C1C",
};

const W = 6.0;
const H = 10.67;

// ── Shared helpers ───────────────────────────────────────────────────────────

/** Slide transition: fade */
function setFade(slide, durMs = 700) {
  slide.transition = { type: "fade", duree: durMs };
}

/** Advance slide automatically after N seconds */
function autoAdvance(slide, seconds) {
  slide.slideNumber = null;
  // pptxgenjs: set timing via transition advanceOnTime
  slide.transition = { type: "fade", duree: 600, advanceOnTime: true, advanceAfterTime: seconds * 1000 };
}

/** Branding footer */
function footer(slide) {
  slide.addShape(pres.ShapeType.rect, {
    x: 0, y: H - 0.5, w: W, h: 0.5,
    fill: { color: C.blue },
    animate: { type: "fade", duree: 400, delay: 100 },
  });
  slide.addText("شفا آن لائن  |  Shifa Online  |  03024309473", {
    x: 0, y: H - 0.5, w: W, h: 0.5,
    fontSize: 9.5, bold: true, color: C.white,
    align: "center", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 400, delay: 200 },
  });
}

/** Top accent stripe + label */
function topBar(slide, label, color = C.teal) {
  slide.addShape(pres.ShapeType.rect, {
    x: 0, y: 0, w: W, h: 0.36,
    fill: { color: color },
    animate: { type: "fade", duree: 300, delay: 0 },
  });
  slide.addText(label, {
    x: 0, y: 0, w: W, h: 0.36,
    fontSize: 9.5, bold: true, color: C.darkBg,
    align: "center", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 300, delay: 80 },
  });
}

/** Glowing pulse ring */
function ring(slide, cx, cy, r, color, transp = 80) {
  slide.addShape(pres.ShapeType.ellipse, {
    x: cx - r, y: cy - r, w: r * 2, h: r * 2,
    fill: { color: color, transparency: transp },
    line: { color: color, width: 1.5, transparency: transp - 10 },
    animate: { type: "appear", duree: 600, delay: 200 },
  });
}

// ══════════════════════════════════════════════════════════════════════════════
//  SLIDE 1 – HOOK / COVER  (0-8 s)
// ══════════════════════════════════════════════════════════════════════════════
const s1 = pres.addSlide();
autoAdvance(s1, 8);

// Full background
s1.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H, fill:{color:C.darkBg} });
s1.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H*0.6, fill:{color:C.navy, transparency:20} });

// Animated glow rings around kidney area
ring(s1, W/2, 4.5, 2.2, C.red, 82);
ring(s1, W/2, 4.5, 1.7, C.orange, 76);
ring(s1, W/2, 4.5, 1.1, C.amber, 68);

// AI kidney image
s1.addImage({
  path: "/home/daytona/workspace/shifa-online-reel/thumb.png",
  x: 0.55, y: 2.35, w: 4.9, h: 4.4,
  animate: { type: "fade", duree: 800, delay: 100 },
});

// Red warning ellipse over kidney
s1.addShape(pres.ShapeType.ellipse, {
  x: 1.05, y: 3.05, w: 3.9, h: 3.35,
  fill: { color: C.white, transparency: 100 },
  line: { color: C.red, width: 4 },
  animate: { type: "appear", duree: 500, delay: 900 },
});

// ⚠ badge top-right
s1.addShape(pres.ShapeType.rect, {
  x: W - 1.25, y: 2.95, w: 1.1, h: 0.5,
  fill: { color: C.red },
  line: { color: C.amber, width: 1.5 },
  animate: { type: "appear", duree: 300, delay: 1100 },
});
s1.addText("⚠ خطرہ!", {
  x: W - 1.25, y: 2.95, w: 1.1, h: 0.5,
  fontSize: 9.5, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "appear", duree: 300, delay: 1200 },
});

// Top bar
topBar(s1, "🏥  Shifa Online  –  شفا آن لائن  –  طبی آگاہی", C.blue);

// Channel badge
s1.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.4, w: W, h: 0.52,
  fill: { color: C.blue, transparency: 25 },
  animate: { type: "fade", duree: 400, delay: 0 },
});
s1.addText("🏥  Shifa Online  |  شفا آن لائن", {
  x: 0, y: 0.4, w: W, h: 0.52,
  fontSize: 13, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 100 },
});

// Headline box
s1.addShape(pres.ShapeType.rect, {
  x: 0.12, y: 1.0, w: W - 0.24, h: 1.55,
  fill: { color: "000000", transparency: 40 },
  line: { color: C.orange, width: 2.5 },
  animate: { type: "fade", duree: 500, delay: 300 },
});
s1.addText("گردے کی پتھری؟", {
  x: 0.12, y: 1.04, w: W - 0.24, h: 0.68,
  fontSize: 27, bold: true, color: C.gold,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 600, delay: 500 },
});
s1.addText("یہ علامات خطرناک ہو سکتی ہیں!", {
  x: 0.12, y: 1.70, w: W - 0.24, h: 0.72,
  fontSize: 16.5, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 600, delay: 700 },
});

// Watch CTA strip
s1.addShape(pres.ShapeType.rect, {
  x: 0, y: H - 2.4, w: W, h: 0.48,
  fill: { color: C.red, transparency: 15 },
  animate: { type: "appear", duree: 300, delay: 1200 },
});
s1.addText("▶  ابھی دیکھیں – مکمل ویڈیو", {
  x: 0, y: H - 2.4, w: W, h: 0.48,
  fontSize: 13, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "appear", duree: 300, delay: 1300 },
});

// 3 topic pills
const pills = ["🩺 علامات", "💊 علاج", "🛡 بچاؤ"];
pills.forEach((p, i) => {
  s1.addShape(pres.ShapeType.rect, {
    x: 0.12 + i * (W/3 - 0.06), y: H - 1.88, w: W/3 - 0.12, h: 1.4,
    fill: { color: C.darkCard },
    line: { color: [C.teal, C.amber, C.green][i], width: 1.5 },
    animate: { type: "fade", duree: 400, delay: 800 + i * 120 },
  });
  s1.addText(p, {
    x: 0.12 + i * (W/3 - 0.06), y: H - 1.88, w: W/3 - 0.12, h: 1.4,
    fontSize: 12, bold: true, color: [C.teal, C.amber, C.green][i],
    align: "center", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 400, delay: 900 + i * 120 },
  });
});

footer(s1);

s1.addNotes(
`═══════════════════════════════════════════════════════
SLIDE 1 – HOOK / COVER  |  Duration: 0:00 – 0:08
═══════════════════════════════════════════════════════
⏱ ANIMATION SEQUENCE:
  0.0 s  → Background & glow rings appear
  0.1 s  → Kidney image fades in
  0.3 s  → Channel branding appears
  0.5 s  → Headline "گردے کی پتھری؟" fades in
  0.7 s  → Sub-headline appears
  0.9 s  → Warning ring pulses onto kidney
  1.1 s  → ⚠ خطرہ badge flashes in
  1.2 s  → Watch CTA strip appears
  0.8 s  → Topic pills fade in one-by-one

🎙 VOICE-OVER SCRIPT (Urdu – Male/Female Professional):
"آپ کے گردوں میں پتھری ہو سکتی ہے — اور آپ کو پتہ بھی نہ ہو۔
آج ہم آپ کو بتائیں گے وہ علامات جو خطرے کی نشاندہی کرتی ہیں،
اور وہ طریقے جن سے آپ اپنے آپ کو محفوظ رکھ سکتے ہیں۔"

🎵 BACKGROUND MUSIC: Soft, calm instrumental (hospital ambience)
📱 CAPTION: گردے کی پتھری کی علامات جانیں | Shifa Online
`
);

// ══════════════════════════════════════════════════════════════════════════════
//  SLIDE 2 – SYMPTOMS INTRO SCENE  (8-14 s)
// ══════════════════════════════════════════════════════════════════════════════
const s2a = pres.addSlide();
autoAdvance(s2a, 6);

s2a.addImage({ path: "/home/daytona/workspace/shifa-online-reel/symptoms_bg.png",
  x:0, y:0, w:W, h:H });
s2a.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H,
  fill:{color:C.darkBg, transparency:35} });

topBar(s2a, "Shifa Online  •  گردے کی پتھری  •  علامات");

// Big symptom section intro
s2a.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.42, w: W, h: 1.1,
  fill: { color: C.red, transparency: 20 },
  line: { color: C.red, width: 0 },
  animate: { type: "fade", duree: 500, delay: 0 },
});
s2a.addText("🔴", { x: 0.15, y: 0.47, w: 0.7, h: 0.7,
  fontSize: 26, align: "center",
  animate: { type: "appear", duree: 400, delay: 200 },
});
s2a.addText("گردے کی پتھری کی علامات", {
  x: 0.85, y: 0.50, w: W - 1.0, h: 0.58,
  fontSize: 18, bold: true, color: C.white,
  align: "right", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 500, delay: 300 },
});
s2a.addText("Common Signs of Kidney Stones", {
  x: 0, y: 1.05, w: W, h: 0.35,
  fontSize: 10, italic: true, color: C.teal,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 500 },
});

// Anatomy callout visual
s2a.addShape(pres.ShapeType.ellipse, {
  x: W/2 - 1.6, y: 1.55, w: 3.2, h: 3.2,
  fill: { color: C.red, transparency: 82 },
  line: { color: C.red, width: 3 },
  animate: { type: "appear", duree: 700, delay: 400 },
});
s2a.addText("⚡", {
  x: W/2 - 0.55, y: 2.2, w: 1.1, h: 1.1,
  fontSize: 44, align: "center", valign: "middle",
  animate: { type: "appear", duree: 500, delay: 600 },
});
s2a.addText("شدید درد", {
  x: W/2 - 1.3, y: 3.3, w: 2.6, h: 0.5,
  fontSize: 17, bold: true, color: C.gold,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 800 },
});

// Pain indicator arrows
[{x:0.5, y:2.5, rot:45}, {x:W-0.8, y:2.5, rot:-45}, {x:W/2-0.2, y:4.9, rot:0}].forEach((a, i) => {
  s2a.addText("▼", {
    x: a.x, y: a.y, w: 0.5, h: 0.5,
    fontSize: 16, color: C.orange,
    align: "center", rotate: a.rot,
    animate: { type: "appear", duree: 300, delay: 900 + i * 100 },
  });
});

// Quick symptom preview strip at bottom
const quickSymp = ["کمر درد", "جلن", "خون", "بخار"];
quickSymp.forEach((qs, i) => {
  s2a.addShape(pres.ShapeType.rect, {
    x: 0.1 + i * ((W-0.2)/4), y: H - 2.1, w: (W-0.2)/4 - 0.08, h: 1.6,
    fill: { color: C.darkCard },
    line: { color: C.teal, width: 1 },
    animate: { type: "fade", duree: 350, delay: 800 + i * 100 },
  });
  s2a.addText(["⚡","🔥","🩸","🌡"][i], {
    x: 0.1 + i * ((W-0.2)/4), y: H - 2.05, w: (W-0.2)/4 - 0.08, h: 0.75,
    fontSize: 20, align: "center", valign: "middle",
    animate: { type: "appear", duree: 300, delay: 900 + i * 100 },
  });
  s2a.addText(qs, {
    x: 0.1 + i * ((W-0.2)/4), y: H - 1.28, w: (W-0.2)/4 - 0.08, h: 0.48,
    fontSize: 9.5, bold: true, color: C.teal,
    align: "center", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 300, delay: 1000 + i * 100 },
  });
});

footer(s2a);

s2a.addNotes(
`═══════════════════════════════════════════════════════
SLIDE 2 – SYMPTOMS INTRO  |  Duration: 0:08 – 0:14
═══════════════════════════════════════════════════════
⏱ ANIMATION SEQUENCE:
  0.0 s  → Red heading card slides down
  0.2 s  → Section icon pulses in
  0.3 s  → Section title fades in (right)
  0.4 s  → Red glow ring expands around torso
  0.6 s  → ⚡ pain icon appears at center
  0.8 s  → "شدید درد" label fades in
  0.9 s  → Pain arrows animate in
  0.9 s  → Bottom symptom pills fade in one-by-one

🎙 VOICE-OVER SCRIPT (0:08 – 0:14):
"گردے کی پتھری میں کئی طرح کی علامات ظاہر ہوتی ہیں۔
سب سے عام علامت ہے — شدید درد —
جو کمر، پہلو، یا پیٹ کے نچلے حصے میں ہوتا ہے۔"

🎵 MUSIC: Slight tension build-up
📌 EDITOR TIP: Add subtle red pulsing glow animation to kidney area using your video editor
`
);

// ══════════════════════════════════════════════════════════════════════════════
//  SLIDE 3 – SYMPTOMS LIST  (14-27 s)
// ══════════════════════════════════════════════════════════════════════════════
const s3 = pres.addSlide();
autoAdvance(s3, 13);

s3.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H, fill:{color:C.darkBg} });
// Subtle right glow
s3.addShape(pres.ShapeType.ellipse, {
  x: W - 1.5, y: 1.5, w: 2.8, h: 2.8,
  fill:{ color: C.red, transparency: 88 },
  line:{ color: C.red, width: 0 },
});

topBar(s3, "Shifa Online  •  گردے کی پتھری کی علامات  •  Symptoms");

// Heading
s3.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.38, w: W, h: 0.78,
  fill: { color: C.red, transparency: 25 },
  animate: { type: "fade", duree: 400, delay: 0 },
});
s3.addText("📋  عام علامات", {
  x: 0.1, y: 0.38, w: W - 0.2, h: 0.78,
  fontSize: 18, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 100 },
});

const symptoms = [
  { n:"01", icon:"⚡", ur:"کمر یا پہلو میں شدید درد",              en:"Severe back or flank pain",           c:C.teal },
  { n:"02", icon:"↘",  ur:"درد کا پیٹ کے نچلے حصے تک جانا",       en:"Pain radiating to lower abdomen",      c:C.amber },
  { n:"03", icon:"🔥", ur:"پیشاب میں جلن یا درد",                 en:"Burning painful urination",            c:C.orange },
  { n:"04", icon:"🩸", ur:"پیشاب میں خون آنا",                   en:"Blood in urine (haematuria)",          c:C.red },
  { n:"05", icon:"🔁", ur:"بار بار پیشاب کی حاجت",                en:"Frequent urge to urinate",             c:C.cyan },
  { n:"06", icon:"🤢", ur:"متلی یا قے",                          en:"Nausea or vomiting",                   c:C.lime },
  { n:"07", icon:"🌡", ur:"بخار اور کپکپی",                      en:"Fever and chills",                     c:C.gold },
  { n:"08", icon:"⛔", ur:"پیشاب رکنا یا مشکل سے آنا",           en:"Difficulty/blocked urination",         c:C.red },
];

const cH = 0.9; const cGap = 0.04;
let cy = 1.22;
symptoms.forEach((s, i) => {
  const delay = 200 + i * 130;
  // Card
  s3.addShape(pres.ShapeType.rect, {
    x: 0.1, y: cy, w: W - 0.2, h: cH,
    fill: { color: i % 2 === 0 ? C.darkCard : C.card2 },
    line: { color: s.c, width: 1.5 },
    animate: { type: "fade", duree: 350, delay },
  });
  // Left number bar
  s3.addShape(pres.ShapeType.rect, {
    x: 0.1, y: cy, w: 0.34, h: cH,
    fill: { color: s.c, transparency: 30 },
    animate: { type: "appear", duree: 200, delay: delay + 50 },
  });
  s3.addText(s.n, {
    x: 0.1, y: cy, w: 0.34, h: cH,
    fontSize: 9, bold: true, color: C.white,
    align: "center", valign: "middle", fontFace: "Arial",
    animate: { type: "appear", duree: 200, delay: delay + 100 },
  });
  // Icon
  s3.addText(s.icon, {
    x: 0.46, y: cy + 0.05, w: 0.52, h: cH - 0.1,
    fontSize: 19, align: "center", valign: "middle",
    animate: { type: "appear", duree: 250, delay: delay + 80 },
  });
  // Urdu
  s3.addText(s.ur, {
    x: 1.02, y: cy + 0.06, w: W - 1.2, h: 0.46,
    fontSize: 13.5, bold: true, color: C.white,
    align: "right", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 350, delay: delay + 100 },
  });
  // English
  s3.addText(s.en, {
    x: 1.02, y: cy + 0.5, w: W - 1.2, h: 0.3,
    fontSize: 8, italic: true, color: C.textSub,
    align: "right", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 300, delay: delay + 150 },
  });
  cy += cH + cGap;
});

// VO strip
s3.addShape(pres.ShapeType.rect, {
  x: 0.1, y: cy + 0.04, w: W - 0.2, h: 0.5,
  fill: { color: C.warn, transparency: 25 },
  line: { color: C.orange, width: 1 },
  animate: { type: "fade", duree: 400, delay: 1400 },
});
s3.addText('🎙 "اگر ان میں سے کوئی بھی علامت ہو تو فوری ڈاکٹر سے رابطہ کریں"', {
  x: 0.15, y: cy + 0.04, w: W - 0.3, h: 0.5,
  fontSize: 8.5, italic: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 1500 },
});

footer(s3);

s3.addNotes(
`═══════════════════════════════════════════════════════
SLIDE 3 – SYMPTOMS LIST  |  Duration: 0:14 – 0:27
═══════════════════════════════════════════════════════
⏱ ANIMATION SEQUENCE:
  0.0 s  → Section heading slides in
  0.2 s  → Card 1 fades in (left accent + icon + text)
  0.33s  → Card 2 fades in
  … cards appear every ~130ms
  1.4 s  → Voice-over quote box appears

🎙 VOICE-OVER SCRIPT (0:14 – 0:27):
"گردے کی پتھری میں سب سے پہلے کمر یا پہلو میں شدید درد ہوتا ہے،
جو بعض اوقات پیٹ کے نچلے حصے تک پھیل جاتا ہے۔

پیشاب میں جلن، خون آنا، بار بار پیشاب کی حاجت —
یہ سب خطرے کی نشانیاں ہیں۔

متلی، قے، بخار، اور کپکپی بھی ہو سکتی ہے۔

اگر پیشاب مکمل بند ہو جائے —
تو یہ ایمرجنسی ہے۔ فوری ہسپتال جائیں۔"

📌 EDITOR TIP: Each card should appear with a slight "slide from right" effect.
   Use CapCut → "Slide Right" entrance for each text block.
   Speed: 0.3 s per card, 0.1 s stagger between cards.
🎵 MUSIC: Same calm background, slight urgency on "ایمرجنسی" word
`
);

// ══════════════════════════════════════════════════════════════════════════════
//  SLIDE 4 – PREVENTION INTRO SCENE  (27-33 s)
// ══════════════════════════════════════════════════════════════════════════════
const s4a = pres.addSlide();
autoAdvance(s4a, 6);

s4a.addImage({ path: "/home/daytona/workspace/shifa-online-reel/prevention_bg.png",
  x:0, y:0, w:W, h:H });
s4a.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H,
  fill:{ color:C.darkBg, transparency:35 } });

topBar(s4a, "Shifa Online  •  بچاؤ اور علاج  •  Prevention & Treatment", C.green);

// Heading
s4a.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.4, w: W, h: 1.05,
  fill: { color: C.green, transparency: 22 },
  animate: { type: "fade", duree: 500, delay: 0 },
});
s4a.addText("✅", { x: 0.2, y: 0.44, w: 0.65, h: 0.65, fontSize: 24, align: "center",
  animate: { type: "appear", duree: 400, delay: 200 },
});
s4a.addText("بچاؤ اور علاج", {
  x: 0.85, y: 0.47, w: W - 1.0, h: 0.58,
  fontSize: 21, bold: true, color: C.white,
  align: "right", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 500, delay: 300 },
});
s4a.addText("Prevention & Treatment", {
  x: 0, y: 1.0, w: W, h: 0.35,
  fontSize: 10, italic: true, color: C.green,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 500 },
});

// Center shield visual
s4a.addShape(pres.ShapeType.ellipse, {
  x: W/2 - 1.6, y: 1.55, w: 3.2, h: 3.2,
  fill: { color: C.green, transparency: 82 },
  line: { color: C.green, width: 3 },
  animate: { type: "appear", duree: 700, delay: 400 },
});
s4a.addText("🛡", {
  x: W/2 - 0.65, y: 2.2, w: 1.3, h: 1.3,
  fontSize: 48, align: "center", valign: "middle",
  animate: { type: "appear", duree: 500, delay: 600 },
});
s4a.addText("آپ محفوظ رہ سکتے ہیں!", {
  x: W/2 - 1.8, y: 3.55, w: 3.6, h: 0.55,
  fontSize: 14, bold: true, color: C.gold,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 500, delay: 800 },
});

// Quick tips preview
const quickTips = ["💧 پانی", "🥗 غذا", "🩺 ڈاکٹر", "🔬 ٹیسٹ"];
quickTips.forEach((qt, i) => {
  s4a.addShape(pres.ShapeType.rect, {
    x: 0.1 + i * ((W-0.2)/4), y: H - 2.1, w: (W-0.2)/4 - 0.08, h: 1.6,
    fill: { color: C.darkCard },
    line: { color: C.green, width: 1 },
    animate: { type: "fade", duree: 350, delay: 800 + i * 100 },
  });
  s4a.addText(qt, {
    x: 0.1 + i * ((W-0.2)/4), y: H - 2.05, w: (W-0.2)/4 - 0.08, h: 1.6,
    fontSize: 11, bold: true, color: C.green,
    align: "center", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 350, delay: 900 + i * 100 },
  });
});

footer(s4a);

s4a.addNotes(
`═══════════════════════════════════════════════════════
SLIDE 4 – PREVENTION INTRO  |  Duration: 0:27 – 0:33
═══════════════════════════════════════════════════════
⏱ ANIMATION SEQUENCE:
  0.0 s  → Green heading card fades in
  0.4 s  → Green protection ring expands
  0.6 s  → Shield emoji appears
  0.8 s  → "آپ محفوظ رہ سکتے ہیں" text
  0.9 s  → Bottom tip pills fade in

🎙 VOICE-OVER SCRIPT (0:27 – 0:33):
"اچھی خبر یہ ہے کہ گردے کی پتھری سے بچا جا سکتا ہے۔
چند آسان احتیاطی تدابیر سے آپ اپنے گردوں کو صحت مند رکھ سکتے ہیں۔"

🎵 MUSIC: Hopeful, uplifting tone
📌 EDITOR TIP: Transition from Slide 3 with a "wipe left" effect for contrast (danger → hope)
`
);

// ══════════════════════════════════════════════════════════════════════════════
//  SLIDE 5 – PREVENTION LIST  (33-45 s)
// ══════════════════════════════════════════════════════════════════════════════
const s5 = pres.addSlide();
autoAdvance(s5, 12);

s5.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H, fill:{color:C.darkBg} });
s5.addShape(pres.ShapeType.ellipse, {
  x: -1.0, y: H - 3.5, w: 3.5, h: 3.5,
  fill:{ color: C.green, transparency: 90 },
  line:{ color: C.green, width: 0 },
});

topBar(s5, "Shifa Online  •  گردے کی پتھری سے بچاؤ  •  Prevention", C.green);

s5.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.38, w: W, h: 0.78,
  fill: { color: C.green, transparency: 25 },
  animate: { type: "fade", duree: 400, delay: 0 },
});
s5.addText("✅  بچاؤ اور علاج", {
  x: 0.1, y: 0.38, w: W - 0.2, h: 0.78,
  fontSize: 18, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 100 },
});

const tips = [
  { n:"01", icon:"💧", ur:"مناسب مقدار میں پانی پئیں",            en:"Drink 2.5–3 litres of water daily",    c:C.teal },
  { n:"02", icon:"🧂", ur:"نمک کا استعمال کم کریں",              en:"Reduce dietary sodium intake",          c:C.amber },
  { n:"03", icon:"🥗", ur:"صحت مند غذا استعمال کریں",            en:"Eat a balanced, healthy diet",          c:C.green },
  { n:"04", icon:"⏱",  ur:"پیشاب زیادہ دیر تک نہ روکیں",        en:"Never hold urine for long periods",     c:C.gold },
  { n:"05", icon:"🩺", ur:"بروقت ڈاکٹر سے مشورہ کریں",           en:"Consult a PMDC-verified doctor",        c:C.teal },
  { n:"06", icon:"🔬", ur:"الٹراساؤنڈ اور ضروری ٹیسٹ کروائیں", en:"Get ultrasound & required tests done",  c:C.blue },
];

let ty = 1.22;
const tH = 1.0; const tG = 0.04;
tips.forEach((t, i) => {
  const dl = 200 + i * 140;
  s5.addShape(pres.ShapeType.rect, {
    x: 0.1, y: ty, w: W - 0.2, h: tH,
    fill: { color: i % 2 === 0 ? C.darkCard : C.card2 },
    line: { color: t.c, width: 1.5 },
    animate: { type: "fade", duree: 350, delay: dl },
  });
  s5.addShape(pres.ShapeType.rect, {
    x: 0.1, y: ty, w: 0.34, h: tH,
    fill: { color: t.c, transparency: 30 },
    animate: { type: "appear", duree: 200, delay: dl + 50 },
  });
  s5.addText(t.n, {
    x: 0.1, y: ty, w: 0.34, h: tH,
    fontSize: 9, bold: true, color: C.white,
    align: "center", valign: "middle", fontFace: "Arial",
    animate: { type: "appear", duree: 200, delay: dl + 100 },
  });
  s5.addText(t.icon, {
    x: 0.47, y: ty + 0.06, w: 0.52, h: tH - 0.12,
    fontSize: 19, align: "center", valign: "middle",
    animate: { type: "appear", duree: 250, delay: dl + 80 },
  });
  s5.addText(t.ur, {
    x: 1.02, y: ty + 0.08, w: W - 1.2, h: 0.5,
    fontSize: 13.5, bold: true, color: C.white,
    align: "right", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 350, delay: dl + 100 },
  });
  s5.addText(t.en, {
    x: 1.02, y: ty + 0.56, w: W - 1.2, h: 0.3,
    fontSize: 8, italic: true, color: C.textSub,
    align: "right", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 300, delay: dl + 150 },
  });
  ty += tH + tG;
});

// VO strip
s5.addShape(pres.ShapeType.rect, {
  x: 0.1, y: ty + 0.04, w: W - 0.2, h: 0.5,
  fill: { color: C.green, transparency: 28 },
  line: { color: C.green, width: 1 },
  animate: { type: "fade", duree: 400, delay: 1500 },
});
s5.addText('🎙 "بروقت طبی مشورہ سے پتھری کو بہتر طریقے سے کنٹرول کیا جا سکتا ہے"', {
  x: 0.15, y: ty + 0.04, w: W - 0.3, h: 0.5,
  fontSize: 8.5, italic: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 1600 },
});

footer(s5);

s5.addNotes(
`═══════════════════════════════════════════════════════
SLIDE 5 – PREVENTION LIST  |  Duration: 0:33 – 0:45
═══════════════════════════════════════════════════════
⏱ ANIMATION SEQUENCE:
  0.0 s  → Green heading bar
  0.2 s  → Tip 1 card fades in
  0.34s  → Tip 2 card fades in
  … cards appear every ~140 ms
  1.5 s  → VO quote strip appears

🎙 VOICE-OVER SCRIPT (0:33 – 0:45):
"پتھری سے بچنے کے لیے سب سے پہلی بات — روزانہ کم از کم تین لیٹر پانی پئیں۔

نمک اور پروٹین کی زیادتی سے بچیں۔ صحت مند غذا کھائیں۔

پیشاب کو زیادہ دیر تک نہ روکیں۔

اور سب سے اہم — ڈاکٹر سے باقاعدگی سے مشورہ کریں
اور الٹراساؤنڈ جیسے ضروری ٹیسٹ کروائیں۔"

📌 EDITOR TIP: Each tip card slides in from the right. Use green checkmark animation overlay.
🎵 MUSIC: Positive, resolution tone
`
);

// ══════════════════════════════════════════════════════════════════════════════
//  SLIDE 6 – END SCREEN / CTA  (45-60 s)
// ══════════════════════════════════════════════════════════════════════════════
const s6 = pres.addSlide();
autoAdvance(s6, 15);

s6.addImage({ path: "/home/daytona/workspace/shifa-online-reel/endscreen_bg.png",
  x:0, y:0, w:W, h:H });
s6.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:H,
  fill:{ color:C.darkBg, transparency:30 } });

// Rings
ring(s6, W/2, 2.4, 2.0, C.blue, 85);
ring(s6, W/2, 2.4, 1.4, C.teal, 88);

topBar(s6, "Shifa Online  •  آن لائن مشاورت  •  Online Consultation");

// Logo circle
s6.addShape(pres.ShapeType.ellipse, {
  x: W/2 - 0.85, y: 0.55, w: 1.7, h: 1.7,
  fill: { color: C.blue },
  line: { color: C.teal, width: 3 },
  animate: { type: "appear", duree: 600, delay: 0 },
});
s6.addText("🏥", {
  x: W/2 - 0.85, y: 0.55, w: 1.7, h: 1.7,
  fontSize: 38, align: "center", valign: "middle",
  animate: { type: "appear", duree: 500, delay: 200 },
});

// Brand name
s6.addText("شفا آن لائن", {
  x: 0, y: 2.35, w: W, h: 0.65,
  fontSize: 27, bold: true, color: C.gold,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 500, delay: 300 },
});
s6.addText("Shifa Online", {
  x: 0, y: 2.98, w: W, h: 0.38,
  fontSize: 14, color: C.teal, italic: true,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 450 },
});
s6.addShape(pres.ShapeType.line, { x:0.8, y:3.45, w:W-1.6, h:0,
  line:{ color:C.teal, width:1.5 },
  animate: { type: "appear", duree: 400, delay: 550 },
});

// PMDC badge
s6.addShape(pres.ShapeType.rect, {
  x: W/2 - 1.9, y: 3.57, w: 3.8, h: 0.55,
  fill: { color: C.green, transparency: 22 },
  line: { color: C.green, width: 1.5 },
  animate: { type: "fade", duree: 400, delay: 600 },
});
s6.addText("✔  PMDC Verified Doctors", {
  x: W/2 - 1.9, y: 3.57, w: 3.8, h: 0.55,
  fontSize: 12, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 700 },
});
s6.addText("PMDC تصدیق شدہ ڈاکٹروں سے مشاورت", {
  x: 0, y: 4.18, w: W, h: 0.38,
  fontSize: 10, color: C.textSub,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 800 },
});

// Consult cards
const cdata = [
  { icon:"🎧", t:"Audio Consultation", u:"آڈیو مشاورت",   c:C.teal },
  { icon:"📹", t:"Video Conference",   u:"ویڈیو کانفرنس",  c:C.cyan },
];
cdata.forEach((cd, i) => {
  const cx = i === 0 ? 0.12 : W/2 + 0.06;
  s6.addShape(pres.ShapeType.rect, {
    x: cx, y: 4.68, w: W/2 - 0.18, h: 1.08,
    fill: { color: C.darkCard },
    line: { color: cd.c, width: 2 },
    animate: { type: "fade", duree: 400, delay: 800 + i * 120 },
  });
  s6.addText(cd.icon, {
    x: cx, y: 4.72, w: W/2 - 0.18, h: 0.5,
    fontSize: 22, align: "center", valign: "middle",
    animate: { type: "appear", duree: 300, delay: 900 + i * 120 },
  });
  s6.addText(cd.t, {
    x: cx, y: 5.2, w: W/2 - 0.18, h: 0.28,
    fontSize: 8.5, bold: true, color: cd.c,
    align: "center", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 300, delay: 1000 + i * 120 },
  });
  s6.addText(cd.u, {
    x: cx, y: 5.46, w: W/2 - 0.18, h: 0.24,
    fontSize: 8, color: C.textSub,
    align: "center", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 300, delay: 1050 + i * 120 },
  });
});

// WhatsApp CTA
s6.addShape(pres.ShapeType.rect, {
  x: 0.12, y: 5.88, w: W - 0.24, h: 0.75,
  fill: { color: "1A7A3A", transparency: 10 },
  line: { color: "25D366", width: 2 },
  animate: { type: "fade", duree: 500, delay: 1000 },
});
s6.addText("📱  WhatsApp: 03024309473", {
  x: 0.12, y: 5.88, w: W - 0.24, h: 0.4,
  fontSize: 14.5, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 500, delay: 1100 },
});
s6.addText("ابھی میسج کریں – مشاورت بک کروائیں", {
  x: 0.12, y: 6.26, w: W - 0.24, h: 0.37,
  fontSize: 10, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 1200 },
});

// Paid badge
s6.addShape(pres.ShapeType.rect, {
  x: W/2 - 1.6, y: 6.74, w: 3.2, h: 0.44,
  fill: { color: C.red, transparency: 22 },
  line: { color: C.red, width: 1 },
  animate: { type: "appear", duree: 300, delay: 1300 },
});
s6.addText("🔴  Paid Online Consultation Services Available", {
  x: W/2 - 1.6, y: 6.74, w: 3.2, h: 0.44,
  fontSize: 8.5, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "appear", duree: 300, delay: 1400 },
});

// Emergency notice
s6.addShape(pres.ShapeType.rect, {
  x: 0.12, y: 7.28, w: W - 0.24, h: 1.6,
  fill: { color: C.warn, transparency: 22 },
  line: { color: C.red, width: 2 },
  animate: { type: "fade", duree: 500, delay: 1400 },
});
s6.addText("⚠  ایمرجنسی نوٹس", {
  x: 0.18, y: 7.32, w: W - 0.36, h: 0.4,
  fontSize: 12, bold: true, color: C.gold,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 400, delay: 1500 },
});
s6.addShape(pres.ShapeType.line, { x:0.3, y:7.74, w:W-0.6, h:0,
  line:{ color:C.red, width:1 },
  animate: { type: "appear", duree: 300, delay: 1600 },
});
s6.addText(
  "شدید درد، پیشاب مکمل بند ہونے، شدید بخار، یا کسی بھی ہنگامی حالت میں فوری طور پر قریبی ہسپتال جائیں۔",
  {
    x: 0.18, y: 7.78, w: W - 0.36, h: 1.02,
    fontSize: 10.5, color: C.white, bold: false,
    align: "center", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 500, delay: 1700 },
  }
);

// Social CTA
s6.addShape(pres.ShapeType.rect, {
  x: 0, y: 8.98, w: W, h: 0.42,
  fill: { color: C.darkCard },
  animate: { type: "fade", duree: 300, delay: 1800 },
});
s6.addText("▶ Like  •  💬 Comment  •  🔁 Share  •  🔔 Subscribe", {
  x: 0, y: 8.98, w: W, h: 0.42,
  fontSize: 9.5, bold: true, color: C.teal,
  align: "center", valign: "middle", fontFace: "Arial",
  animate: { type: "fade", duree: 300, delay: 1900 },
});

// Footer
s6.addShape(pres.ShapeType.rect, {
  x: 0, y: H - 0.48, w: W, h: 0.48,
  fill: { color: C.blue },
});
s6.addText("شفا آن لائن  |  Shifa Online  |  03024309473", {
  x: 0, y: H - 0.48, w: W, h: 0.48,
  fontSize: 9.5, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
});

s6.addNotes(
`═══════════════════════════════════════════════════════
SLIDE 6 – END SCREEN / CTA  |  Duration: 0:45 – 1:00
═══════════════════════════════════════════════════════
⏱ ANIMATION SEQUENCE:
  0.0 s  → Background glow rings expand
  0.2 s  → Hospital icon bounces in
  0.3 s  → Brand name fades in
  0.6 s  → PMDC verified badge appears
  0.8 s  → Consultation cards fade in
  1.0 s  → WhatsApp CTA pulses in (GREEN flash)
  1.3 s  → Paid services badge appears
  1.4 s  → Emergency notice fades in
  1.8 s  → Social media CTA scrolls in

🎙 VOICE-OVER SCRIPT (0:45 – 1:00):
"شفا آن لائن کے ساتھ آپ گھر بیٹھے PMDC تصدیق شدہ ڈاکٹروں سے مشاورت کر سکتے ہیں۔

آڈیو اور ویڈیو کنسلٹیشن دستیاب ہے۔

ابھی واٹس ایپ کریں — صفر تین صفر دو چار تین صفر نو چار سات تین

یاد رکھیں —
شدید درد، بخار، یا پیشاب بند ہو جائے تو
فوری قریبی ہسپتال جائیں — یہ ایمرجنسی ہے۔

ویڈیو پسند آئے تو لائک اور شیئر کریں۔
شفا آن لائن کو فالو کریں صحت سے متعلق معلومات کے لیے۔
شکریہ!"

🎵 MUSIC: Warm, reassuring outro tone
📌 EDITOR TIP: Add WhatsApp button pulse animation (scale 1.0 → 1.05 → 1.0, repeat 3x)
   Add subscribe bell animation overlay in bottom-right corner.
`
);

// ══════════════════════════════════════════════════════════════════════════════
//  SAVE
// ══════════════════════════════════════════════════════════════════════════════
const outPath = "/home/daytona/workspace/shifa-online-reel/Shifa_Online_KidneyStone_ANIMATED_Reel.pptx";
pres.writeFile({ fileName: outPath })
  .then(() => console.log("SUCCESS: " + outPath))
  .catch(e => { console.error("ERROR:", e); process.exit(1); });

# 🎙 Voice-Over Script – Shifa Online
## گردے کی پتھری – Kidney Stone Awareness
### Duration: 45–60 seconds | Vertical Reel Format

---

## 📌 Recording Instructions

| Setting | Value |
|---|---|
| Language | Urdu (Professional, calm tone) |
| Voice type | Male or Female – clear & trustworthy |
| Mic | Condenser mic preferred, reduce room echo |
| Recording app | Adobe Audition / Audacity / CapCut Voice |
| Export format | MP3, 44100 Hz, 320kbps |
| Noise gate | On (remove background hiss) |
| EQ | Boost 200–500 Hz slightly for warmth |

---

## 🎬 Scene-by-Scene Script

---

### SCENE 1 – HOOK / COVER  `[0:00 – 0:08]`

> **اردو اسکرپٹ:**

*"آپ کے گردوں میں پتھری ہو سکتی ہے — اور آپ کو پتہ بھی نہ ہو۔*
*آج ہم آپ کو بتائیں گے وہ علامات جو خطرے کی نشاندہی کرتی ہیں،*
*اور وہ طریقے جن سے آپ اپنے آپ کو محفوظ رکھ سکتے ہیں۔"*

> **Transliteration:**
*"Aap ke gurdon mein pathri ho sakti hai — aur aap ko pata bhi na ho.*
*Aaj hum aap ko batayein ge woh alamaat jo khatre ki nishaan-dehi karti hain,*
*aur woh tareeqay jin se aap apne aap ko mehfooz rakh sakte hain."*

**Tone:** Calm, slightly dramatic pause after "نہ ہو"
**Pace:** Medium-slow
**Background Music:** Soft hospital ambience / piano intro

---

### SCENE 2 – SYMPTOMS INTRO  `[0:08 – 0:14]`

> **اردو اسکرپٹ:**

*"گردے کی پتھری میں کئی طرح کی علامات ظاہر ہوتی ہیں۔*
*سب سے عام علامت ہے — شدید درد —*
*جو کمر، پہلو، یا پیٹ کے نچلے حصے میں ہوتا ہے۔"*

> **Transliteration:**
*"Gurday ki pathri mein kai tarah ki alamaat zahir hoti hain.*
*Sab se aam alamat hai — shadeed dard —*
*jo kamar, pahlu, ya pait ke nichle hisse mein hota hai."*

**Tone:** Informative, clear
**Pause:** 0.5s pause before "شدید درد"
**Music:** Slight tension build

---

### SCENE 3 – SYMPTOMS LIST  `[0:14 – 0:27]`

> **اردو اسکرپٹ:**

*"گردے کی پتھری میں سب سے پہلے کمر یا پہلو میں شدید درد ہوتا ہے،*
*جو بعض اوقات پیٹ کے نچلے حصے تک پھیل جاتا ہے۔*

*پیشاب میں جلن، خون آنا، بار بار پیشاب کی حاجت —*
*یہ سب خطرے کی نشانیاں ہیں۔*

*متلی، قے، بخار، اور کپکپی بھی ہو سکتی ہے۔*

*اگر پیشاب مکمل بند ہو جائے —*
*تو یہ ایمرجنسی ہے۔ فوری ہسپتال جائیں۔"*

> **Transliteration:**
*"Gurday ki pathri mein sab se pehle kamar ya pahlu mein shadeed dard hota hai,*
*jo baaz awqat pait ke nichle hisse tak phail jata hai.*
*Peshab mein jalan, khoon aana, baar baar peshab ki haajat —*
*yeh sab khatre ki nishaniyaan hain.*
*Matli, qay, bukhar, aur kapkapi bhi ho sakti hai.*
*Agar peshab mukammal band ho jaye — toh yeh emergency hai. Fauran hospital jayein."*

**Tone:** Each symptom read clearly with 0.3s pause between items
**Emphasis:** "ایمرجنسی" said louder/firmer
**Music:** Tension peaks then resolves

---

### SCENE 4 – PREVENTION INTRO  `[0:27 – 0:33]`

> **اردو اسکرپٹ:**

*"اچھی خبر یہ ہے کہ گردے کی پتھری سے بچا جا سکتا ہے۔*
*چند آسان احتیاطی تدابیر سے آپ اپنے گردوں کو صحت مند رکھ سکتے ہیں۔"*

> **Transliteration:**
*"Achhi khabar yeh hai ke gurday ki pathri se bacha ja sakta hai.*
*Chand aasaan ehtiyaati tadabeer se aap apne gurdon ko sehatmand rakh sakte hain."*

**Tone:** Hopeful, uplifting
**Pause:** 0.5s after "اچھی خبر"
**Music:** Shifts to uplifting, hopeful tone

---

### SCENE 5 – PREVENTION LIST  `[0:33 – 0:45]`

> **اردو اسکرپٹ:**

*"پتھری سے بچنے کے لیے سب سے پہلی بات — روزانہ کم از کم تین لیٹر پانی پئیں۔*

*نمک اور پروٹین کی زیادتی سے بچیں۔ صحت مند غذا کھائیں۔*

*پیشاب کو زیادہ دیر تک نہ روکیں۔*

*اور سب سے اہم —*
*ڈاکٹر سے باقاعدگی سے مشورہ کریں*
*اور الٹراساؤنڈ جیسے ضروری ٹیسٹ کروائیں۔"*

> **Transliteration:**
*"Pathri se bachne ke liye sab se pehli baat — rozana kam az kam teen litre paani piyein.*
*Namak aur protein ki ziyadti se bachein. Sehatmand ghiza khayein.*
*Peshab ko zyada der tak na rokein.*
*Aur sab se aham — doctor se baaqaaidgi se mashwara karein*
*aur ultrasound jaise zaroori test karwayein."*

**Tone:** Warm, practical
**Music:** Steady, reassuring

---

### SCENE 6 – END SCREEN / CTA  `[0:45 – 1:00]`

> **اردو اسکرپٹ:**

*"شفا آن لائن کے ساتھ آپ گھر بیٹھے PMDC تصدیق شدہ ڈاکٹروں سے مشاورت کر سکتے ہیں۔*

*آڈیو اور ویڈیو کنسلٹیشن دستیاب ہے۔*

*ابھی واٹس ایپ کریں:*
*صفر تین صفر دو، چار تین صفر نو، چار سات تین*

*یاد رکھیں —*
*شدید درد، بخار، یا پیشاب بند ہو جائے تو*
*فوری قریبی ہسپتال جائیں — یہ ایمرجنسی ہے۔*

*ویڈیو پسند آئے تو لائک اور شیئر کریں۔*
*شفا آن لائن کو فالو کریں صحت سے متعلق معلومات کے لیے۔*
*شکریہ!"*

> **Transliteration:**
*"Shifa Online ke saath aap ghar baith ke PMDC tasdeek-shuda doctors se mashwara kar sakte hain.*
*Audio aur video consultation dastiyaab hai.*
*Abhi WhatsApp karein: Zero three zero two, four three zero nine, four seven three.*
*Yaad rakhein — shadeed dard, bukhar, ya peshab band ho jaye toh fauran qareeb hospital jayein — yeh emergency hai.*
*Video pasand aye toh like aur share karein.*
*Shifa Online ko follow karein sehat se mutaliq maloomat ke liye.*
*Shukriya!"*

**Tone:** Professional, warm close
**WhatsApp number:** Read slowly, digit by digit with natural grouping
**Music:** Warm, uplifting outro, fade out

---

## 🎵 Background Music Recommendations

| Scene | Music Style | Duration |
|---|---|---|
| 1 – Cover | Soft tension, piano sting | 8 s |
| 2 – Symptoms Intro | Slight tension build | 6 s |
| 3 – Symptoms List | Serious but calm | 13 s |
| 4 – Prevention Intro | Hopeful transition | 6 s |
| 5 – Prevention Tips | Positive, steady | 12 s |
| 6 – End Screen | Warm, reassuring, fade | 15 s |

**Royalty-Free Sources:**
- [Pixabay Music](https://pixabay.com/music) – search "medical background"
- [Mixkit](https://mixkit.co/free-stock-music/) – search "calm corporate"
- [Freesound.org](https://freesound.org) – search "hospital ambient"

---

## 📱 CapCut Video Editor Workflow

### Step 1 – Export Slides as Images
1. Open PPTX in PowerPoint/Google Slides
2. File → Export → PNG Images (all slides)
3. Set resolution: 1080 × 1920 px

### Step 2 – Import into CapCut
1. New Project → 9:16 Vertical
2. Import all 6 slide images in order
3. Set each clip duration:
   - Slide 1 (Cover): **8 seconds**
   - Slide 2 (Symptoms Intro): **6 seconds**
   - Slide 3 (Symptoms List): **13 seconds**
   - Slide 4 (Prevention Intro): **6 seconds**
   - Slide 5 (Prevention Tips): **12 seconds**
   - Slide 6 (End Screen): **15 seconds**
   - **Total: 60 seconds**

### Step 3 – Add Transitions
| Between | Transition |
|---|---|
| Slide 1 → 2 | Flash (0.3s) |
| Slide 2 → 3 | Slide Left (0.4s) |
| Slide 3 → 4 | Wipe Left (0.5s) – signals tone shift |
| Slide 4 → 5 | Slide Left (0.4s) |
| Slide 5 → 6 | Fade (0.6s) |

### Step 4 – Text Animations (per slide)
- Slide 3 cards: "Slide from Right" – 0.3s, 0.1s stagger
- Slide 5 tips: "Slide from Right" – 0.3s, 0.12s stagger
- All headings: "Fade In" – 0.4s
- Slide 6 WhatsApp: "Scale Up" pulse × 3

### Step 5 – Voice-Over
1. CapCut → Audio → Record Voice
2. Read script from this document per scene
3. OR use Text-to-Speech (CapCut AI TTS): Select "Urdu" voice

### Step 6 – Add Music
1. CapCut → Audio → Music → search "calm medical"
2. Set volume: -12 dB (voice should be louder)
3. Fade out last 3 seconds

### Step 7 – Subtitles
1. CapCut → Text → Auto Captions
2. Language: Urdu
3. Font: Large, bold, white with black shadow
4. Position: Lower third (bottom 20%)

### Step 8 – Export
- Resolution: 1080 × 1920
- Frame rate: 30 FPS
- Format: MP4 H.264
- Quality: High

---

## 🔁 Daily Series Template Note

This same 6-slide animated format can be reused for any disease topic:
1. Replace disease name throughout
2. Swap slide 2–5 content (symptoms + prevention)
3. Generate new AI thumbnail image for Slide 1
4. End Screen (Slide 6) stays identical — it's your permanent brand CTA

**Suggested series topics for Shifa Online:**
- ذیابیطس (Diabetes)
- بلڈ پریشر (Hypertension)
- دل کی بیماری (Heart Disease)
- ہیپاٹائٹس (Hepatitis B/C)
- گردے کی خرابی (Kidney Failure)
- دمہ (Asthma)
- تھائیرائیڈ (Thyroid)

---

*© Shifa Online | شفا آن لائن | 03024309473*

/**
 * Shifa Online – Kidney Stone 3D Medical Reel v2
 * 3 Scenes | Vertical 9:16 | 1080x1920 | Animated PPTX
 * Duration: 20-30 seconds | Urdu Language
 */
const pptxgen = require("pptxgenjs");

const pres = new pptxgen();
pres.defineLayout({ name: "V916", width: 6.0, height: 10.67 });
pres.layout  = "V916";
pres.author  = "Shifa Online";
pres.title   = "گردے کی پتھری – 3D Medical Reel | Shifa Online";

// ── Paths ────────────────────────────────────────────────────────────────────
const DIR = "/home/daytona/workspace/shifa-reel-v2/";
const IMG = {
  s1: DIR + "scene1_cover.png",
  s2: DIR + "scene2_symptoms.png",
  s3: DIR + "scene3_treatment.png",
};

// ── Palette ──────────────────────────────────────────────────────────────────
const C = {
  black:   "000000", darkBg: "060C18", navy: "0A1628",
  blue:    "1565C0", teal:   "00BCD4", cyan: "00E5FF",
  red:     "E53935", orange: "FF6F00", gold: "FFD600",
  green:   "00C853", white:  "FFFFFF", textSub: "90CAF9",
  darkCard:"081525", warn:   "B71C1C", amber: "FFA000",
};

const W = 6.0, H = 10.67;

function fade(delay = 0, dur = 500) {
  return { animate: { type: "fade", duree: dur, delay } };
}
function appear(delay = 0, dur = 400) {
  return { animate: { type: "appear", duree: dur, delay } };
}

function brandFooter(slide) {
  slide.addShape(pres.ShapeType.rect, {
    x: 0, y: H - 0.52, w: W, h: 0.52,
    fill: { color: C.blue },
    ...appear(1800, 300),
  });
  slide.addText("شفا آن لائن  |  Shifa Online  |  WhatsApp: 03024309473", {
    x: 0, y: H - 0.52, w: W, h: 0.52,
    fontSize: 9, bold: true, color: C.white,
    align: "center", valign: "middle", fontFace: "Arial",
    ...fade(1900, 300),
  });
}

// ════════════════════════════════════════════════════════════════════════════
//  SCENE 1 – HOOK / COVER  (0–8 s)
//  Pakistani male in pain + glowing red kidney with stone
// ════════════════════════════════════════════════════════════════════════════
const s1 = pres.addSlide();
s1.transition = { type: "fade", duree: 500, advanceOnTime: true, advanceAfterTime: 8000 };

// Full AI image as background
s1.addImage({ path: IMG.s1, x: 0, y: 0, w: W, h: H });

// Dark overlay top for text legibility
s1.addShape(pres.ShapeType.rect, {
  x: 0, y: 0, w: W, h: 3.2,
  fill: { color: C.black, transparency: 25 },
  ...fade(0, 300),
});

// Top scanner/HUD frame accent
s1.addShape(pres.ShapeType.rect, {
  x: 0, y: 0, w: W, h: 0.06,
  fill: { color: C.red },
  ...appear(100, 200),
});
s1.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.06, w: W, h: 0.36,
  fill: { color: C.navy, transparency: 20 },
  ...appear(150, 200),
});
s1.addText("🔴  LIVE  •  طبی آگاہی  •  Shifa Online", {
  x: 0, y: 0.06, w: W, h: 0.36,
  fontSize: 10, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(200, 300),
});

// WARNING pulse badge top-right
s1.addShape(pres.ShapeType.rect, {
  x: W - 1.3, y: 0.5, w: 1.2, h: 0.55,
  fill: { color: C.red, transparency: 10 },
  line: { color: C.amber, width: 1.5 },
  ...appear(400, 300),
});
s1.addText("⚠ خطرہ!", {
  x: W - 1.3, y: 0.5, w: 1.2, h: 0.55,
  fontSize: 11, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...appear(500, 300),
});

// Main Urdu headline – BIG, bold, gold
s1.addShape(pres.ShapeType.rect, {
  x: 0.12, y: 1.12, w: W - 0.24, h: 1.05,
  fill: { color: C.black, transparency: 38 },
  line: { color: C.red, width: 2.5 },
  ...fade(300, 500),
});
s1.addText("کیا آپ کو گردے کی پتھری ہے؟", {
  x: 0.12, y: 1.16, w: W - 0.24, h: 0.58,
  fontSize: 22, bold: true, color: C.gold,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(500, 600),
});
s1.addText("یہ علامات نظر انداز نہ کریں!", {
  x: 0.12, y: 1.72, w: W - 0.24, h: 0.4,
  fontSize: 14.5, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(700, 500),
});

// Sub-text strip
s1.addShape(pres.ShapeType.rect, {
  x: 0, y: 2.26, w: W, h: 0.42,
  fill: { color: C.red, transparency: 20 },
  ...appear(900, 300),
});
s1.addText("▶  ابھی دیکھیں – مکمل ویڈیو", {
  x: 0, y: 2.26, w: W, h: 0.42,
  fontSize: 12, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(1000, 300),
});

// Shifa Online badge overlay (reinforcing the AI logo)
s1.addShape(pres.ShapeType.ellipse, {
  x: 0.18, y: H - 1.65, w: 1.55, h: 1.55,
  fill: { color: C.blue, transparency: 15 },
  line: { color: C.teal, width: 2.5 },
  ...appear(1200, 400),
});
s1.addText("🏥\nShifa\nOnline", {
  x: 0.18, y: H - 1.65, w: 1.55, h: 1.55,
  fontSize: 9, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(1300, 400),
});

// Bottom dark overlay
s1.addShape(pres.ShapeType.rect, {
  x: 0, y: H - 0.52, w: W, h: 0.52,
  fill: { color: C.navy },
  ...appear(1800),
});
s1.addText("شفا آن لائن  |  Shifa Online  |  WhatsApp: 03024309473", {
  x: 0, y: H - 0.52, w: W, h: 0.52,
  fontSize: 9, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(1900),
});

s1.addNotes(`
SCENE 1 – HOOK / COVER  |  0:00–0:08
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ANIMATION TIMELINE:
  0.0s → AI image + dark overlay appear
  0.1s → Red top bar flashes
  0.2s → "LIVE" bar fades in
  0.4s → ⚠ badge flashes top-right
  0.5s → Gold headline fades in
  0.7s → Sub-headline appears
  0.9s → Red "ابھی دیکھیں" strip
  1.2s → Shifa Online logo badge
  1.8s → Footer bar

VOICE-OVER (0:00–0:08):
"کیا آپ کو گردے کی پتھری ہے؟
کمر میں شدید درد، پیشاب میں جلن—
یہ علامات نظر انداز نہ کریں!"

MUSIC: Dramatic sting → calm background
CapCut TIP: Add red pulse glow animation over kidney area
`);

// ════════════════════════════════════════════════════════════════════════════
//  SCENE 2 – SYMPTOMS  (8–18 s)
//  3D Kidney + 6 symptoms list
// ════════════════════════════════════════════════════════════════════════════
const s2 = pres.addSlide();
s2.transition = { type: "fade", duree: 500, advanceOnTime: true, advanceAfterTime: 10000 };

// AI image as background
s2.addImage({ path: IMG.s2, x: 0, y: 0, w: W, h: H });
// Dark overlay for text readability
s2.addShape(pres.ShapeType.rect, {
  x: 0, y: 0, w: W, h: H,
  fill: { color: C.black, transparency: 42 },
});

// Top bar
s2.addShape(pres.ShapeType.rect, {
  x: 0, y: 0, w: W, h: 0.06,
  fill: { color: C.teal },
});
s2.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.06, w: W, h: 0.38,
  fill: { color: C.navy, transparency: 15 },
  ...appear(0, 200),
});
s2.addText("Shifa Online  •  گردے کی پتھری  •  علامات", {
  x: 0, y: 0.06, w: W, h: 0.38,
  fontSize: 10, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(100, 300),
});

// Section title card
s2.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.5, w: W, h: 0.82,
  fill: { color: C.red, transparency: 20 },
  line: { color: C.red, width: 0 },
  ...fade(100, 400),
});
s2.addText("🔴", {
  x: 0.15, y: 0.52, w: 0.65, h: 0.65,
  fontSize: 24, align: "center",
  ...appear(200, 300),
});
s2.addText("گردے کی پتھری کی علامات", {
  x: 0.82, y: 0.55, w: W - 0.98, h: 0.55,
  fontSize: 17, bold: true, color: C.white,
  align: "right", valign: "middle", fontFace: "Arial",
  ...fade(300, 400),
});
s2.addText("Symptoms of Kidney Stones", {
  x: 0, y: 1.32, w: W, h: 0.3,
  fontSize: 9.5, italic: true, color: C.teal,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(400, 300),
});

// Divider
s2.addShape(pres.ShapeType.line, {
  x: 0.25, y: 1.65, w: W - 0.5, h: 0,
  line: { color: C.teal, width: 1.5 },
  ...appear(500, 300),
});

// Symptoms – 6 cards
const symptoms = [
  { n:"01", icon:"🔥", ur:"پیشاب میں جلن",              en:"Burning urination",               c: C.teal },
  { n:"02", icon:"⚡", ur:"کمر یا پہلو میں شدید درد",   en:"Severe back / flank pain",         c: C.red },
  { n:"03", icon:"🩸", ur:"پیشاب میں خون آنا",          en:"Blood in urine (haematuria)",      c: C.amber },
  { n:"04", icon:"🔁", ur:"بار بار پیشاب آنا",          en:"Frequent urge to urinate",         c: C.cyan },
  { n:"05", icon:"🤢", ur:"متلی یا الٹی",               en:"Nausea or vomiting",               c: C.green },
  { n:"06", icon:"😣", ur:"پیشاب کرتے وقت درد",         en:"Pain during urination",            c: C.orange },
];

let cy = 1.78;
const cH = 1.24, cG = 0.05;

symptoms.forEach((sym, i) => {
  const dl = 400 + i * 160;
  // Card body
  s2.addShape(pres.ShapeType.rect, {
    x: 0.1, y: cy, w: W - 0.2, h: cH,
    fill: { color: i % 2 === 0 ? C.darkCard : C.navy },
    line: { color: sym.c, width: 1.8 },
    animate: { type: "fade", duree: 380, delay: dl },
  });
  // Left numbered accent
  s2.addShape(pres.ShapeType.rect, {
    x: 0.1, y: cy, w: 0.38, h: cH,
    fill: { color: sym.c, transparency: 28 },
    animate: { type: "appear", duree: 200, delay: dl + 60 },
  });
  s2.addText(sym.n, {
    x: 0.1, y: cy, w: 0.38, h: cH,
    fontSize: 9.5, bold: true, color: C.white,
    align: "center", valign: "middle", fontFace: "Arial",
    animate: { type: "appear", duree: 200, delay: dl + 100 },
  });
  // Icon
  s2.addText(sym.icon, {
    x: 0.5, y: cy + 0.1, w: 0.62, h: cH - 0.2,
    fontSize: 22, align: "center", valign: "middle",
    animate: { type: "appear", duree: 250, delay: dl + 80 },
  });
  // Urdu text – large
  s2.addText(sym.ur, {
    x: 1.16, y: cy + 0.12, w: W - 1.35, h: 0.58,
    fontSize: 15.5, bold: true, color: C.white,
    align: "right", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 380, delay: dl + 120 },
  });
  // English sub
  s2.addText(sym.en, {
    x: 1.16, y: cy + 0.68, w: W - 1.35, h: 0.35,
    fontSize: 9, italic: true, color: C.textSub,
    align: "right", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 300, delay: dl + 180 },
  });
  cy += cH + cG;
});

// VO strip at bottom
s2.addShape(pres.ShapeType.rect, {
  x: 0.1, y: cy + 0.06, w: W - 0.2, h: 0.52,
  fill: { color: C.warn, transparency: 22 },
  line: { color: C.red, width: 1 },
  ...fade(1800, 400),
});
s2.addText('🎙 "ان میں سے کوئی علامت ہو تو فوری ڈاکٹر سے رابطہ کریں"', {
  x: 0.15, y: cy + 0.06, w: W - 0.3, h: 0.52,
  fontSize: 8.5, italic: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(1900, 400),
});

brandFooter(s2);

s2.addNotes(`
SCENE 2 – SYMPTOMS LIST  |  0:08–0:18
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ANIMATION TIMELINE:
  0.0s → Overlay + top bar
  0.1s → Red section heading
  0.4s → Card 01 (پیشاب میں جلن)
  0.56s → Card 02 (کمر درد)
  0.72s → Card 03 (خون)
  0.88s → Card 04 (بار بار پیشاب)
  1.04s → Card 05 (متلی)
  1.20s → Card 06 (درد)
  1.8s → VO quote strip

VOICE-OVER (0:08–0:18):
"گردے کی پتھری میں یہ علامات ہوتی ہیں:
پیشاب میں جلن، کمر یا پہلو میں شدید درد،
پیشاب میں خون آنا، بار بار پیشاب آنا،
متلی یا الٹی، اور پیشاب کے وقت شدید درد۔
یہ علامات نظر انداز نہ کریں۔"

CapCut TIP: "Slide from Right" 0.3s per card, 0.1s stagger
`);

// ════════════════════════════════════════════════════════════════════════════
//  SCENE 3 – TREATMENT & CTA  (18–30 s)
//  Healthy kidney + solutions + Shifa Online CTA
// ════════════════════════════════════════════════════════════════════════════
const s3 = pres.addSlide();
s3.transition = { type: "fade", duree: 600, advanceOnTime: true, advanceAfterTime: 12000 };

// AI image background
s3.addImage({ path: IMG.s3, x: 0, y: 0, w: W, h: H });
s3.addShape(pres.ShapeType.rect, {
  x: 0, y: 0, w: W, h: H,
  fill: { color: C.black, transparency: 40 },
});

// Top bar
s3.addShape(pres.ShapeType.rect, { x:0, y:0, w:W, h:0.06, fill:{color:C.green} });
s3.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.06, w: W, h: 0.38,
  fill: { color: C.navy, transparency: 15 },
  ...appear(0),
});
s3.addText("Shifa Online  •  گردے کی پتھری  •  علاج اور احتیاط", {
  x: 0, y: 0.06, w: W, h: 0.38,
  fontSize: 10, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(100, 300),
});

// Section heading card
s3.addShape(pres.ShapeType.rect, {
  x: 0, y: 0.5, w: W, h: 0.82,
  fill: { color: C.green, transparency: 22 },
  ...fade(100, 400),
});
s3.addText("✅", { x: 0.15, y: 0.52, w: 0.65, h: 0.65, fontSize: 24, align: "center",
  ...appear(200, 300) });
s3.addText("علاج اور احتیاط", {
  x: 0.82, y: 0.55, w: W - 0.98, h: 0.55,
  fontSize: 21, bold: true, color: C.white,
  align: "right", valign: "middle", fontFace: "Arial",
  ...fade(300, 400),
});
s3.addText("Treatment & Prevention", {
  x: 0, y: 1.32, w: W, h: 0.3,
  fontSize: 9.5, italic: true, color: C.green,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(400, 300),
});
s3.addShape(pres.ShapeType.line, {
  x: 0.25, y: 1.65, w: W - 0.5, h: 0,
  line: { color: C.green, width: 1.5 },
  ...appear(500),
});

// 4 Treatment tips
const tips = [
  { n:"01", icon:"💧", ur:"زیادہ پانی پئیں",                      en:"Drink 2.5–3 L of water daily",        c: C.teal },
  { n:"02", icon:"🧂", ur:"نمک کا کم استعمال کریں",              en:"Reduce salt intake",                   c: C.amber },
  { n:"03", icon:"🩺", ur:"ڈاکٹر سے فوری مشورہ کریں",            en:"Consult a PMDC doctor immediately",    c: C.green },
  { n:"04", icon:"🔬", ur:"الٹراساؤنڈ اور ضروری ٹیسٹ کروائیں",  en:"Get ultrasound & required tests",      c: C.cyan },
];

let ty = 1.78;
const tH = 1.1, tG = 0.06;

tips.forEach((tip, i) => {
  const dl = 400 + i * 180;
  s3.addShape(pres.ShapeType.rect, {
    x: 0.1, y: ty, w: W - 0.2, h: tH,
    fill: { color: i % 2 === 0 ? C.darkCard : C.navy },
    line: { color: tip.c, width: 1.8 },
    animate: { type: "fade", duree: 400, delay: dl },
  });
  s3.addShape(pres.ShapeType.rect, {
    x: 0.1, y: ty, w: 0.38, h: tH,
    fill: { color: tip.c, transparency: 28 },
    animate: { type: "appear", duree: 200, delay: dl + 60 },
  });
  s3.addText(tip.n, {
    x: 0.1, y: ty, w: 0.38, h: tH,
    fontSize: 9.5, bold: true, color: C.white,
    align: "center", valign: "middle", fontFace: "Arial",
    animate: { type: "appear", duree: 200, delay: dl + 100 },
  });
  s3.addText(tip.icon, {
    x: 0.5, y: ty + 0.1, w: 0.65, h: tH - 0.2,
    fontSize: 23, align: "center", valign: "middle",
    animate: { type: "appear", duree: 250, delay: dl + 80 },
  });
  s3.addText(tip.ur, {
    x: 1.18, y: ty + 0.12, w: W - 1.38, h: 0.55,
    fontSize: 15, bold: true, color: C.white,
    align: "right", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 400, delay: dl + 120 },
  });
  s3.addText(tip.en, {
    x: 1.18, y: ty + 0.65, w: W - 1.38, h: 0.32,
    fontSize: 8.5, italic: true, color: C.textSub,
    align: "right", valign: "middle", fontFace: "Arial",
    animate: { type: "fade", duree: 300, delay: dl + 180 },
  });
  ty += tH + tG;
});

// CTA heading
s3.addShape(pres.ShapeType.rect, {
  x: 0, y: ty + 0.08, w: W, h: 0.45,
  fill: { color: C.teal, transparency: 15 },
  ...appear(1400, 400),
});
s3.addText("مزید معلومات اور آن لائن مشورہ کے لیے", {
  x: 0, y: ty + 0.08, w: W, h: 0.45,
  fontSize: 12.5, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(1500, 400),
});

// WhatsApp CTA box
s3.addShape(pres.ShapeType.rect, {
  x: 0.12, y: ty + 0.6, w: W - 0.24, h: 0.72,
  fill: { color: "1A7A3A", transparency: 10 },
  line: { color: "25D366", width: 2 },
  ...fade(1600, 500),
});
s3.addText("📱  WhatsApp: 03024309473", {
  x: 0.12, y: ty + 0.6, w: W - 0.24, h: 0.38,
  fontSize: 14, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(1700, 400),
});
s3.addText("Paid Medical Consultation Available  ✔", {
  x: 0.12, y: ty + 0.96, w: W - 0.24, h: 0.36,
  fontSize: 9.5, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(1800, 400),
});

// PMDC badge
s3.addShape(pres.ShapeType.rect, {
  x: W/2 - 1.7, y: ty + 1.4, w: 3.4, h: 0.44,
  fill: { color: C.green, transparency: 22 },
  line: { color: C.green, width: 1.5 },
  ...fade(1900, 400),
});
s3.addText("✔  PMDC Verified Doctors", {
  x: W/2 - 1.7, y: ty + 1.4, w: 3.4, h: 0.44,
  fontSize: 10.5, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(2000, 400),
});

// Social CTA
s3.addShape(pres.ShapeType.rect, {
  x: 0, y: H - 1.06, w: W, h: 0.44,
  fill: { color: C.darkCard },
  ...appear(2000, 300),
});
s3.addText("▶ Like  •  💬 Share  •  🔔 Follow Shifa Online", {
  x: 0, y: H - 1.06, w: W, h: 0.44,
  fontSize: 9.5, bold: true, color: C.teal,
  align: "center", valign: "middle", fontFace: "Arial",
  ...fade(2100, 300),
});

// Footer
s3.addShape(pres.ShapeType.rect, {
  x: 0, y: H - 0.52, w: W, h: 0.52,
  fill: { color: C.blue },
});
s3.addText("شفا آن لائن  |  Shifa Online  |  WhatsApp: 03024309473", {
  x: 0, y: H - 0.52, w: W, h: 0.52,
  fontSize: 9, bold: true, color: C.white,
  align: "center", valign: "middle", fontFace: "Arial",
});

s3.addNotes(`
SCENE 3 – TREATMENT & CTA  |  0:18–0:30
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ANIMATION TIMELINE:
  0.0s → Overlay + top bar
  0.1s → Green heading section
  0.4s → Tip 01 (پانی) fades in
  0.58s → Tip 02 (نمک)
  0.76s → Tip 03 (ڈاکٹر)
  0.94s → Tip 04 (ٹیسٹ)
  1.4s → CTA heading
  1.6s → WhatsApp box (PULSE animation)
  1.9s → PMDC badge
  2.0s → Social strip

VOICE-OVER (0:18–0:30):
"گردے کی پتھری سے بچنے کے لیے:
روزانہ کم از کم تین لیٹر پانی پئیں۔
نمک کا استعمال کم کریں۔
ڈاکٹر سے فوری مشورہ کریں۔
الٹراساؤنڈ اور ضروری ٹیسٹ کروائیں۔

شفا آن لائن کے ساتھ گھر بیٹھے
PMDC تصدیق شدہ ڈاکٹر سے مشورہ کریں۔
ابھی واٹس ایپ کریں۔ شکریہ!"

CapCut TIP: Add green pulse glow on WhatsApp box x3.
             "Slide from Right" on each tip card.
             End with logo scale-up reveal.
MUSIC: Hopeful medical corporate → warm outro
`);

// ════════════════════════════════════════════════════════════════════════════
//  SAVE
// ════════════════════════════════════════════════════════════════════════════
const out = DIR + "Shifa_Online_KidneyStone_3D_Reel_v2.pptx";
pres.writeFile({ fileName: out })
  .then(() => console.log("✅ SUCCESS: " + out))
  .catch(e => { console.error("❌ ERROR:", e.message); process.exit(1); });