function getAboutSectionMarkup(variant) {
  var isFull = variant === "full";
  var wrapperClass = isFull
    ? "mx-auto max-w-7xl px-4 py-14 sm:py-20"
    : "mx-auto max-w-7xl px-4 py-16";

  return (
    '<section id="about" class="' +
    wrapperClass +
    '">' +
    '<div class="grid gap-10 lg:grid-cols-12 lg:gap-14">' +
    '<div class="reveal lg:col-span-6">' +
    '<p class="text-xs font-semibold uppercase tracking-[0.35em]" style="color: var(--secondary-color);">About Us</p>' +
    '<h2 class="mt-4 text-4xl leading-tight sm:text-5xl" style="color: #103a1d;">A Legacy of Trust and <span class="block italic" style="color: var(--primary-color);">Financial Stability</span></h2>' +
    '<div class="mt-8 space-y-6 text-lg leading-8" style="color: #33556f;">' +
    '<p>Kannadasan Nagar Benefit Fund Limited is a Public limited Company incorporated on 3rd August 1995. Accredited as a NIDHI COMPANY and classified as a Non-Banking Finance Company (NBFC).</p>' +
    '<p>Governed by the Ministry of Company Affairs, we believe in growing our members\' funds by carefully lending only to our members at affordable rates, ensuring the absolute security of funds.</p>' +
    '<p>As a notified NIDHI company under section 406 of the Companies Act, 2013, we specialize in accepting deposits from and lending to our members exclusively.</p>' +
    '</div>' +
    '</div>' +
    '<aside class="reveal rounded-3xl border p-7 shadow-[0_12px_30px_rgba(28,31,29,0.08)] sm:p-8 lg:col-span-6" style="border-color: #d6e4d7; background: linear-gradient(145deg, #f5faf6 0%, #ebf3ec 100%);">' +
    '<h3 class="text-2xl" style="color: #103a1d;">Company Master Data</h3>' +
    '<div class="mt-5 h-px" style="background: #d6e4d7;"></div>' +
    '<div class="mt-6 grid gap-6 sm:grid-cols-2">' +
    '<div><p class="text-xs font-bold uppercase tracking-[0.2em]" style="color: var(--secondary-color);">CIN</p><p class="mt-1 text-base font-semibold" style="color: #2f4f67;">U65991TN1995PLC32493</p></div>' +
    '<div><p class="text-xs font-bold uppercase tracking-[0.2em]" style="color: var(--secondary-color);">ROC Code</p><p class="mt-1 text-base font-semibold" style="color: #2f4f67;">Chennai</p></div>' +
    '<div><p class="text-xs font-bold uppercase tracking-[0.2em]" style="color: var(--secondary-color);">Category</p><p class="mt-1 text-base font-semibold" style="color: #2f4f67;">Company limited by shares</p></div>' +
    '<div><p class="text-xs font-bold uppercase tracking-[0.2em]" style="color: var(--secondary-color);">Class</p><p class="mt-1 text-base font-semibold" style="color: #2f4f67;">Public</p></div>' +
    '<div><p class="text-xs font-bold uppercase tracking-[0.2em]" style="color: var(--secondary-color);">Incorporated</p><p class="mt-1 text-base font-semibold" style="color: #2f4f67;">3.8.95</p></div>' +
    '<div><p class="text-xs font-bold uppercase tracking-[0.2em]" style="color: var(--secondary-color);">Paid Up Capital</p><p class="mt-1 text-base font-semibold" style="color: #2f4f67;">Rs 10,29,566</p></div>' +
    '</div>' +
    '<div class="mt-7 h-px" style="background: #d6e4d7;"></div>' +
    '<div class="mt-6">' +
    '<p class="text-xs font-bold uppercase tracking-[0.2em]" style="color: var(--secondary-color);">Registered Address</p>' +
    '<p class="mt-2 text-base italic leading-7" style="color: #2f4f67;">144 A (32 A), T H Road, M R Nagar, Kodungaiyur, Chennai - 600 118, Tamilnadu, India</p>' +
    '</div>' +
    '</aside>' +
    '</div>' +
    '</section>'
  );
}

function mountAboutSection(options) {
  var targetId = (options && options.targetId) || "aboutMount";
  var variant = (options && options.variant) || "full";
  var target = document.getElementById(targetId);
  if (!target) return;
  target.innerHTML = getAboutSectionMarkup(variant);
}
