@appcorp/shadcn 2.0.1 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/components/ui/badge.d.ts +1 -1
  2. package/components/ui/button.d.ts +1 -1
  3. package/components/ui/resizable-impl.d.ts +1 -1
  4. package/components/ui/scroll-area.js +1 -1
  5. package/package.json +1 -1
  6. package/templates/appcorp-v1/footer/bottom-bar.d.ts +6 -0
  7. package/templates/appcorp-v1/footer/bottom-bar.js +1 -0
  8. package/templates/appcorp-v1/footer/cta.d.ts +6 -0
  9. package/templates/appcorp-v1/footer/cta.js +1 -0
  10. package/templates/appcorp-v1/footer/footer-grid.d.ts +14 -0
  11. package/templates/appcorp-v1/footer/footer-grid.js +1 -0
  12. package/templates/appcorp-v1/footer/index.d.ts +3 -0
  13. package/templates/appcorp-v1/footer/index.js +1 -0
  14. package/templates/appcorp-v1/footer/newsletter.d.ts +11 -0
  15. package/templates/appcorp-v1/footer/newsletter.js +1 -0
  16. package/templates/appcorp-v1/footer/stats.d.ts +6 -0
  17. package/templates/appcorp-v1/footer/stats.js +1 -0
  18. package/templates/appcorp-v1/header/announcement-bar.d.ts +3 -0
  19. package/templates/appcorp-v1/header/announcement-bar.js +1 -0
  20. package/templates/appcorp-v1/header/dropdown-panel.d.ts +8 -0
  21. package/templates/appcorp-v1/header/dropdown-panel.js +2 -0
  22. package/templates/appcorp-v1/header/index.d.ts +12 -0
  23. package/templates/appcorp-v1/header/index.js +1 -0
  24. package/templates/appcorp-v1/header/mobile-menu.d.ts +14 -0
  25. package/templates/appcorp-v1/header/mobile-menu.js +1 -0
  26. package/templates/appcorp-v1/header/navigation-bar.d.ts +3 -0
  27. package/templates/appcorp-v1/header/navigation-bar.js +4 -0
  28. package/templates/appcorp-v1/header/social-button.d.ts +7 -0
  29. package/templates/appcorp-v1/header/social-button.js +1 -0
  30. package/templates/appcorp-v1/home.d.ts +3 -0
  31. package/templates/appcorp-v1/home.js +1 -0
  32. package/templates/data/appcorp-v1.d.ts +93 -0
  33. package/templates/data/appcorp-v1.js +1 -0
  34. package/templates/data/edupilotpro-v1.d.ts +33 -0
  35. package/templates/data/edupilotpro-v1.js +1 -0
  36. package/templates/data/school-v1.d.ts +328 -0
  37. package/templates/data/school-v1.js +1 -0
  38. package/templates/edupilotpro-v1/feature-card.d.ts +13 -0
  39. package/templates/edupilotpro-v1/feature-card.js +1 -0
  40. package/templates/edupilotpro-v1/mockups/dashboard-mockup.d.ts +3 -0
  41. package/templates/edupilotpro-v1/mockups/dashboard-mockup.js +1 -0
  42. package/templates/school-v1/footer.d.ts +3 -0
  43. package/templates/school-v1/footer.js +1 -0
  44. package/templates/school-v1/index.d.ts +18 -0
  45. package/templates/school-v1/index.js +1 -0
  46. package/templates/school-v1/navigation.d.ts +3 -0
  47. package/templates/school-v1/navigation.js +1 -0
  48. package/templates/school-v1/sections/about.d.ts +3 -0
  49. package/templates/school-v1/sections/about.js +1 -0
  50. package/templates/school-v1/sections/admissions.d.ts +3 -0
  51. package/templates/school-v1/sections/admissions.js +1 -0
  52. package/templates/school-v1/sections/contact.d.ts +3 -0
  53. package/templates/school-v1/sections/contact.js +1 -0
  54. package/templates/school-v1/sections/faqs.d.ts +3 -0
  55. package/templates/school-v1/sections/faqs.js +1 -0
  56. package/templates/school-v1/sections/hero.d.ts +3 -0
  57. package/templates/school-v1/sections/hero.js +1 -0
  58. package/templates/school-v1/sections/management.d.ts +3 -0
  59. package/templates/school-v1/sections/management.js +1 -0
  60. package/templates/school-v1/sections/policies.d.ts +3 -0
  61. package/templates/school-v1/sections/policies.js +1 -0
  62. package/templates/school-v1/sections/programs.d.ts +3 -0
  63. package/templates/school-v1/sections/programs.js +1 -0
  64. package/templates/school-v1/sections/testimonials.d.ts +3 -0
  65. package/templates/school-v1/sections/testimonials.js +1 -0
  66. package/templates/school-v1/sections/why-choose-us.d.ts +3 -0
  67. package/templates/school-v1/sections/why-choose-us.js +1 -0
