@appcorp/shadcn 1.1.52 → 1.1.53

package/templates/school-v1/sections/contact.js

@@ -4,96 +4,63 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContactSection = ContactSection;
-var react_1 = __importDefault(require("react"));
+exports.ContactSection = void 0;
 var framer_motion_1 = require("framer-motion");
 var badge_1 = require("../../../components/ui/badge");
 var button_1 = require("../../../components/ui/button");
 var link_1 = __importDefault(require("next/link"));
 var lucide_react_1 = require("lucide-react");
-var contactDetails = [
-    {
-        icon: lucide_react_1.MapPin,
-        label: "Address",
-        value: "Awan Town, Multan Road, Lahore",
-        href: "https://www.google.com/maps/place/Lahore+Garrison+Grammar+School+(Girls+Campus)/@31.484634,74.254856,15z/data=!4m6!3m5!1s0x39190377d7bf124d:0x3c4510636938221c!8m2!3d31.4846344!4d74.2548563!16s%2Fg%2F11s0ktj4nh?hl=en&entry=ttu&g_ep=EgoyMDI2MDMwNC4xIKXMDSoASAFQAw%3D%3D",
-        color: "text-blue-600",
-        bg: "bg-blue-50",
-    },
-    {
-        icon: lucide_react_1.Phone,
-        label: "Phone",
-        value: "042-35961207",
-        href: "tel:+924235961207",
-        color: "text-green-600",
-        bg: "bg-green-50",
-    },
-    {
-        icon: lucide_react_1.Mail,
-        label: "Email",
-        value: "admin@lggs.edu.pk",
-        href: "mailto:admin@lggs.edu.pk",
-        color: "text-purple-600",
-        bg: "bg-purple-50",
-    },
-    {
-        icon: lucide_react_1.Clock,
-        label: "Office Hours",
-        value: "Mon – Sat: 8:00 AM – 2:00 PM",
-        href: null,
-        color: "text-amber-600",
-        bg: "bg-amber-50",
-    },
-];
-var socialLinks = [
-    {
-        icon: lucide_react_1.Facebook,
-        href: "https://www.facebook.com/LGGS.Lahore/",
-        label: "Facebook",
-    },
-    { icon: lucide_react_1.Instagram, href: "#", label: "Instagram" },
-    { icon: lucide_react_1.Twitter, href: "#", label: "Twitter / X" },
-];
-function ContactSection() {
+var react_1 = __importDefault(require("react"));
+var iconMap = {
+    MapPin: lucide_react_1.MapPin,
+    Phone: lucide_react_1.Phone,
+    Mail: lucide_react_1.Mail,
+    Clock: lucide_react_1.Clock,
+    Facebook: lucide_react_1.Facebook,
+    Instagram: lucide_react_1.Instagram,
+    Twitter: lucide_react_1.Twitter,
+};
+var ContactSection = function (_a) {
+    var heading = _a.heading, headingHighlight = _a.headingHighlight, lead = _a.lead, badge = _a.badge, contactDetails = _a.contactDetails, socialLinks = _a.socialLinks, cta = _a.cta, mapEmbedSrc = _a.mapEmbedSrc, mapOpenLink = _a.mapOpenLink;
     return (react_1.default.createElement("section", { id: "contact", className: "overflow-hidden bg-white py-24" },
         react_1.default.createElement("div", { className: "container mx-auto px-4" },
             react_1.default.createElement(framer_motion_1.motion.div, { className: "mb-16 text-center", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.6 }, viewport: { once: true } },
-                react_1.default.createElement(badge_1.Badge, { className: "mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100" }, "Contact Us"),
+                react_1.default.createElement(badge_1.Badge, { className: "mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100" }, badge),
                 react_1.default.createElement("h2", { className: "mb-5 text-4xl font-bold text-gray-900 md:text-5xl" },
-                    "We Would Love to",
+                    heading,
                     " ",
-                    react_1.default.createElement("span", { className: "text-blue-700" }, "Hear From You")),
-                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg leading-relaxed text-gray-500" }, "Whether you want to arrange a campus visit, ask about admissions, or simply find out more about LGGS \u2014 our team is always glad to help.")),
+                    react_1.default.createElement("span", { className: "text-blue-700" }, headingHighlight)),
+                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg leading-relaxed text-gray-500" }, lead)),
             react_1.default.createElement("div", { className: "grid grid-cols-1 gap-10 lg:grid-cols-2" },
                 react_1.default.createElement(framer_motion_1.motion.div, { initial: { opacity: 0, x: -30 }, whileInView: { opacity: 1, x: 0 }, transition: { duration: 0.5 }, viewport: { once: true } },
                     react_1.default.createElement("div", { className: "mb-8 grid grid-cols-1 gap-4 sm:grid-cols-2" }, contactDetails.map(function (item) { return (react_1.default.createElement("div", { key: item.label, className: "rounded-2xl border border-gray-100 bg-slate-50 p-5 transition-shadow hover:shadow-md" },
-                        react_1.default.createElement("div", { className: "mb-3 inline-flex h-10 w-10 items-center justify-center rounded-xl ".concat(item.bg) },
-                            react_1.default.createElement(item.icon, { className: "h-5 w-5 ".concat(item.color) })),
+                        react_1.default.createElement("div", { className: "mb-3 inline-flex h-10 w-10 items-center justify-center rounded-xl ".concat(item.bg) }, (function () {
+                            var Icon = iconMap[item.icon];
+                            return Icon ? (react_1.default.createElement(Icon, { className: "h-5 w-5 ".concat(item.color) })) : null;
+                        })()),
                         react_1.default.createElement("div", { className: "mb-1 text-xs font-semibold tracking-wider text-gray-400 uppercase" }, item.label),
                         item.href !== null ? (react_1.default.createElement(link_1.default, { href: item.href, className: "text-sm font-medium ".concat(item.color, " hover:underline") }, item.value)) : (react_1.default.createElement("div", { className: "text-sm font-medium text-gray-700" }, item.value)))); })),
                     react_1.default.createElement("div", { className: "mb-8" },
                         react_1.default.createElement("p", { className: "mb-3 text-sm font-semibold text-gray-700" }, "Follow Us"),
-                        react_1.default.createElement("div", { className: "flex gap-3" }, socialLinks.map(function (s) { return (react_1.default.createElement(link_1.default, { key: s.label, href: s.href, className: "flex h-10 w-10 items-center justify-center rounded-xl border border-gray-200 bg-white transition-colors hover:border-blue-200 hover:bg-blue-50", "aria-label": s.label },
-                            react_1.default.createElement(s.icon, { className: "h-5 w-5 text-gray-600" }))); }))),
+                        react_1.default.createElement("div", { className: "flex gap-3" }, socialLinks.map(function (s) { return (react_1.default.createElement(link_1.default, { key: s.label, href: s.href, className: "flex h-10 w-10 items-center justify-center rounded-xl border border-gray-200 bg-white transition-colors hover:border-blue-200 hover:bg-blue-50", "aria-label": s.label }, (function () {
+                            var Icon = iconMap[s.icon];
+                            return Icon ? (react_1.default.createElement(Icon, { className: "h-5 w-5 text-gray-600" })) : null;
+                        })())); }))),
                     react_1.default.createElement(framer_motion_1.motion.div, { className: "overflow-hidden rounded-2xl border border-gray-100 shadow-sm", initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.5, delay: 0.2 }, viewport: { once: true } },
-                        react_1.default.createElement("iframe", { className: "rounded-2xl", src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13608.254854601666!2d74.24767285761207!3d31.494932487606487!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3919025657a33827%3A0x4c94438286d20882!2sLahore%20Garrison%20Grammar%20School%20(Boys%20Campus)!5e0!3m2!1sen!2s!4v1772957143271!5m2!1sen!2s", width: "800", height: "250", loading: "lazy" }),
+                        react_1.default.createElement("iframe", { className: "rounded-2xl", src: mapEmbedSrc, width: "800", height: "250", loading: "lazy" }),
                         react_1.default.createElement("div", { className: "flex items-center gap-2 bg-slate-50 px-4 py-2.5" },
                             react_1.default.createElement(lucide_react_1.MapPin, { className: "h-4 w-4 text-blue-600" }),
-                            react_1.default.createElement(link_1.default, { href: "https://maps.google.com/?q=Lahore+Garrison+Grammar+School+Awan+Town+Multan+Road+Lahore", className: "text-xs font-medium text-blue-700 hover:underline" }, "Open in Google Maps")))),
-                react_1.default.createElement(framer_motion_1.motion.div, { className: "flex flex-col justify-between rounded-3xl bg-gradient-to-br from-blue-800 via-blue-700 to-blue-600 p-8 text-white", initial: { opacity: 0, x: 30 }, whileInView: { opacity: 1, x: 0 }, transition: { duration: 0.5, delay: 0.1 }, viewport: { once: true } },
+                            react_1.default.createElement(link_1.default, { href: mapOpenLink, className: "text-xs font-medium text-blue-700 hover:underline" }, "Open in Google Maps")))),
+                react_1.default.createElement(framer_motion_1.motion.div, { className: "flex flex-col justify-between rounded-3xl bg-linear-to-br from-blue-800 via-blue-700 to-blue-600 p-8 text-white", initial: { opacity: 0, x: 30 }, whileInView: { opacity: 1, x: 0 }, transition: { duration: 0.5, delay: 0.1 }, viewport: { once: true } },
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement("h3", { className: "mb-4 text-2xl font-bold" }, "Book a Campus Tour"),
-                        react_1.default.createElement("p", { className: "mb-6 leading-relaxed text-blue-200" }, "There is no better way to experience LGGS than visiting in person. Walk our campus, meet our teachers, and see the warm, nurturing environment your child will call home."),
-                        react_1.default.createElement("ul", { className: "mb-8 space-y-2" }, [
-                            "Meet our Principal and faculty",
-                            "Tour both campuses",
-                            "Ask your questions in person",
-                            "Receive the full prospectus",
-                        ].map(function (item) { return (react_1.default.createElement("li", { key: item, className: "flex items-center gap-2 text-sm text-blue-100" },
-                            react_1.default.createElement("span", { className: "h-1.5 w-1.5 flex-shrink-0 rounded-full bg-yellow-400" }),
+                        react_1.default.createElement("h3", { className: "mb-4 text-2xl font-bold" }, cta.title),
+                        react_1.default.createElement("p", { className: "mb-6 leading-relaxed text-blue-200" }, cta.lead),
+                        react_1.default.createElement("ul", { className: "mb-8 space-y-2" }, cta.bullets.map(function (item) { return (react_1.default.createElement("li", { key: item, className: "flex items-center gap-2 text-sm text-blue-100" },
+                            react_1.default.createElement("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-yellow-400" }),
                             item)); }))),
                     react_1.default.createElement("div", { className: "flex flex-col gap-3 sm:flex-row" },
-                        react_1.default.createElement(button_1.Button, { className: "flex-1 bg-yellow-400 font-bold text-blue-900 hover:bg-yellow-300" }, "Book a Visit"),
+                        react_1.default.createElement(button_1.Button, { className: "flex-1 bg-yellow-400 font-bold text-blue-900 hover:bg-yellow-300" }, cta.primary.label),
                         react_1.default.createElement(button_1.Button, { asChild: true, variant: "outline", className: "flex-1 border-white/40 bg-white/10 text-white hover:bg-white/20" },
-                            react_1.default.createElement(link_1.default, { href: "tel:+924235961207" }, "Call Us Now"))))))));
-}
+                            react_1.default.createElement(link_1.default, { href: cta.secondary.href || "#" }, cta.secondary.label))))))));
+};
+exports.ContactSection = ContactSection;

