"use client"; import { useState, useEffect, useRef } from "react"; import Link from "next/link"; import { DRIPS, ADDONS } from "@/lib/data/drips"; /* ─── Comparison table data ─────────────────────────────────────────────── */ const COMPARISON_DRIPS = ["Velocity", "Luminescence", "Fortress", "Hydraflux", "Apex", "Cognitas"]; type BenefitKey = "Energy" | "Skin" | "Immune" | "Recovery" | "Brain"; const BENEFITS: BenefitKey[] = ["Energy", "Skin", "Immune", "Recovery", "Brain"]; const BENEFIT_MATRIX: Record> = { Velocity: { Energy: true, Skin: false, Immune: false, Recovery: true, Brain: true }, Luminescence: { Energy: false, Skin: true, Immune: true, Recovery: false, Brain: false }, Fortress: { Energy: false, Skin: false, Immune: true, Recovery: true, Brain: false }, Hydraflux: { Energy: true, Skin: false, Immune: false, Recovery: true, Brain: false }, Apex: { Energy: true, Skin: false, Immune: false, Recovery: true, Brain: false }, Cognitas: { Energy: true, Skin: false, Immune: false, Recovery: false, Brain: true }, }; /* ─── FAQ data ───────────────────────────────────────────────────────────── */ const FAQS = [ { q: "How long does a session take?", a: "Most drips run for 30–90 minutes depending on the formula and volume. Your nurse will give you an exact estimate at setup." }, { q: "Is IV therapy safe?", a: "Yes. Every protocol is approved by a board-certified physician, administered by a registered nurse, and compounded in our ISO-certified pharmacy." }, { q: "How soon will I feel results?", a: "Many clients notice a difference during or within hours of the session — especially for energy, hydration and skin brightness drips." }, { q: "Can I add multiple add-ons to one drip?", a: "Absolutely. Your physician will confirm compatibility. Most drips support up to 3 add-ons per session." }, { q: "Do I need a prescription?", a: "No. Our physician review process handles all approvals. You just fill in your health quiz and we take care of the rest." }, ]; /* ─── Category filter options ────────────────────────────────────────────── */ const CATS = [ { key: "all", label: "All Drips" }, { key: "energy", label: "Energy" }, { key: "beauty", label: "Beauty" }, { key: "immunity", label: "Immunity" }, { key: "recovery", label: "Recovery" }, { key: "performance", label: "Performance" }, { key: "cognition", label: "Cognition" }, ]; /* ─── Reveal wrapper ─────────────────────────────────────────────────────── */ function R({ children, delay = 0 }: { children: React.ReactNode; delay?: number }) { const ref = useRef(null); useEffect(() => { const el = ref.current; if (!el) return; const obs = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { el.classList.add("visible"); obs.unobserve(el); } }, { threshold: 0.1 } ); obs.observe(el); return () => obs.disconnect(); }, []); return (
{children}
); } /* ─── FAQ accordion item ─────────────────────────────────────────────────── */ function FaqItem({ q, a }: { q: string; a: string }) { const [open, setOpen] = useState(false); return (
{open &&
{a}
}
); } /* ─── Page ───────────────────────────────────────────────────────────────── */ export default function TreatmentsPage() { const [activeCat, setActiveCat] = useState("all"); const filtered = activeCat === "all" ? DRIPS : DRIPS.filter((d) => d.cat === activeCat); return ( <> {/* ── Hero ─────────────────────────────────────────────────────────── */}

Our Signature IV Formulas

18 physician-crafted IV formulas — each designed to address a specific biological goal, compounded fresh in our ISO-certified pharmacy.

{CATS.map((c) => ( ))}
{/* ── Sticky filter bar ────────────────────────────────────────────── */}
{CATS.map((c) => ( ))}
{/* ── Drips grid ───────────────────────────────────────────────────── */}

Signature Formulas

Every Drip, Precisely Crafted

Select a formula below. Every drip is approved by a board-certified physician and administered by a registered nurse.

Not sure? Take the Quiz →
{filtered.map((drip, i) => (
{/* Accent gradient top bar */}
{/* Icon + popular badge */}
{drip.icon}
{drip.popular && Most Popular}
{/* Name + subtitle */}
{drip.name}

{drip.subtitle}

{/* Description */}

{drip.description}

{/* Ingredient bars */}
{drip.ingredients.map((ing) => (
{ing.name} {ing.dose}
))}
{/* Tags */}
{drip.tags.map((tag) => ( {tag} ))}
{/* Duration / volume */}
{drip.duration}{" "} duration {drip.volume}{" "} volume
{/* Price + CTA */}
₹{drip.price.toLocaleString("en-IN")} / session
Details Book Now
))}
{/* ── Add-Ons ──────────────────────────────────────────────────────── */}

Customise Your Infusion

Power-Up Add-Ons

Enhance any drip with physician-approved boosters. Add directly when booking.

{ADDONS.map((addon, i) => (
{addon.icon}
{addon.name}
{addon.description}
₹{addon.price.toLocaleString("en-IN")}
 ))}
{/* ── Comparison table ─────────────────────────────────────────────── */}

Side-by-Side

Compare Benefits

{BENEFITS.map((b) => )} {COMPARISON_DRIPS.map((name) => { const drip = DRIPS.find((d) => d.name === name); return ( {BENEFITS.map((b) => ( ))} ); })}
Drip{b}
{drip?.icon} {name}
{BENEFIT_MATRIX[name]?.[b] ? : } Book
{/* ── FAQ ──────────────────────────────────────────────────────────── */}

Common Questions

Frequently Asked

{FAQS.map((faq) => ( ))}
{/* ── CTA strip ────────────────────────────────────────────────────── */}

Not sure which drip is{" "} right for you?

Take our 2-minute health quiz and receive a personalised drip recommendation instantly.

Take the Health Quiz → Book Now
); }