@@ -0,0 +1,3 @@
1
+ import { ManagementData } from "../../data/school-v1";
2
+ import { FC } from "react";
3
+ export declare const ManagementSection: FC<ManagementData>;
@@ -0,0 +1 @@
1
+ "use strict";"use client";import{motion as a}from"framer-motion";import o from"next/image";import{Badge as m}from"../../../components/ui/badge";import{GraduationCap as d}from"lucide-react";import e from"react";export const ManagementSection=({badge:l,heading:i,headingHighlight:n,lead:r,team:s})=>e.createElement("section",{id:"management",className:"overflow-hidden bg-white py-24"},e.createElement("div",{className:"container mx-auto px-4"},e.createElement(a.div,{className:"mb-16 text-center",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0}},e.createElement(m,{className:"mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100"},l),e.createElement("h2",{className:"mb-5 text-4xl font-bold text-gray-900 md:text-5xl"},i," ",e.createElement("span",{className:"text-blue-700"},n)),e.createElement("p",{className:"mx-auto max-w-2xl text-lg leading-relaxed text-gray-500"},r)),e.createElement("div",{className:"grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5"},s.map((t,c)=>e.createElement(a.div,{key:t.id,className:"flex flex-col items-center text-center",initial:{opacity:1,y:50},whileInView:{opacity:1,y:0},transition:{duration:.5,delay:c*.1},viewport:{once:!0}},e.createElement(a.div,{className:"relative mb-5 h-24 w-24 rounded-full shadow-lg",whileHover:{scale:1.08},transition:{type:"spring",stiffness:300}},e.createElement(o,{src:t.avatar,alt:t.name,fill:!0,className:"rounded-full object-cover"})),e.createElement("h3",{className:"mb-0.5 font-bold text-gray-900"},t.name),e.createElement("p",{className:"mb-3 text-xs font-semibold text-blue-700"},t.title),e.createElement("span",{className:"mb-3 inline-flex items-center gap-1 rounded-full bg-slate-100 px-2.5 py-1 text-xs text-gray-600"},e.createElement(d,{className:"h-3 w-3"}),t.qualifications),e.createElement("p",{className:"text-xs leading-relaxed text-gray-500"},t.bio))))));
@@ -0,0 +1,3 @@
1
+ import { FC } from "react";
2
+ import type { PoliciesData } from "../../data/school-v1";
3
+ export declare const PoliciesSection: FC<PoliciesData>;
@@ -0,0 +1 @@
1
+ "use strict";"use client";import e,{useState as g}from"react";import{motion as c,AnimatePresence as u}from"framer-motion";import{BookOpen as N,UserPlus as h,GraduationCap as v,CreditCard as w,Shield as $,Info as C,Tag as k,ChevronDown as I,CheckCircle as S,Sun as B,Snowflake as A}from"lucide-react";import{Badge as b}from"../../../components/ui/badge";const y={"book-open":N,"user-plus":h,"graduation-cap":v,"credit-card":w,shield:$,info:C,tag:k};function P({section:n,colorClass:r,bgClass:o,borderClass:m,bulletBg:d}){const[i,p]=g(!1);return e.createElement("div",{className:`self-start overflow-hidden rounded-xl border ${m} bg-white`},e.createElement("button",{className:"flex w-full items-center justify-between gap-4 px-5 py-4 text-left",onClick:()=>p(s=>!s)},e.createElement("span",{className:"text-sm font-semibold text-gray-800"},n.title),e.createElement(c.div,{animate:{rotate:i?180:0},transition:{duration:.2}},e.createElement(I,{className:`h-4 w-4 shrink-0 ${r}`}))),e.createElement(u,{initial:!1},i&&e.createElement(c.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.25,ease:"easeInOut"}},e.createElement("div",{className:`border-t ${m} ${o} space-y-3 px-5 py-4`},n.points.map((s,l)=>e.createElement("div",{key:l,className:"flex gap-3"},e.createElement(S,{className:`mt-0.5 h-4 w-4 shrink-0 ${r}`}),e.createElement("div",null,e.createElement("p",{className:"text-sm leading-relaxed text-gray-700"},s.text),s.sub&&e.createElement("ul",{className:"mt-2 space-y-1"},s.sub.map(t=>e.createElement("li",{key:t.id,className:"flex items-start gap-2"},e.createElement("span",{className:`mt-2 h-1.5 w-1.5 shrink-0 rounded-full ${d}`}),e.createElement("span",{className:"text-sm text-gray-600"},t.text)))))))))))}function O({colorClass:n,bgClass:r,borderClass:o,bulletBg:m,uniformData:d}){const[i,p]=g("Summer"),s=d.find(l=>l.season===i);return e.createElement("div",{className:"space-y-4"},e.createElement("div",{className:"flex w-fit gap-2 rounded-xl border border-gray-100 bg-white p-1"},["Summer","Winter"].map(l=>e.createElement("button",{key:l,onClick:()=>p(l),className:`flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-all ${i===l?`${r} ${n} shadow-sm`:"text-gray-500 hover:text-gray-700"}`},l==="Summer"?e.createElement(B,{className:"h-4 w-4"}):e.createElement(A,{className:"h-4 w-4"}),l))),e.createElement("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2"},s.variants.map((l,t)=>e.createElement(c.div,{key:`${l.gender}-${l.classes}`,initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{duration:.2,delay:t*.06},className:`rounded-xl border ${o} bg-white p-4`},e.createElement("div",{className:"mb-3 flex items-center gap-2"},e.createElement("span",{className:`rounded-md px-2 py-0.5 text-xs font-bold ${r} ${n}`},l.gender),e.createElement("span",{className:"text-xs text-gray-500"},l.classes)),e.createElement("ul",{className:"space-y-1.5"},l.items.map(x=>e.createElement("li",{key:x.id,className:"flex items-start gap-2"},e.createElement("span",{className:`mt-2 h-1.5 w-1.5 shrink-0 rounded-full ${m}`}),e.createElement("span",{className:"text-sm leading-relaxed text-gray-600"},x.text))))))),e.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."))}export const PoliciesSection=({badge:n,categories:r,highlights:o,lead:m,paragraph:d,title:i,uniforms:p})=>{const[s,l]=g("overview"),t=r.find(a=>a.id===s),x=y[t.icon];return e.createElement("section",{id:"policies",className:"overflow-hidden bg-gray-50 py-24"},e.createElement("div",{className:"container mx-auto px-4"},e.createElement(c.div,{className:"mb-12 text-center",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0}},e.createElement(b,{className:"mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100"},n),e.createElement("h2",{className:"mb-5 text-4xl font-bold text-gray-900 md:text-5xl"},i," & ",e.createElement("span",{className:"text-blue-700"},m)),e.createElement("p",{className:"mx-auto max-w-2xl text-lg leading-relaxed text-gray-500"},d)),e.createElement(c.div,{className:"mb-12 grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-6",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6,delay:.15},viewport:{once:!0}},o.map(a=>e.createElement("div",{key:a.label,className:"rounded-2xl border border-blue-100 bg-white px-3 py-4 text-center shadow-sm"},e.createElement("div",{className:"text-2xl font-bold text-blue-700"},a.value),e.createElement("div",{className:"mt-0.5 text-xs font-semibold text-gray-800"},a.label),e.createElement("div",{className:"mt-0.5 text-xs text-gray-400"},a.note)))),e.createElement(c.div,{className:"mb-6 flex flex-wrap gap-2",initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},transition:{duration:.5,delay:.2},viewport:{once:!0}},r.map(a=>{const E=y[a.icon],f=a.id===s;return e.createElement("button",{key:a.id,onClick:()=>l(a.id),className:`flex items-center gap-2 rounded-full border px-4 py-2 text-sm font-medium transition-all ${f?`${a.bgClass} ${a.colorClass} ${a.borderClass} shadow-sm`:"border-gray-200 bg-white text-gray-500 hover:border-gray-300 hover:text-gray-700"}`},e.createElement(E,{className:"h-4 w-4"}),a.label)})),e.createElement(u,{mode:"wait"},e.createElement(c.div,{key:s,initial:{opacity:0,y:16},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.25}},e.createElement("div",{className:`mb-6 flex items-center gap-4 rounded-2xl border ${t.borderClass} ${t.bgClass} p-5`},e.createElement("div",{className:`flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border ${t.borderClass} bg-white`},e.createElement(x,{className:`h-6 w-6 ${t.colorClass}`})),e.createElement("div",null,e.createElement("h3",{className:`text-lg font-bold ${t.colorClass}`},t.label),e.createElement("p",{className:"text-sm text-gray-500"},t.description)),e.createElement(b,{className:`ml-auto ${t.badgeClass} hover:${t.badgeClass}`},s==="uniform"?"2 seasons":`${t.sections.length} section${t.sections.length!==1?"s":""}`)),s==="uniform"?e.createElement(O,{colorClass:t.colorClass,bgClass:t.bgClass,borderClass:t.borderClass,bulletBg:t.bulletBg,uniformData:p}):e.createElement("div",{className:"grid grid-cols-1 gap-3 lg:grid-cols-2"},t.sections.map(a=>e.createElement(P,{key:a.id,section:a,colorClass:t.colorClass,bgClass:t.bgClass,borderClass:t.borderClass,bulletBg:t.bulletBg})))))))};
@@ -0,0 +1,3 @@
1
+ import { FC } from "react";
2
+ import { ProgramsData } from "../../data/school-v1";
3
+ export declare const ProgramsSection: FC<ProgramsData>;
@@ -0,0 +1 @@
1
+ "use strict";"use client";import e,{useState as E}from"react";import{motion as i,AnimatePresence as N}from"framer-motion";import{Badge as g}from"../../../components/ui/badge";import{Card as d,CardContent as x}from"../../../components/ui/card";import{Button as w}from"../../../components/ui/button";import f from"next/link";import{Check as b,ArrowRight as v,Baby as C,BookOpen as s,GraduationCap as $,User as k}from"lucide-react";export const ProgramsSection=({badge:y,lead:p,programs:n,title:u})=>{const[r,o]=E(0),a=n[r],m={baby:C,"book-open":s,"graduation-cap":$,user:k};return e.createElement("section",{id:"programs",className:"bg-gray-50 py-24"},e.createElement("div",{className:"container mx-auto px-4"},e.createElement(i.div,{className:"mb-14 text-center",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0}},e.createElement(g,{className:"mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100"},y),e.createElement("h2",{className:"mb-4 text-4xl font-bold text-gray-900 md:text-5xl"},u),e.createElement("p",{className:"mx-auto max-w-2xl text-lg text-gray-600"},p)),e.createElement(i.div,{className:"mb-10 flex flex-wrap justify-center gap-3",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.5,delay:.2},viewport:{once:!0}},n.map((t,l)=>e.createElement("button",{key:t.title,onClick:()=>o(l),className:`rounded-full px-5 py-2.5 text-sm font-medium transition-all ${r===l?`${t.color} text-white shadow-md`:"bg-white text-gray-600 shadow-sm hover:bg-gray-100"}`},t.title,e.createElement("span",{className:"ml-2 text-xs opacity-75"},t.ages)))),e.createElement(N,{mode:"wait"},e.createElement(i.div,{key:r,initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.4}},e.createElement(d,{className:"overflow-hidden border-0 shadow-xl"},e.createElement("div",{className:`h-2 w-full ${a.color}`}),e.createElement(x,{className:"p-0"},e.createElement("div",{className:"grid grid-cols-1 md:grid-cols-2"},e.createElement("div",{className:`p-8 md:p-12 ${a.lightColor}`},e.createElement("div",{className:`mb-4 inline-flex items-center gap-2 rounded-full ${a.color} px-4 py-1.5 text-sm font-semibold text-white`},(()=>{var t;const l=(t=m[a.icon])!==null&&t!==void 0?t:s;return e.createElement(l,{className:"h-4 w-4"})})(),a.ages),e.createElement("h3",{className:"mb-4 text-2xl font-bold text-gray-900 md:text-3xl"},a.title),e.createElement("p",{className:"mb-6 leading-relaxed text-gray-700"},a.description),e.createElement(w,{asChild:!0,className:`${a.color} border-0 text-white hover:opacity-90`},e.createElement(f,{href:"#admissions"},"Enroll Now ",e.createElement(v,{className:"ml-2 h-4 w-4"})))),e.createElement("div",{className:"p-8 md:p-12 bg-white"},e.createElement("h4",{className:"mb-6 text-lg font-semibold text-gray-900"},"What Your Child Gains"),e.createElement("ul",{className:"space-y-4"},a.highlights.map((t,l)=>e.createElement(i.li,{key:t,initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{delay:l*.08},className:"flex items-start gap-3"},e.createElement("div",{className:`mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full ${a.color}`},e.createElement(b,{className:"h-3 w-3 text-white"})),e.createElement("span",{className:"text-gray-700"},t)))))))))),e.createElement(i.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:.6,delay:.3},viewport:{once:!0}},n.map((t,l)=>e.createElement(i.div,{key:t.title,whileHover:{y:-6,scale:1.02},transition:{type:"spring",stiffness:300},onClick:()=>o(l),className:"cursor-pointer"},e.createElement(d,{className:`border-2 transition-all ${r===l?`border-current ${t.textColor} shadow-md`:"border-transparent"}`},e.createElement(x,{className:`flex flex-col items-center gap-3 rounded-lg p-6 text-center ${t.lightColor}`},e.createElement("div",{className:`flex h-14 w-14 items-center justify-center rounded-2xl ${t.color}`},(()=>{var c;const h=(c=m[t.icon])!==null&&c!==void 0?c:s;return e.createElement(h,{className:"h-7 w-7 text-white"})})()),e.createElement("div",null,e.createElement("div",{className:"text-sm font-semibold text-gray-900"},t.title),e.createElement("div",{className:`text-xs font-medium ${t.textColor}`},t.ages)))))))))};
@@ -0,0 +1,3 @@
1
+ import { TestimonialData } from "../../data/school-v1";
2
+ import { FC } from "react";
3
+ export declare const TestimonialsSection: FC<TestimonialData>;
@@ -0,0 +1 @@
1
+ "use strict";"use client";import{motion as a}from"framer-motion";import{Badge as c}from"../../../components/ui/badge";import{Quote as d,Star as x}from"lucide-react";import e from"react";export const TestimonialsSection=({badge:l,heading:r,headingHighlight:i,lead:o,items:n})=>e.createElement("section",{id:"testimonials",className:"overflow-hidden bg-white py-24"},e.createElement("div",{className:"container mx-auto px-4"},e.createElement(a.div,{className:"mb-16 text-center",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0}},e.createElement(c,{className:"mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100"},l),e.createElement("h2",{className:"mb-5 text-4xl font-bold text-gray-900 md:text-5xl"},r," ",e.createElement("span",{className:"text-blue-700"},i)),e.createElement("p",{className:"mx-auto max-w-2xl text-lg leading-relaxed text-gray-500"},o)),e.createElement("div",{className:"grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3"},n.map((t,m)=>e.createElement(a.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:.5,delay:m*.07},viewport:{once:!0},whileHover:{y:-4}},e.createElement("div",{className:`pointer-events-none absolute top-0 right-0 h-24 w-24 rounded-bl-full bg-linear-to-br ${t.gradientFrom} ${t.gradientTo} opacity-5 transition-opacity group-hover:opacity-10`}),e.createElement("div",{className:"mb-4 flex gap-1"},[...Array(5)].map((g,s)=>e.createElement(x,{key:s,className:"h-4 w-4 fill-yellow-400 text-yellow-400"}))),e.createElement(d,{className:"mb-3 h-7 w-7 text-blue-100"}),e.createElement("p",{className:"mb-6 text-sm leading-relaxed text-gray-600 italic"},"\u201C",t.quote,"\u201D"),e.createElement("div",{className:"flex items-center gap-3"},e.createElement("div",{className:`flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-linear-to-br ${t.gradientFrom} ${t.gradientTo} text-sm font-bold text-white`},t.initials),e.createElement("div",null,e.createElement("div",{className:"text-sm font-semibold text-gray-900"},t.name),e.createElement("div",{className:"text-xs text-gray-400"},t.role))))))));
@@ -0,0 +1,3 @@
1
+ import type { WhyUsData } from "../../data/school-v1";
2
+ import { FC } from "react";
3
+ export declare const WhyChooseUsSection: FC<WhyUsData>;
@@ -0,0 +1 @@
1
+ "use strict";"use client";import{motion as r}from"framer-motion";import{Badge as g}from"../../../components/ui/badge";import{CheckCircle as h,Award as x,Shield as w,BookOpen as n,Users as v,Heart as E,Globe as N,Star as f,Zap as k}from"lucide-react";import e from"react";export const WhyChooseUsSection=({badge:c,features:l,highlights:m,lead:d,paragraph:p,title:u})=>{const[y,b]=[l.slice(0,2),l.slice(2)],s={award:x,shield:w,"book-open":n,users:v,heart:E,globe:N,star:f,zap:k};return e.createElement("section",{id:"why-choose-us",className:"overflow-hidden bg-slate-50 py-24"},e.createElement("div",{className:"container mx-auto px-4"},e.createElement(r.div,{className:"mb-16 text-center",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0}},e.createElement(g,{className:"mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100"},c),e.createElement("h2",{className:"mb-5 text-4xl font-bold text-gray-900 md:text-5xl"},u," ",e.createElement("span",{className:"text-blue-700"},d)),e.createElement("p",{className:"mx-auto max-w-2xl text-lg leading-relaxed text-gray-500"},p)),e.createElement("div",{className:"mb-8 grid grid-cols-1 gap-5 md:grid-cols-2 lg:grid-cols-4"},y.map((t,o)=>e.createElement(r.div,{key:t.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:.5,delay:o*.1},viewport:{once:!0},whileHover:{y:-4}},e.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"}),e.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"},(()=>{var a;const i=(a=s[t.icon])!==null&&a!==void 0?a:n;return e.createElement(i,{className:`h-7 w-7 ${t.color}`})})()),e.createElement("h3",{className:"mb-3 text-xl font-bold text-gray-900"},t.title),e.createElement("p",{className:"leading-relaxed text-gray-500"},t.description))),b.map((t,o)=>e.createElement(r.div,{key:t.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:.5,delay:(o+2)*.08},viewport:{once:!0},whileHover:{y:-3}},e.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"}),e.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"},(()=>{var a;const i=(a=s[t.icon])!==null&&a!==void 0?a:n;return e.createElement(i,{className:`h-5 w-5 ${t.color}`})})()),e.createElement("h3",{className:"mb-2 font-bold text-gray-900"},t.title),e.createElement("p",{className:"text-sm leading-relaxed text-gray-500"},t.description)))),e.createElement(r.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:.6,delay:.5},viewport:{once:!0}},m.map(t=>e.createElement(r.div,{key:t.id,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}},e.createElement(h,{className:"h-4 w-4 text-blue-500"}),t.content)))))};