package/templates/school-v1/sections/faqs.d.ts

@@ -1,5 +1,3 @@
-import React from "react";
-import type { FAQ } from "../../../templates/data/school-v1";
-export declare function FAQsSection({ faqs }: {
-    faqs: FAQ[];
-}): React.JSX.Element;
+import { FAQsData } from "../../data/school-v1";
+import { FC } from "react";
+export declare const FAQsSection: FC<FAQsData>;

package/templates/school-v1/sections/faqs.js

@@ -4,30 +4,47 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FAQsSection = FAQsSection;
-var react_1 = __importDefault(require("react"));
+exports.FAQsSection = void 0;
 var framer_motion_1 = require("framer-motion");
 var accordion_1 = require("../../../components/ui/accordion");
 var badge_1 = require("../../../components/ui/badge");
-function FAQsSection(_a) {
-    var faqs = _a.faqs;
+var lucide_react_1 = require("lucide-react");
+var react_1 = __importDefault(require("react"));
+var iconMap = {
+    HelpCircle: lucide_react_1.HelpCircle,
+    Users: lucide_react_1.Users,
+    GraduationCap: lucide_react_1.GraduationCap,
+    Calendar: lucide_react_1.Calendar,
+    BookOpen: lucide_react_1.BookOpen,
+    Heart: lucide_react_1.Heart,
+    Shield: lucide_react_1.Shield,
+    Star: lucide_react_1.Star,
+    CreditCard: lucide_react_1.CreditCard,
+    Bus: lucide_react_1.Bus,
+};
+var FAQsSection = function (_a) {
+    var heading = _a.heading, headingHighlight = _a.headingHighlight, lead = _a.lead, faqs = _a.faqs, badge = _a.badge;
     return (react_1.default.createElement("section", { id: "faqs", className: "overflow-hidden bg-slate-50 py-24" },
         react_1.default.createElement("div", { className: "container mx-auto px-4" },
             react_1.default.createElement(framer_motion_1.motion.div, { className: "mb-16 text-center", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.6 }, viewport: { once: true } },
-                react_1.default.createElement(badge_1.Badge, { className: "mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100" }, "FAQs"),
+                react_1.default.createElement(badge_1.Badge, { className: "mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100" }, badge),
                 react_1.default.createElement("h2", { className: "mb-5 text-4xl font-bold text-gray-900 md:text-5xl" },
-                    "Questions We ",
-                    react_1.default.createElement("span", { className: "text-blue-700" }, "Hear Most")),
-                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg leading-relaxed text-gray-500" }, "We know that choosing the right school raises many questions. Here are honest, detailed answers to the things families ask us most.")),
+                    heading,
+                    " ",
+                    react_1.default.createElement("span", { className: "text-blue-700" }, headingHighlight)),
+                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg leading-relaxed text-gray-500" }, lead)),
             react_1.default.createElement("div", { className: "mx-auto max-w-3xl" },
                 react_1.default.createElement(accordion_1.Accordion, { type: "single", collapsible: true, className: "space-y-3" }, faqs.map(function (faq, i) { return (react_1.default.createElement(framer_motion_1.motion.div, { key: faq.id, initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.4, delay: i * 0.05 }, viewport: { once: true } },
                     react_1.default.createElement(accordion_1.AccordionItem, { value: faq.id, className: "rounded-xl border border-gray-100 bg-white px-2 shadow-sm transition-shadow hover:shadow-md data-[state=open]:border-blue-100 data-[state=open]:shadow-md" },
                         react_1.default.createElement(accordion_1.AccordionTrigger, { className: "px-4 py-5 hover:no-underline" },
                             react_1.default.createElement("div", { className: "flex items-start gap-3 text-left" },
-                                react_1.default.createElement("div", { className: "mt-0.5 flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg bg-blue-50" },
-                                    react_1.default.createElement(faq.icon, { className: "h-4 w-4 text-blue-600" })),
+                                react_1.default.createElement("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-blue-50" }, (function () {
+                                    var Icon = iconMap[faq.icon];
+                                    return react_1.default.createElement(Icon, { className: "h-4 w-4 text-blue-600" });
+                                })()),
                                 react_1.default.createElement("div", null,
                                     react_1.default.createElement(badge_1.Badge, { variant: "outline", className: "mb-1 border-blue-200 text-xs text-blue-600" }, faq.category),
                                     react_1.default.createElement("div", { className: "font-semibold text-gray-900" }, faq.question)))),
-                        react_1.default.createElement(accordion_1.AccordionContent, { className: "pr-4 pb-5 pl-[60px] text-sm leading-relaxed text-gray-600" }, faq.answer)))); }))))));
-}
+                        react_1.default.createElement(accordion_1.AccordionContent, { className: "pr-4 pb-5 pl-15 text-sm leading-relaxed text-gray-600" }, faq.answer)))); }))))));
+};
+exports.FAQsSection = FAQsSection;

