import React, { useState, useEffect } from 'react'; import FrontLayout from './Layouts/FrontLayout'; import { Head, Link } from '@inertiajs/react'; import { cn } from '@/lib/utils'; import { Wifi, Coffee, Music, Dribbble, Shield, Activity, Bus, Laptop, BookOpen, Users, Waves, Utensils, Home, Trophy, Dumbbell, MapPin, Plus, ArrowRight, Library, Bed, GraduationCap } from 'lucide-react'; import * as LucideIcons from 'lucide-react'; import { FacilityCategory } from '@/types/Frontend/Facility'; import { Facility } from '@/routes'; import parse from 'html-react-parser'; // ─── Icon resolver ───────────────────────────────────────────────────────── const iconMap: Record = { Wifi, Coffee, Music, Dribbble, Shield, Activity, Bus, Laptop, BookOpen, Users, Waves, Utensils, Home, Trophy, Dumbbell, MapPin, Plus, ArrowRight, Library, Bed, }; const ResolvedIcon = ({ name, className }: { name?: string | null; className?: string }) => { const IconComponent = (name ? iconMap[name] : null) || Shield; return ; }; interface FacilitiesProps { Categories: FacilityCategory[]; facilityCategory: FacilityCategory; } export default function Facilities({ Categories, facilityCategory }: FacilitiesProps) { const limitText = (html: any, limit: number) => { if (html.length <= limit) return html; return html.substring(0, limit) + "..."; }; return (
{/* ── PREMIUM HERO ── */}
{facilityCategory.title} Level

{facilityCategory.title} PROGRAM

{facilityCategory.description || 'Shaping the future through comprehensive education.'}

{/* ── LEVEL NAVIGATION ── */}
{/* CARD ITEMS */}
{facilityCategory?.facilities ?.filter(item => item.content_type === 'Card') .map((item) => (

{limitText(item.title, 17)}

{item.meta_value && (
{item.meta_value}
)} {item.description && (

{parse(limitText(item.description, 70))}

)}
))}
{/* DESCRIPTION ITEMS */}
{facilityCategory?.facilities ?.filter(item => item.content_type !== 'Card') .map((item) => (

{item?.title}

{item.description && (

{parse(item?.description)}

)}
))}
{/* ── CTA FROM THE PREMIUM DESIGN LANGUAGE ── */}

EXPERIENCE IT
YOURSELF

Schedule a campus tour to see our world-class facilities in person and discover the perfect environment for your child.

Apply for Admission Request Tour
); }