'use client';

import React from 'react';
import { Building, BookOpen, FileText, CheckCircle2, ShieldCheck, Mail } from 'lucide-react';

export default function InstitutionsPage() {
  return (
    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-10">
      <div className="bg-gradient-to-r from-peacock-800 to-peacock-900 rounded-3xl p-10 text-white text-center space-y-4 shadow-xl">
        <span className="text-xs uppercase font-extrabold tracking-widest text-peacock-300">Institutional Supply</span>
        <h1 className="text-3xl sm:text-4xl font-extrabold">Universities, Colleges & Public Library Services</h1>
        <p className="max-w-2xl mx-auto text-sm opacity-85 leading-relaxed">
          Indian Books Worldwide provides institutional library procurement, academic bulk discounts, official GST tax invoicing, and customized standing orders for university libraries across the globe.
        </p>
      </div>

      <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
        <div className="bg-white dark:bg-zinc-900 p-6 rounded-3xl border border-zinc-200 dark:border-zinc-800 space-y-3">
          <Building className="w-8 h-8 text-peacock-600" />
          <h3 className="font-extrabold text-sm">Bulk University Orders</h3>
          <p className="text-xs text-zinc-500">Tiered academic discounts on multi-volume reference sets and textbook orders.</p>
        </div>

        <div className="bg-white dark:bg-zinc-900 p-6 rounded-3xl border border-zinc-200 dark:border-zinc-800 space-y-3">
          <FileText className="w-8 h-8 text-saffron-600" />
          <h3 className="font-extrabold text-sm">Official Invoicing & Credit Terms</h3>
          <p className="text-xs text-zinc-500">PO handling, official institutional invoicing, and 30-day payment credit terms.</p>
        </div>

        <div className="bg-white dark:bg-zinc-900 p-6 rounded-3xl border border-zinc-200 dark:border-zinc-800 space-y-3">
          <ShieldCheck className="w-8 h-8 text-purple-600" />
          <h3 className="font-extrabold text-sm">Custom Preservation Binding</h3>
          <p className="text-xs text-zinc-500">Hardcover library binding and acid-free archival paper packaging available.</p>
        </div>
      </div>
    </div>
  );
}