package/templates/school-v1/sections/hero.d.ts

@@ -1,12 +1,3 @@
-import React from "react";
-import type { HeroSlide } from "../../../templates/data/school-v1";
-type HeroStat = {
-    label: string;
-    value: string;
-    icon: string;
-};
-export declare function HeroSection({ heroSlides, heroStats, }: {
-    heroSlides: HeroSlide[];
-    heroStats: HeroStat[];
-}): React.JSX.Element;
-export {};
+import { FC } from "react";
+import { type HeroData } from "../../data/school-v1";
+export declare const HeroSection: FC<HeroData>;

package/templates/school-v1/sections/hero.js

@@ -1,16 +1,49 @@
 "use client";
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeroSection = HeroSection;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("react");
+exports.HeroSection = void 0;
+var react_1 = __importStar(require("react"));
 var link_1 = __importDefault(require("next/link"));
 var framer_motion_1 = require("framer-motion");
 var lucide_react_1 = require("lucide-react");
 var button_1 = require("../../../components/ui/button");
+var school_v1_1 = require("../../data/school-v1");
 var statIcons = {
     award: lucide_react_1.Award,
     users: lucide_react_1.Users,
@@ -27,25 +60,25 @@ var slideVariants = {
     center: { x: 0 },
     exit: function (direction) { return ({ x: direction > 0 ? "-100%" : "100%" }); },
 };
-function HeroSection(_a) {
-    var heroSlides = _a.heroSlides, heroStats = _a.heroStats;
-    var _b = (0, react_2.useState)(0), current = _b[0], setCurrent = _b[1];
-    var _c = (0, react_2.useState)(1), direction = _c[0], setDirection = _c[1];
-    var _d = (0, react_2.useState)(false), isPaused = _d[0], setIsPaused = _d[1];
-    var paginate = (0, react_2.useCallback)(function (newDirection) {
+var HeroSection = function (_a) {
+    var slides = _a.slides, stats = _a.stats;
+    var _b = (0, react_1.useState)(0), current = _b[0], setCurrent = _b[1];
+    var _c = (0, react_1.useState)(1), direction = _c[0], setDirection = _c[1];
+    var _d = (0, react_1.useState)(false), isPaused = _d[0], setIsPaused = _d[1];
+    var paginate = (0, react_1.useCallback)(function (newDirection) {
         setDirection(newDirection);
-        setCurrent(function (prev) { return (prev + newDirection + heroSlides.length) % heroSlides.length; });
-    }, []);
-    (0, react_2.useEffect)(function () {
+        setCurrent(function (prev) { return (prev + newDirection + slides.length) % slides.length; });
+    }, [slides.length]);
+    (0, react_1.useEffect)(function () {
         if (isPaused)
             return;
         var timer = setInterval(function () { return paginate(1); }, 5500);
         return function () { return clearInterval(timer); };
     }, [isPaused, paginate]);
-    var slide = heroSlides[current];
+    var slide = slides[current];
     return (react_1.default.createElement("section", { id: "home", className: "relative overflow-hidden bg-blue-950", style: { height: "75vh", minHeight: "560px" }, onMouseEnter: function () { return setIsPaused(true); }, onMouseLeave: function () { return setIsPaused(false); } },
         react_1.default.createElement(framer_motion_1.AnimatePresence, { initial: false, custom: direction },
-            react_1.default.createElement(framer_motion_1.motion.div, { key: slide.id, custom: direction, variants: slideVariants, initial: "enter", animate: "center", exit: "exit", transition: { duration: 0.85, ease: [0.32, 0.72, 0, 1] }, className: "absolute inset-0 bg-gradient-to-br ".concat(slide.gradient) },
+            react_1.default.createElement(framer_motion_1.motion.div, { key: slide.id, custom: direction, variants: slideVariants, initial: "enter", animate: "center", exit: "exit", transition: { duration: 0.85, ease: [0.32, 0.72, 0, 1] }, className: "absolute inset-0 bg-linear-to-br ".concat(slide.gradient) },
                 react_1.default.createElement("img", { src: slide.imageUrl, alt: "", role: "presentation", className: "absolute inset-0 h-full w-full object-cover opacity-20" }),
                 react_1.default.createElement("div", { className: "absolute inset-0 opacity-60", style: { background: slide.pattern } }),
                 react_1.default.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(ellipse_at_bottom_left,rgba(255,255,255,0.06)_0%,transparent_55%)]" }),
@@ -71,7 +104,7 @@ function HeroSection(_a) {
                                         react_1.default.createElement(link_1.default, { href: slide.secondaryCta.href }, slide.secondaryCta.label)))))))),
             react_1.default.createElement(framer_motion_1.motion.div, { className: "border-t border-white/10 bg-black/20 backdrop-blur-sm", initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.8, delay: 0.6 } },
                 react_1.default.createElement("div", { className: "container mx-auto px-6 py-4 md:px-12" },
-                    react_1.default.createElement("div", { className: "grid grid-cols-2 gap-4 md:grid-cols-4" }, heroStats.map(function (stat, i) {
+                    react_1.default.createElement("div", { className: "grid grid-cols-2 gap-4 md:grid-cols-4" }, stats.map(function (stat, i) {
                         var Icon = statIcons[stat.icon];
                         return (react_1.default.createElement(framer_motion_1.motion.div, { key: stat.label, initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.5, delay: 0.7 + i * 0.1 }, className: "flex items-center gap-3" },
                             react_1.default.createElement("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-yellow-400/20" },
@@ -84,15 +117,16 @@ function HeroSection(_a) {
             react_1.default.createElement(lucide_react_1.ChevronLeft, { className: "h-6 w-6" })),
         react_1.default.createElement("button", { onClick: function () { return paginate(1); }, "aria-label": "Next slide", className: "absolute top-1/2 right-4 z-20 -translate-y-1/2 rounded-full bg-white/10 p-2 text-white backdrop-blur-sm transition hover:bg-white/25" },
             react_1.default.createElement(lucide_react_1.ChevronRight, { className: "h-6 w-6" })),
-        react_1.default.createElement("div", { className: "absolute bottom-20 left-6 z-20 flex hidden gap-2 md:left-12 md:block" }, heroSlides.map(function (_, i) { return (react_1.default.createElement("button", { key: i, onClick: function () {
+        react_1.default.createElement("div", { className: "absolute bottom-20 left-6 z-20 hidden gap-2 md:left-12 md:block" }, school_v1_1.heroSlides.map(function (_, i) { return (react_1.default.createElement("button", { key: i, onClick: function () {
                 setDirection(i > current ? 1 : -1);
                 setCurrent(i);
-            }, "aria-label": "Go to slide ".concat(i + 1), className: "h-2 rounded-full transition-all duration-300 ".concat(i === current
+            }, "aria-label": "Go to slide ".concat(i + 1), className: "h-2 mr-1 rounded-full transition-all duration-300 ".concat(i === current
                 ? "w-8 bg-yellow-400"
                 : "w-2 bg-white/40 hover:bg-white/70") })); })),
         react_1.default.createElement("div", { className: "absolute right-6 bottom-24 z-20 hidden rounded-full bg-black/20 px-3 py-1 text-xs text-white/60 backdrop-blur-sm md:block" },
             String(current + 1).padStart(2, "0"),
             " /",
             " ",
-            String(heroSlides.length).padStart(2, "0"))));
-}
+            String(school_v1_1.heroSlides.length).padStart(2, "0"))));
+};
+exports.HeroSection = HeroSection;

package/templates/school-v1/sections/management.d.ts

@@ -1,5 +1,3 @@
-import React from "react";
-import type { ManagementMember } from "../../../templates/data/school-v1";
-export declare function ManagementSection({ managementTeam, }: {
-    managementTeam: ManagementMember[];
-}): React.JSX.Element;
+import { ManagementData } from "../../data/school-v1";
+import { FC } from "react";
+export declare const ManagementSection: FC<ManagementData>;

package/templates/school-v1/sections/management.js

@@ -4,24 +4,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ManagementSection = ManagementSection;
-var react_1 = __importDefault(require("react"));
+exports.ManagementSection = void 0;
 var framer_motion_1 = require("framer-motion");
 var image_1 = __importDefault(require("next/image"));
 var badge_1 = require("../../../components/ui/badge");
 var lucide_react_1 = require("lucide-react");
-function ManagementSection(_a) {
-    var managementTeam = _a.managementTeam;
+var react_1 = __importDefault(require("react"));
+var ManagementSection = function (_a) {
+    var badge = _a.badge, heading = _a.heading, headingHighlight = _a.headingHighlight, lead = _a.lead, team = _a.team;
     return (react_1.default.createElement("section", { id: "management", className: "overflow-hidden bg-white py-24" },
         react_1.default.createElement("div", { className: "container mx-auto px-4" },
             react_1.default.createElement(framer_motion_1.motion.div, { className: "mb-16 text-center", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.6 }, viewport: { once: true } },
-                react_1.default.createElement(badge_1.Badge, { className: "mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100" }, "Leadership"),
+                react_1.default.createElement(badge_1.Badge, { className: "mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100" }, badge),
                 react_1.default.createElement("h2", { className: "mb-5 text-4xl font-bold text-gray-900 md:text-5xl" },
-                    "The Dedicated Team",
+                    heading,
                     " ",
-                    react_1.default.createElement("span", { className: "text-blue-700" }, "Behind LGGS")),
-                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg leading-relaxed text-gray-500" }, "Our school is guided by a passionate, experienced leadership team committed to maintaining the highest standards of education, care, and institutional integrity.")),
-            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5" }, managementTeam.map(function (member, i) { return (react_1.default.createElement(framer_motion_1.motion.div, { key: member.id, className: "group flex flex-col items-center text-center", initial: { opacity: 1, y: 50 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.5, delay: i * 0.1 }, viewport: { once: true } },
+                    react_1.default.createElement("span", { className: "text-blue-700" }, headingHighlight)),
+                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg leading-relaxed text-gray-500" }, lead)),
+            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5" }, team.map(function (member, i) { return (react_1.default.createElement(framer_motion_1.motion.div, { key: member.id, className: "group flex flex-col items-center text-center", initial: { opacity: 1, y: 50 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.5, delay: i * 0.1 }, viewport: { once: true } },
                 react_1.default.createElement(framer_motion_1.motion.div, { className: "relative mb-5 h-24 w-24 rounded-full shadow-lg", whileHover: { scale: 1.08 }, transition: { type: "spring", stiffness: 300 } },
                     react_1.default.createElement(image_1.default, { src: member.avatar, alt: member.name, fill: true, className: "rounded-full object-cover" })),
                 react_1.default.createElement("h3", { className: "mb-0.5 font-bold text-gray-900" }, member.name),
@@ -30,4 +30,5 @@ function ManagementSection(_a) {
                     react_1.default.createElement(lucide_react_1.GraduationCap, { className: "h-3 w-3" }),
                     member.qualifications),
                 react_1.default.createElement("p", { className: "line-clamp-4 text-xs leading-relaxed text-gray-500 transition-all duration-300 group-hover:line-clamp-none" }, member.bio))); })))));
-}
+};
+exports.ManagementSection = ManagementSection;

package/templates/school-v1/sections/policies.d.ts

@@ -1,13 +1,14 @@
-import React from "react";
-import { UniformSeason, type PolicyCategory } from "../../../templates/data/school-v1";
-type PolicyHighlight = {
+import { FC } from "react";
+import type { PolicyCategory, UniformSeason } from "../../data/school-v1";
+type PoliciesHighlight = {
     label: string;
     value: string;
     note: string;
 };
-export declare const PoliciesSection: ({ policyCategories, policyHighlights, uniformData, }: {
+type PoliciesData = {
     policyCategories: PolicyCategory[];
-    policyHighlights: PolicyHighlight[];
+    policyHighlights: PoliciesHighlight[];
     uniformData: UniformSeason[];
-}) => React.JSX.Element;
+};
+export declare const PoliciesSection: FC<PoliciesData>;
 export {};

package/templates/school-v1/sections/policies.js

@@ -55,14 +55,14 @@ function AccordionItem(_a) {
         react_1.default.createElement("button", { className: "flex w-full items-center justify-between gap-4 px-5 py-4 text-left", onClick: function () { return setOpen(function (o) { return !o; }); } },
             react_1.default.createElement("span", { className: "text-sm font-semibold text-gray-800" }, section.title),
             react_1.default.createElement(framer_motion_1.motion.div, { animate: { rotate: open ? 180 : 0 }, transition: { duration: 0.2 } },
-                react_1.default.createElement(lucide_react_1.ChevronDown, { className: "h-4 w-4 flex-shrink-0 ".concat(colorClass) }))),
+                react_1.default.createElement(lucide_react_1.ChevronDown, { className: "h-4 w-4 shrink-0 ".concat(colorClass) }))),
         react_1.default.createElement(framer_motion_1.AnimatePresence, { initial: false }, open && (react_1.default.createElement(framer_motion_1.motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { duration: 0.25, ease: "easeInOut" } },
             react_1.default.createElement("div", { className: "border-t ".concat(borderClass, " ").concat(bgClass, " space-y-3 px-5 py-4") }, section.points.map(function (point, i) { return (react_1.default.createElement("div", { key: i, className: "flex gap-3" },
-                react_1.default.createElement(lucide_react_1.CheckCircle, { className: "mt-0.5 h-4 w-4 flex-shrink-0 ".concat(colorClass) }),
+                react_1.default.createElement(lucide_react_1.CheckCircle, { className: "mt-0.5 h-4 w-4 shrink-0 ".concat(colorClass) }),
                 react_1.default.createElement("div", null,
                     react_1.default.createElement("p", { className: "text-sm leading-relaxed text-gray-700" }, point.text),
                     point.sub && (react_1.default.createElement("ul", { className: "mt-2 space-y-1" }, point.sub.map(function (s, j) { return (react_1.default.createElement("li", { key: j, className: "flex items-start gap-2" },
-                        react_1.default.createElement("span", { className: "mt-2 h-1.5 w-1.5 flex-shrink-0 rounded-full ".concat(bulletBg) }),
+                        react_1.default.createElement("span", { className: "mt-2 h-1.5 w-1.5 shrink-0 rounded-full ".concat(bulletBg) }),
                         react_1.default.createElement("span", { className: "text-sm text-gray-600" }, s))); })))))); })))))));
 }
 function UniformPanel(_a) {
@@ -80,7 +80,7 @@ function UniformPanel(_a) {
                 react_1.default.createElement("span", { className: "rounded-md px-2 py-0.5 text-xs font-bold ".concat(bgClass, " ").concat(colorClass) }, variant.gender),
                 react_1.default.createElement("span", { className: "text-xs text-gray-500" }, variant.classes)),
             react_1.default.createElement("ul", { className: "space-y-1.5" }, variant.items.map(function (item, j) { return (react_1.default.createElement("li", { key: j, className: "flex items-start gap-2" },
-                react_1.default.createElement("span", { className: "mt-2 h-1.5 w-1.5 flex-shrink-0 rounded-full ".concat(bulletBg) }),
+                react_1.default.createElement("span", { className: "mt-2 h-1.5 w-1.5 shrink-0 rounded-full ".concat(bulletBg) }),
                 react_1.default.createElement("span", { className: "text-sm leading-relaxed text-gray-600" }, item))); })))); })),
         react_1.default.createElement("p", { className: "rounded-lg border border-amber-200 bg-amber-50 px-4 py-2.5 text-xs text-amber-700" }, "Uniforms for both campuses are available at each campus canteen. Playgroup children may come in private clothes.")));
 }

