@appcorp/shadcn 1.1.52 → 1.1.53

package/templates/school-v1/sections/why-choose-us.d.ts

@@ -1,6 +1,3 @@
-import React from "react";
-import type { WhyUsFeature } from "../../../templates/data/school-v1";
-export declare function WhyChooseUsSection({ whyUsFeatures, highlightBadges, }: {
-    whyUsFeatures: WhyUsFeature[];
-    highlightBadges: string[];
-}): React.JSX.Element;
+import type { WhyUsData } from "../../data/school-v1";
+import { FC } from "react";
+export declare const WhyChooseUsSection: FC<WhyUsData>;

package/templates/school-v1/sections/why-choose-us.js

@@ -4,37 +4,54 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhyChooseUsSection = WhyChooseUsSection;
-var react_1 = __importDefault(require("react"));
+exports.WhyChooseUsSection = void 0;
 var framer_motion_1 = require("framer-motion");
 var badge_1 = require("../../../components/ui/badge");
 var lucide_react_1 = require("lucide-react");
-function WhyChooseUsSection(_a) {
-    var whyUsFeatures = _a.whyUsFeatures, highlightBadges = _a.highlightBadges;
-    var _b = [whyUsFeatures.slice(0, 2), whyUsFeatures.slice(2)], firstTwo = _b[0], rest = _b[1];
+var react_1 = __importDefault(require("react"));
+var WhyChooseUsSection = function (_a) {
+    var badge = _a.badge, highlights = _a.highlights, lead = _a.lead, paragraph = _a.paragraph, title = _a.title, features = _a.features;
+    var _b = [features.slice(0, 2), features.slice(2)], firstTwo = _b[0], rest = _b[1];
+    var iconMap = {
+        award: lucide_react_1.Award,
+        shield: lucide_react_1.Shield,
+        "book-open": lucide_react_1.BookOpen,
+        users: lucide_react_1.Users,
+        heart: lucide_react_1.Heart,
+        globe: lucide_react_1.Globe,
+        star: lucide_react_1.Star,
+        zap: lucide_react_1.Zap,
+    };
     return (react_1.default.createElement("section", { id: "why-choose-us", 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" }, "Why Choose LGGS?"),
+                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" },
-                    "Choose Excellence.",
+                    title,
                     " ",
-                    react_1.default.createElement("span", { className: "text-blue-700" }, "Choose LGGS.")),
-                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg leading-relaxed text-gray-500" }, "Every parent wants the very best for their child. At Lahore Garrison Grammar School, we have built an institution where excellence is the baseline \u2014 not the exception.")),
+                    react_1.default.createElement("span", { className: "text-blue-700" }, lead)),
+                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg leading-relaxed text-gray-500" }, paragraph)),
             react_1.default.createElement("div", { className: "mb-8 grid grid-cols-1 gap-5 md:grid-cols-2 lg:grid-cols-4" },
                 firstTwo.map(function (f, i) { return (react_1.default.createElement(framer_motion_1.motion.div, { key: f.title, className: "group relative overflow-hidden rounded-3xl border border-gray-100 bg-white p-8 shadow-sm transition-shadow duration-300 hover:shadow-xl lg:col-span-2", initial: { opacity: 0, y: 40 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.5, delay: i * 0.1 }, viewport: { once: true }, whileHover: { y: -4 } },
-                    react_1.default.createElement("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-br from-blue-50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100" }),
-                    react_1.default.createElement("div", { className: "mb-5 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-gray-50 transition-transform duration-300 group-hover:scale-110" },
-                        react_1.default.createElement(f.icon, { className: "h-7 w-7 ".concat(f.color) })),
+                    react_1.default.createElement("div", { className: "pointer-events-none absolute inset-0 bg-linear-to-br from-blue-50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100" }),
+                    react_1.default.createElement("div", { className: "mb-5 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-gray-50 transition-transform duration-300 group-hover:scale-110" }, (function () {
+                        var _a;
+                        var Icon = (_a = iconMap[f.icon]) !== null && _a !== void 0 ? _a : lucide_react_1.BookOpen;
+                        return react_1.default.createElement(Icon, { className: "h-7 w-7 ".concat(f.color) });
+                    })()),
                     react_1.default.createElement("h3", { className: "mb-3 text-xl font-bold text-gray-900" }, f.title),
                     react_1.default.createElement("p", { className: "leading-relaxed text-gray-500" }, f.description))); }),
                 rest.map(function (f, i) { return (react_1.default.createElement(framer_motion_1.motion.div, { key: f.title, className: "group relative overflow-hidden rounded-2xl border border-gray-100 bg-white p-6 shadow-sm transition-shadow duration-300 hover:shadow-lg", initial: { opacity: 0, y: 40 }, whileInView: { opacity: 1, y: 0 }, transition: { duration: 0.5, delay: (i + 2) * 0.08 }, viewport: { once: true }, whileHover: { y: -3 } },
-                    react_1.default.createElement("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-br from-blue-50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100" }),
-                    react_1.default.createElement("div", { className: "mb-4 inline-flex h-11 w-11 items-center justify-center rounded-xl bg-gray-50 transition-transform duration-300 group-hover:scale-110" },
-                        react_1.default.createElement(f.icon, { className: "h-5 w-5 ".concat(f.color) })),
+                    react_1.default.createElement("div", { className: "pointer-events-none absolute inset-0 bg-linear-to-br from-blue-50 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100" }),
+                    react_1.default.createElement("div", { className: "mb-4 inline-flex h-11 w-11 items-center justify-center rounded-xl bg-gray-50 transition-transform duration-300 group-hover:scale-110" }, (function () {
+                        var _a;
+                        var Icon = (_a = iconMap[f.icon]) !== null && _a !== void 0 ? _a : lucide_react_1.BookOpen;
+                        return react_1.default.createElement(Icon, { className: "h-5 w-5 ".concat(f.color) });
+                    })()),
                     react_1.default.createElement("h3", { className: "mb-2 font-bold text-gray-900" }, f.title),
                     react_1.default.createElement("p", { className: "text-sm leading-relaxed text-gray-500" }, f.description))); })),
-            react_1.default.createElement(framer_motion_1.motion.div, { className: "flex flex-wrap items-center justify-center gap-3 border-t border-gray-200 py-8", initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { duration: 0.6, delay: 0.5 }, viewport: { once: true } }, highlightBadges.map(function (badge) { return (react_1.default.createElement(framer_motion_1.motion.div, { key: badge, className: "flex items-center gap-2 rounded-full border border-blue-100 bg-white px-4 py-2 text-sm font-medium text-blue-800 shadow-sm", whileHover: { scale: 1.05 }, transition: { type: "spring", stiffness: 400 } },
+            react_1.default.createElement(framer_motion_1.motion.div, { className: "flex flex-wrap items-center justify-center gap-3 border-t border-gray-200 py-8", initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { duration: 0.6, delay: 0.5 }, viewport: { once: true } }, highlights.map(function (badge) { return (react_1.default.createElement(framer_motion_1.motion.div, { key: badge, className: "flex items-center gap-2 rounded-full border border-blue-100 bg-white px-4 py-2 text-sm font-medium text-blue-800 shadow-sm", whileHover: { scale: 1.05 }, transition: { type: "spring", stiffness: 400 } },
                 react_1.default.createElement(lucide_react_1.CheckCircle, { className: "h-4 w-4 text-blue-500" }),
                 badge)); })))));
-}
+};
+exports.WhyChooseUsSection = WhyChooseUsSection;

package/templates/school-v1/sections/news-events.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function NewsEventsSection(): React.JSX.Element;

package/templates/school-v1/sections/news-events.js

@@ -1,60 +0,0 @@
-"use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NewsEventsSection = NewsEventsSection;
-var react_1 = __importDefault(require("react"));
-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 school_v1_1 = require("../../../templates/data/school-v1");
-var eventTypeColors = {
-    Academic: "bg-blue-100 text-blue-700",
-    Parents: "bg-purple-100 text-purple-700",
-    Cultural: "bg-amber-100 text-amber-700",
-    Creative: "bg-pink-100 text-pink-700",
-    Sports: "bg-green-100 text-green-700",
-};
-function NewsEventsSection() {
-    return (react_1.default.createElement("section", { id: "news", className: "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" }, "News & Events"),
-                react_1.default.createElement("h2", { className: "mb-5 text-4xl font-bold text-gray-900 md:text-5xl" },
-                    "Life at ",
-                    react_1.default.createElement("span", { className: "text-blue-700" }, "LGGS")),
-                react_1.default.createElement("p", { className: "mx-auto max-w-2xl text-lg leading-relaxed text-gray-500" }, "Stay connected with our vibrant school community \u2014 from academic achievements and cultural celebrations to upcoming events and competitions.")),
-            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-8 lg:grid-cols-3" },
-                react_1.default.createElement("div", { className: "space-y-5 lg:col-span-2" },
-                    school_v1_1.newsArticles.map(function (article, i) { return (react_1.default.createElement(framer_motion_1.motion.div, { key: article.id, className: "group rounded-2xl border border-gray-100 bg-white p-6 shadow-sm transition-shadow duration-300 hover:shadow-lg", initial: { opacity: 0, x: -30 }, whileInView: { opacity: 1, x: 0 }, transition: { duration: 0.5, delay: i * 0.08 }, viewport: { once: true } },
-                        react_1.default.createElement("div", { className: "mb-3 flex items-center gap-3" },
-                            react_1.default.createElement(badge_1.Badge, { className: article.categoryColor }, article.category),
-                            react_1.default.createElement("span", { className: "text-xs text-gray-400" }, article.date)),
-                        react_1.default.createElement("h3", { className: "mb-2 text-lg font-bold text-gray-900 transition-colors group-hover:text-blue-700" },
-                            react_1.default.createElement(link_1.default, { href: article.href }, article.title)),
-                        react_1.default.createElement("p", { className: "mb-4 text-sm leading-relaxed text-gray-500" }, article.excerpt),
-                        react_1.default.createElement(link_1.default, { href: article.href, className: "inline-flex items-center gap-1 text-sm font-semibold text-blue-700 transition-colors hover:text-blue-900" },
-                            "Read full story ",
-                            react_1.default.createElement(lucide_react_1.ArrowRight, { className: "h-4 w-4" })))); }),
-                    react_1.default.createElement(button_1.Button, { asChild: true, variant: "outline", className: "border-blue-700 text-blue-700 hover:bg-blue-50" },
-                        react_1.default.createElement(link_1.default, { href: "/blog" }, "View All Stories"))),
-                react_1.default.createElement(framer_motion_1.motion.div, { initial: { opacity: 0, x: 30 }, whileInView: { opacity: 1, x: 0 }, transition: { duration: 0.5, delay: 0.2 }, viewport: { once: true } },
-                    react_1.default.createElement("div", { className: "sticky top-8 rounded-2xl border border-gray-100 bg-white p-6 shadow-sm" },
-                        react_1.default.createElement("h3", { className: "mb-5 text-lg font-bold text-gray-900" }, "Upcoming Events"),
-                        react_1.default.createElement("div", { className: "space-y-4" }, school_v1_1.upcomingEvents.map(function (event, i) {
-                            var _a;
-                            return (react_1.default.createElement(framer_motion_1.motion.div, { key: event.title, className: "flex items-start gap-4 border-b border-gray-100 pb-4 last:border-0 last:pb-0", initial: { opacity: 0 }, whileInView: { opacity: 1 }, transition: { duration: 0.3, delay: i * 0.06 }, viewport: { once: true } },
-                                react_1.default.createElement("div", { className: "flex h-12 w-12 flex-shrink-0 flex-col items-center justify-center rounded-xl bg-blue-700 text-white" },
-                                    react_1.default.createElement("span", { className: "text-sm leading-none font-bold" }, event.date),
-                                    react_1.default.createElement("span", { className: "text-xs opacity-80" }, event.month)),
-                                react_1.default.createElement("div", null,
-                                    react_1.default.createElement("div", { className: "text-sm font-medium text-gray-900" }, event.title),
-                                    react_1.default.createElement("div", { className: "mt-0.5 text-xs text-gray-400" }, event.time),
-                                    react_1.default.createElement(badge_1.Badge, { className: "mt-1.5 text-xs ".concat((_a = eventTypeColors[event.type]) !== null && _a !== void 0 ? _a : "bg-gray-100 text-gray-600") }, event.type))));
-                        })),
-                        react_1.default.createElement(button_1.Button, { className: "mt-5 w-full bg-blue-700 hover:bg-blue-800" }, "Full Events Calendar")))))));
-}