package/templates/school-v1/sections/programs.d.ts

@@ -1,5 +1,3 @@
-import React from "react";
-import type { Program } from "../../../templates/data/school-v1";
-export declare function ProgramsSection({ programs }: {
-    programs: Program[];
-}): React.JSX.Element;
+import { FC } from "react";
+import { ProgramsData } from "../../data/school-v1";
+export declare const ProgramsSection: FC<ProgramsData>;

package/templates/school-v1/sections/programs.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgramsSection = ProgramsSection;
+exports.ProgramsSection = void 0;
 var react_1 = __importStar(require("react"));
 var framer_motion_1 = require("framer-motion");
 var badge_1 = require("../../../components/ui/badge");
@@ -45,16 +45,22 @@ var card_1 = require("../../../components/ui/card");
 var button_1 = require("../../../components/ui/button");
 var link_1 = __importDefault(require("next/link"));
 var lucide_react_1 = require("lucide-react");
-function ProgramsSection(_a) {
-    var programs = _a.programs;
+var ProgramsSection = function (_a) {
+    var badge = _a.badge, title = _a.title, lead = _a.lead, programs = _a.programs;
     var _b = (0, react_1.useState)(0), activeIdx = _b[0], setActiveIdx = _b[1];
     var active = programs[activeIdx];
+    var iconMap = {
+        baby: lucide_react_1.Baby,
+        "book-open": lucide_react_1.BookOpen,
+        "graduation-cap": lucide_react_1.GraduationCap,
+        user: lucide_react_1.User,
+    };
     return (react_1.default.createElement("section", { id: "programs", className: "bg-gray-50 py-24" },
         react_1.default.createElement("div", { className: "container mx-auto px-4" },
             react_1.default.createElement(framer_motion_1.motion.div, { className: "mb-14 text-center", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.6 }, viewport: { once: true } },
-                react_1.default.createElement(badge_1.Badge, { className: "mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100" }, "Our Programs"),
-                react_1.default.createElement("h2", { className: "mb-4 text-4xl font-bold text-gray-900 md:text-5xl" }, "A Complete Educational Journey"),
-                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg text-gray-600" }, "From a child's very first steps into learning all the way to board examinations, LGGS provides nurturing, rigorous, and joyful education at every stage.")),
+                react_1.default.createElement(badge_1.Badge, { className: "mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100" }, badge),
+                react_1.default.createElement("h2", { className: "mb-4 text-4xl font-bold text-gray-900 md:text-5xl" }, title),
+                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg text-gray-600" }, lead)),
             react_1.default.createElement(framer_motion_1.motion.div, { className: "mb-10 flex flex-wrap justify-center gap-3", initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.5, delay: 0.2 }, viewport: { once: true } }, programs.map(function (p, i) { return (react_1.default.createElement("button", { key: p.title, onClick: function () { return setActiveIdx(i); }, className: "rounded-full px-5 py-2.5 text-sm font-medium transition-all ".concat(activeIdx === i
                     ? "".concat(p.color, " text-white shadow-md")
                     : "bg-white text-gray-600 shadow-sm hover:bg-gray-100") },
@@ -68,7 +74,11 @@ function ProgramsSection(_a) {
                             react_1.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2" },
                                 react_1.default.createElement("div", { className: "p-8 md:p-12 ".concat(active.lightColor) },
                                     react_1.default.createElement("div", { className: "mb-4 inline-flex items-center gap-2 rounded-full ".concat(active.color, " px-4 py-1.5 text-sm font-semibold text-white") },
-                                        react_1.default.createElement(active.icon, { className: "h-4 w-4" }),
+                                        (function () {
+                                            var _a;
+                                            var Icon = (_a = iconMap[active.icon]) !== null && _a !== void 0 ? _a : lucide_react_1.BookOpen;
+                                            return react_1.default.createElement(Icon, { className: "h-4 w-4" });
+                                        })(),
                                         active.ages),
                                     react_1.default.createElement("h3", { className: "mb-4 text-2xl font-bold text-gray-900 md:text-3xl" }, active.title),
                                     react_1.default.createElement("p", { className: "mb-6 leading-relaxed text-gray-700" }, active.description),
@@ -85,9 +95,13 @@ function ProgramsSection(_a) {
             react_1.default.createElement(framer_motion_1.motion.div, { className: "mt-12 grid grid-cols-2 gap-4 md:grid-cols-4", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.6, delay: 0.3 }, viewport: { once: true } }, programs.map(function (program, index) { return (react_1.default.createElement(framer_motion_1.motion.div, { key: program.title, whileHover: { y: -6, scale: 1.02 }, transition: { type: "spring", stiffness: 300 }, onClick: function () { return setActiveIdx(index); }, className: "cursor-pointer" },
                 react_1.default.createElement(card_1.Card, { className: "border-2 transition-all ".concat(activeIdx === index ? "border-current ".concat(program.textColor, " shadow-md") : "border-transparent") },
                     react_1.default.createElement(card_1.CardContent, { className: "flex flex-col items-center gap-3 rounded-lg p-6 text-center ".concat(program.lightColor) },
-                        react_1.default.createElement("div", { className: "flex h-14 w-14 items-center justify-center rounded-2xl ".concat(program.color) },
-                            react_1.default.createElement(program.icon, { className: "h-7 w-7 text-white" })),
+                        react_1.default.createElement("div", { className: "flex h-14 w-14 items-center justify-center rounded-2xl ".concat(program.color) }, (function () {
+                            var _a;
+                            var Icon = (_a = iconMap[program.icon]) !== null && _a !== void 0 ? _a : lucide_react_1.BookOpen;
+                            return react_1.default.createElement(Icon, { className: "h-7 w-7 text-white" });
+                        })()),
                         react_1.default.createElement("div", null,
                             react_1.default.createElement("div", { className: "text-sm font-semibold text-gray-900" }, program.title),
                             react_1.default.createElement("div", { className: "text-xs font-medium ".concat(program.textColor) }, program.ages)))))); })))));
-}
+};
+exports.ProgramsSection = ProgramsSection;

package/templates/school-v1/sections/testimonials.d.ts

@@ -1,5 +1,3 @@
-import React from "react";
-import type { Testimonial } from "../../../templates/data/school-v1";
-export declare function TestimonialsSection({ testimonials, }: {
-    testimonials: Testimonial[];
-}): React.JSX.Element;
+import { TestimonialData } from "../../data/school-v1";
+import { FC } from "react";
+export declare const TestimonialsSection: FC<TestimonialData>;

package/templates/school-v1/sections/testimonials.js

@@ -13,24 +13,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TestimonialsSection = TestimonialsSection;
-var react_1 = __importDefault(require("react"));
+exports.TestimonialsSection = void 0;
 var framer_motion_1 = require("framer-motion");
 var badge_1 = require("../../../components/ui/badge");
 var lucide_react_1 = require("lucide-react");
-function TestimonialsSection(_a) {
-    var testimonials = _a.testimonials;
+var react_1 = __importDefault(require("react"));
+var TestimonialsSection = function (_a) {
+    var badge = _a.badge, heading = _a.heading, headingHighlight = _a.headingHighlight, lead = _a.lead, items = _a.items;
     return (react_1.default.createElement("section", { id: "testimonials", className: "overflow-hidden bg-white py-24" },
         react_1.default.createElement("div", { className: "container mx-auto px-4" },
             react_1.default.createElement(framer_motion_1.motion.div, { className: "mb-16 text-center", initial: { opacity: 0, y: 30 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.6 }, viewport: { once: true } },
-                react_1.default.createElement(badge_1.Badge, { className: "mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100" }, "Testimonials"),
+                react_1.default.createElement(badge_1.Badge, { className: "mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100" }, badge),
                 react_1.default.createElement("h2", { className: "mb-5 text-4xl font-bold text-gray-900 md:text-5xl" },
-                    "Trusted by",
+                    heading,
                     " ",
-                    react_1.default.createElement("span", { className: "text-blue-700" }, "Families Across Lahore")),
-                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg leading-relaxed text-gray-500" }, "Don't just take our word for it \u2014 hear from the parents and alumni who have experienced the LGGS difference firsthand.")),
-            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3" }, testimonials.map(function (t, i) { return (react_1.default.createElement(framer_motion_1.motion.div, { key: t.id, className: "group relative overflow-hidden rounded-3xl border border-gray-100 bg-white p-7 shadow-sm transition-all duration-300 hover:shadow-xl", initial: { opacity: 0, y: 40 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.5, delay: i * 0.07 }, viewport: { once: true }, whileHover: { y: -4 } },
-                react_1.default.createElement("div", { className: "pointer-events-none absolute top-0 right-0 h-24 w-24 rounded-bl-full bg-gradient-to-br ".concat(t.gradientFrom, " ").concat(t.gradientTo, " opacity-5 transition-opacity group-hover:opacity-10") }),
+                    react_1.default.createElement("span", { className: "text-blue-700" }, headingHighlight)),
+                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg leading-relaxed text-gray-500" }, lead)),
+            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3" }, items.map(function (t, i) { return (react_1.default.createElement(framer_motion_1.motion.div, { key: t.id, className: "group relative overflow-hidden rounded-3xl border border-gray-100 bg-white p-7 shadow-sm transition-all duration-300 hover:shadow-xl", initial: { opacity: 0, y: 40 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.5, delay: i * 0.07 }, viewport: { once: true }, whileHover: { y: -4 } },
+                react_1.default.createElement("div", { className: "pointer-events-none absolute top-0 right-0 h-24 w-24 rounded-bl-full bg-linear-to-br ".concat(t.gradientFrom, " ").concat(t.gradientTo, " opacity-5 transition-opacity group-hover:opacity-10") }),
                 react_1.default.createElement("div", { className: "mb-4 flex gap-1" }, __spreadArray([], Array(5), true).map(function (_, s) { return (react_1.default.createElement(lucide_react_1.Star, { key: s, className: "h-4 w-4 fill-yellow-400 text-yellow-400" })); })),
                 react_1.default.createElement(lucide_react_1.Quote, { className: "mb-3 h-7 w-7 text-blue-100" }),
                 react_1.default.createElement("p", { className: "mb-6 text-sm leading-relaxed text-gray-600 italic" },
@@ -38,8 +38,9 @@ function TestimonialsSection(_a) {
                     t.quote,
                     "\u201D"),
                 react_1.default.createElement("div", { className: "flex items-center gap-3" },
-                    react_1.default.createElement("div", { className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-gradient-to-br ".concat(t.gradientFrom, " ").concat(t.gradientTo, " text-sm font-bold text-white") }, t.initials),
+                    react_1.default.createElement("div", { className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-linear-to-br ".concat(t.gradientFrom, " ").concat(t.gradientTo, " text-sm font-bold text-white") }, t.initials),
                     react_1.default.createElement("div", null,
                         react_1.default.createElement("div", { className: "text-sm font-semibold text-gray-900" }, t.name),
                         react_1.default.createElement("div", { className: "text-xs text-gray-400" }, t.role))))); })))));
-}
+};
+exports.TestimonialsSection = TestimonialsSection;