diff --git a/.gitignore b/.gitignore
index 602333d..f2b2a2f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,5 +5,4 @@ dist/
 build/
 *.zip
 *.mp4
-*.pdf
 *.log
\ No newline at end of file
diff --git a/New/comp_data.json b/New/comp_data.json
new file mode 100644
index 0000000..d72b72d
--- /dev/null
+++ b/New/comp_data.json
@@ -0,0 +1 @@
+[{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"\ud83d\udfe2 CODE = Unique React file to build from scratch     \ud83d\udfe0 REUSE = Same JSX\/layout as CODE page above, swap content only     \ud83d\udd35 DONE = Already built in repo","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"S.No","Unnamed: 1":"Menu Path","Unnamed: 2":"Page \/ Section Name","Unnamed: 3":"Type","Unnamed: 4":"React File","Unnamed: 5":"Dev Notes"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  ALREADY BUILT IN REPO  (do not recreate)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"\u2705","Unnamed: 1":"Home","Unnamed: 2":"Homepage \u2014 hero, stats, broadcast, notices, alumni, footer","Unnamed: 3":"DONE","Unnamed: 4":"Home.jsx","Unnamed: 5":"Full homepage already committed to repo."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"\u2705","Unnamed: 1":"Academics (Main Nav)","Unnamed: 2":"Knowledge Verticals \u2014 programme cards","Unnamed: 3":"DONE","Unnamed: 4":"Programs.jsx","Unnamed: 5":"Programme overview cards. Already committed."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"\u2705","Unnamed: 1":"Admission (Main Nav)","Unnamed: 2":"Secure Your Legacy \u2014 3-step + portals","Unnamed: 3":"DONE","Unnamed: 4":"Admissions.jsx","Unnamed: 5":"Generic admission steps page. Already committed."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"\u2705","Unnamed: 1":"R&D (Top Bar)","Unnamed: 2":"Intellectual Capital Hub \u2014 research cards","Unnamed: 3":"DONE","Unnamed: 4":"Research.jsx","Unnamed: 5":"Research areas + partner logos. Already committed."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"\u2705","Unnamed: 1":"Students' Corner (Main Nav)","Unnamed: 2":"Campus Dynamics \u2014 life & clubs cards","Unnamed: 3":"DONE","Unnamed: 4":"Life.jsx","Unnamed: 5":"Campus life cards + visual archive. Already committed."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"\u2705","Unnamed: 1":"All unbuilt routes","Unnamed: 2":"Coming Soon \u2014 fallback page","Unnamed: 3":"DONE","Unnamed: 4":"ComingSoon.jsx","Unnamed: 5":"Catch-all route with hammer animation."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  CODE PAGE 1 \u2014 ABOUT US  (sidebar-tab SPA, unique layout)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":1,"Unnamed: 1":"About Us","Unnamed: 2":"About NSEC \u2014 SPA with sidebar tab navigation","Unnamed: 3":"CODE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Yellow left sidebar with clickable tabs. Right panel shows active tab. Tab-sidebar pattern does not exist in any current repo page."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Overview","Unnamed: 2":"Overview of NSEC","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab 1 inside About SPA."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Vision & Mission","Unnamed: 2":"Vision & Mission","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab 2."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Institutional Distinctiveness","Unnamed: 2":"Institutional Distinctiveness","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab 3."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Accreditation & Affiliation","Unnamed: 2":"Accreditation & Affiliation \u2014 AICTE\/MAKAUT\/NBA 3-col","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab 4 \u2014 3-column card layout within the SPA."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Message \u2192 MD's Desk","Unnamed: 2":"Managing Director's Message","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab 5 with 3 sub-tabs: MD \/ Principal \/ Dean."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Message \u2192 Principal's Desk","Unnamed: 2":"Principal's Message","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Message \u2192 Dean's Desk","Unnamed: 2":"Dean's Message","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Organisational Structure","Unnamed: 2":"Org Chart","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab 6 \u2014 org chart diagram."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Functionaries \u2192 Board of Governors","Unnamed: 2":"Board of Governors","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab 7 sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Functionaries \u2192 Managing Director","Unnamed: 2":"MD Profile","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Functionaries \u2192 Principal","Unnamed: 2":"Principal Profile","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Functionaries \u2192 Dean","Unnamed: 2":"Dean Profile","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Committees \u2192 Anti Ragging","Unnamed: 2":"Anti Ragging Committee","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab 8 sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Committees \u2192 EOFC","Unnamed: 2":"Equal Opportunity Facilitation Cell","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Committees \u2192 All Committees","Unnamed: 2":"All Important Committees","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Download \u2192 Audited Report","Unnamed: 2":"Audited Report download","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab 9 sub-items \u2014 download list."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Download \u2192 Service Rule Book","Unnamed: 2":"Service Rule Book download","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Download item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Download \u2192 Mandatory Disclosure","Unnamed: 2":"Mandatory Disclosure","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Download item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Download \u2192 Appraisal Form","Unnamed: 2":"Appraisal Form","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Download item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Download \u2192 Institutional Core Values","Unnamed: 2":"Institutional Core Values","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Download item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Download \u2192 ERP","Unnamed: 2":"ERP Portal link","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"External link item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 RTI","Unnamed: 2":"RTI Page","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab 10."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Policies","Unnamed: 2":"Policies","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab 11."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  CODE PAGE 2 \u2014 DEPARTMENT PAGE  (template for all 14 departments)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":2,"Unnamed: 1":"Academics \u2192 Programmes \u2192 AEIE","Unnamed: 2":"Dept Page \u2014 AEIE  \u2190 BASE TEMPLATE","Unnamed: 3":"CODE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Unique layout: Academics sidebar listing all depts + right area has: dept hero banner, about text, faculty table (name\/desig\/qual), curriculum accordion (sem-wise), lab gallery cards, placement stats strip. None of these exist in repo."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 BME","Unnamed: 2":"Dept Page \u2014 BME","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Same JSX. department-bme-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 CE","Unnamed: 2":"Dept Page \u2014 CE","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-ce-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 CSBS","Unnamed: 2":"Dept Page \u2014 CSBS","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-csbs-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 CSE","Unnamed: 2":"Dept Page \u2014 CSE","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-cse-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 CSE (AIML)","Unnamed: 2":"Dept Page \u2014 CSE AIML","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-csaiml-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 EE","Unnamed: 2":"Dept Page \u2014 EE","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-ee-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 ECE","Unnamed: 2":"Dept Page \u2014 ECE","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-ece-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 IT","Unnamed: 2":"Dept Page \u2014 IT","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-it-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 ME","Unnamed: 2":"Dept Page \u2014 ME","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-me-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 M.Tech (CSE\/CI\/ECE\/PS)","Unnamed: 2":"Dept Page \u2014 M.Tech","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-mtech-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 Diploma (EE\/EEEVT\/CE\/CSE)","Unnamed: 2":"Dept Page \u2014 Diploma","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-diploma-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 MBA & BBA","Unnamed: 2":"Dept Page \u2014 MBA\/BBA","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-mba-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 BCA & MCA","Unnamed: 2":"Dept Page \u2014 BCA\/MCA","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-mca-config.json"},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Best Practices","Unnamed: 2":"Best Practices","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Uses same Academics sidebar. Content = text + cards."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Academic Calendar","Unnamed: 2":"Academic Calendar","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Same sidebar. Content = downloadable calendar table."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Curriculum Planning \u2192 Academic Activities Ready Reckoner","Unnamed: 2":"Curriculum \u2014 Academic Activities","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Same sidebar. 4 sub-tabs for curriculum items."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Curriculum Planning \u2192 VATP Brochure","Unnamed: 2":"VATP Brochure","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Curriculum Planning \u2192 VATP Planning","Unnamed: 2":"VATP Planning","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Curriculum Planning \u2192 Induction Program","Unnamed: 2":"Induction Program 2017-18","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Feedbacks \u2192 Feedback Analysis on Curriculum","Unnamed: 2":"Feedback Analysis on Curriculum","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Same sidebar. 4 feedback sub-tabs."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Feedbacks \u2192 Stakeholders' Feedback","Unnamed: 2":"Stakeholders' Feedback on Curriculum","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Feedbacks \u2192 Feedbacks on TLP","Unnamed: 2":"Feedbacks on Teaching-Learning Process","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Feedbacks \u2192 Evaluations on TLP","Unnamed: 2":"Feedback Evaluations on TLP","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  CODE PAGE 3 \u2014 ADMISSION SPA  (programme tabs with eligibility\/fee data)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":3,"Unnamed: 1":"Admission","Unnamed: 2":"Admission SPA \u2014 programme tabs","Unnamed: 3":"CODE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Horizontal programme tabs at top. Each tab: eligibility criteria, fee structure table, intake numbers, counseling steps, important dates. Current Admissions.jsx is generic \u2014 this is data-heavy tabbed layout."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 B.Tech","Unnamed: 2":"B.Tech Admission details","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab 1 \u2014 WBJEE\/JEE eligibility, fees, intake."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 M.Tech","Unnamed: 2":"M.Tech Admission details","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab 2."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 Ph.D","Unnamed: 2":"Ph.D Admission details","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab 3."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 BCA \/ MCA","Unnamed: 2":"BCA\/MCA Admission details","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab 4."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 BBA \/ MBA","Unnamed: 2":"BBA\/MBA Admission details","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab 5."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 Diploma","Unnamed: 2":"Diploma Admission details","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab 6."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 Other Programmes","Unnamed: 2":"Other Programmes","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab 7."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  CODE PAGE 4 \u2014 FACILITIES SPA  (left-tab facility selector)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":4,"Unnamed: 1":"Facilities","Unnamed: 2":"Facilities \u2014 left-tab SPA","Unnamed: 3":"CODE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Left tab list: Library \/ Labs \/ Hostel \/ Sports \/ Cafeteria \/ Media Centre \/ Spoken Tutorial. Right panel: photos + description + specs. Different from all existing pages."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Library","Unnamed: 2":"Library","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab 1 \u2014 book count, timings, e-resources."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Laboratories","Unnamed: 2":"Laboratories","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab 2 \u2014 lab list with equipment."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Hostel","Unnamed: 2":"Hostel","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab 3 \u2014 rooms, facilities, rules."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Sports","Unnamed: 2":"Sports \u2014 Indoor & Outdoor Games","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab 4 \u2014 INFINITO 2K24 events, sports facilities."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Cafeteria","Unnamed: 2":"Cafeteria","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab 5."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Media Centre","Unnamed: 2":"Media Centre","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab 6."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Spoken Tutorial","Unnamed: 2":"Spoken Tutorial","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab 7."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  CODE PAGE 5 \u2014 TRAINING & PLACEMENT  (stats strip + recruiter wall)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":5,"Unnamed: 1":"Training & Placement","Unnamed: 2":"T&P \u2014 Stats, Recruiters, Records","Unnamed: 3":"CODE","Unnamed: 4":"TNPPage.jsx","Unnamed: 5":"Unique layout: large placement stat strip (645+ jobs, 62 LPA highest), recruiter logo wall (Accenture\/Microsoft\/TCS etc.), year-wise placement record table, MoU partners section. Different from any existing page."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"T&P \u2192 Placement Records","Unnamed: 2":"Year-wise Placement Records","Unnamed: 3":"REUSE","Unnamed: 4":"TNPPage.jsx","Unnamed: 5":"Tab\/section \u2014 table of year, students placed, avg package."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"T&P \u2192 MoU Partners","Unnamed: 2":"MoU Partners","Unnamed: 3":"REUSE","Unnamed: 4":"TNPPage.jsx","Unnamed: 5":"Tab\/section \u2014 company logo grid."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"T&P \u2192 Career Opportunities at NSEC","Unnamed: 2":"Career Opportunities","Unnamed: 3":"REUSE","Unnamed: 4":"TNPPage.jsx","Unnamed: 5":"Tab\/section \u2014 job openings list."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"T&P \u2192 Internships","Unnamed: 2":"Internships","Unnamed: 3":"REUSE","Unnamed: 4":"TNPPage.jsx","Unnamed: 5":"Tab\/section."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  CODE PAGE 6 \u2014 IQAC \/ NAAC  (coloured tile grid + NAAC doc sidebar)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":6,"Unnamed: 1":"Top Bar \u2192 IQAC","Unnamed: 2":"IQAC: NSEC \u2014 tile grid + document sidebar","Unnamed: 3":"CODE","Unnamed: 4":"IQACPage.jsx","Unnamed: 5":"Unique layout: left sidebar 'NSEC NAAC Doc' with document tree (Certificate, IIQA Info, SSR, Criteria 1-7, Grade Sheet, NAAC 2nd Cycle accredited docs). Right = coloured tile grid (AQAR 2018-24, Annual Reports, QAC functions, Meeting Reports). Pattern does not exist in repo."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 NAAC","Unnamed: 2":"NAAC 2nd Cycle \u2014 tile grid (IQAC\/AQAR\/Criteria\/SSR)","Unnamed: 3":"REUSE","Unnamed: 4":"IQACPage.jsx","Unnamed: 5":"Same sidebar + tile grid. NAAC criteria tiles (Criteria 1-7, SSR, DVV, Extended Profile)."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 NBA","Unnamed: 2":"NBA Accreditation page","Unnamed: 3":"REUSE","Unnamed: 4":"IQACPage.jsx","Unnamed: 5":"Same tile grid layout. NBA approval docs by year."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Main Nav \u2192 NIRF","Unnamed: 2":"NIRF Data page (year-wise)","Unnamed: 3":"REUSE","Unnamed: 4":"IQACPage.jsx","Unnamed: 5":"Year tiles \u2014 NIRF submitted documents 2018-2025."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 ARIIA","Unnamed: 2":"ARIIA Reports & Ranking","Unnamed: 3":"REUSE","Unnamed: 4":"IQACPage.jsx","Unnamed: 5":"Year tiles \u2014 ARIIA 2019, 2020, 2021 reports."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About \u2192 Accreditation & Affiliation","Unnamed: 2":"AICTE \/ MAKAUT \/ NBA approval docs","Unnamed: 3":"REUSE","Unnamed: 4":"IQACPage.jsx","Unnamed: 5":"3-column layout: AICTE Approval years, MAKAUT Affiliation years, NBA status."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  CODE PAGE 7 \u2014 IIC MICRO-SITE  (deep 13-item sub-nav + video embed)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":7,"Unnamed: 1":"Top Bar \u2192 IIC","Unnamed: 2":"Institution's Innovation Council micro-site","Unnamed: 3":"CODE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Unique layout: dedicated NSEC-IIC sidebar (IIC Home \/ About IIC \/ Major Focus \/ Functions of IICs \/ IIC Members \/ I&E and IPR Policy \/ NISP Document \/ Products of NSEC-IIC \/ Facilities Available \/ Events & Activities \/ Regional Ecosystem \/ IP Support Available \/ Partnerships & MoUs). Video embed + rich content. Completely different sidebar depth."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 About IIC","Unnamed: 2":"About IIC","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item \u2014 content panel."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 Major Focus of IIC","Unnamed: 2":"Major Focus","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 Functions of IICs","Unnamed: 2":"Functions of IICs","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 IIC Members","Unnamed: 2":"IIC Members","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item \u2014 member table."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 I&E and IPR Policy","Unnamed: 2":"I&E and IPR Policy","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 NISP Document","Unnamed: 2":"NISP Document","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item \u2014 PDF download."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 Products of NSEC-IIC","Unnamed: 2":"Products of NSEC-IIC","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 Facilities Available","Unnamed: 2":"Facilities Available","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 Events & Activities","Unnamed: 2":"Events & Activities","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 Regional Ecosystem","Unnamed: 2":"Regional Ecosystem","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 IP Support Available","Unnamed: 2":"IP Support Available","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 Partnerships & MoUs","Unnamed: 2":"Partnerships & MoUs","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 IDEA Lab","Unnamed: 2":"AICTE IDEA Lab (About\/Committee\/Events\/Projects\/Gallery)","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Same micro-site sidebar pattern. Swap IDEA Lab sidebar items + content."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IDEA Lab \u2192 About Us","Unnamed: 2":"About IDEA Lab","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IDEA Lab \u2192 Committee","Unnamed: 2":"IDEA Lab Committee","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IDEA Lab \u2192 Events & Activities","Unnamed: 2":"Events & Activities","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IDEA Lab \u2192 Projects","Unnamed: 2":"Projects","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IDEA Lab \u2192 Facilities Available","Unnamed: 2":"Facilities Available","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IDEA Lab \u2192 Photo Gallery","Unnamed: 2":"Photo Gallery","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IDEA Lab \u2192 Video Gallery","Unnamed: 2":"Video Gallery","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IDEA Lab \u2192 Contact Us","Unnamed: 2":"Contact Us","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  CODE PAGE 8 \u2014 NOTICE BOARD  (filterable list + PDF downloads)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":8,"Unnamed: 1":"Notices \/ Downloads","Unnamed: 2":"Notice Board \u2014 filterable list + PDF downloads","Unnamed: 3":"CODE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Unique layout: search bar + category filter chips (Academics\/Admission\/Exam\/Events\/General) + date-sorted list of notices with PDF icon + download button. No list\/table layout like this in repo."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Notices \u2192 Archive","Unnamed: 2":"Notices Archive (all past notices)","Unnamed: 3":"REUSE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Same page with date-range filter active."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Spotlight \u2192 Archive","Unnamed: 2":"Spotlight Archive","Unnamed: 3":"REUSE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Same list layout for spotlight items."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About \u2192 Download \u2192 All Downloads","Unnamed: 2":"Downloads Board (Audited Report, SRB, etc.)","Unnamed: 3":"REUSE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Same list+download layout for document downloads."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  CODE PAGE 9 \u2014 PHOTO \/ VIDEO GALLERY  (masonry grid + lightbox)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":9,"Unnamed: 1":"Events \/ Gallery","Unnamed: 2":"Photo & Video Gallery \u2014 masonry + lightbox","Unnamed: 3":"CODE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Unique layout: category tabs (Events\/Sports\/Cultural\/Campus Life\/Prelude\/Infinito). Masonry image grid. Click = lightbox with prev\/next. Completely different from any glass-card page."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Gallery \u2192 Events","Unnamed: 2":"Events Photo Gallery","Unnamed: 3":"REUSE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Filtered by category=events."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Gallery \u2192 Sports \/ INFINITO 2K24","Unnamed: 2":"Sports Gallery","Unnamed: 3":"REUSE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Filtered by category=sports. INFINITO 2K24 photos."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Gallery \u2192 Cultural \/ PRELUDE 2024","Unnamed: 2":"Cultural Events Gallery","Unnamed: 3":"REUSE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Filtered by category=cultural. PRELUDE 2024 Dance\/Music\/Fashion."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Gallery \u2192 Campus Life","Unnamed: 2":"Campus Life Gallery","Unnamed: 3":"REUSE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Filtered by category=campus."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IDEA Lab \u2192 Photo Gallery","Unnamed: 2":"IDEA Lab Photos","Unnamed: 3":"REUSE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Filtered by category=idealab."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Silver Jubilee \u2192 Photo Gallery","Unnamed: 2":"Silver Jubilee Gallery","Unnamed: 3":"REUSE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Filtered by category=silverjubilee."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  CODE PAGE 10 \u2014 MOOCs \/ NPTEL  (dedicated sidebar + course info)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":10,"Unnamed: 1":"Top Bar \u2192 MOOCs","Unnamed: 2":"MOOCs & NPTEL \u2014 dedicated sidebar","Unnamed: 3":"CODE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Unique layout: dedicated MOOCs & NPTEL sidebar (MOOCs-Swayam-NPTEL-MAKAUT \/ Guidelines & Help \/ Domain Certificate \/ Toppers \/ Contacts \/ NPTEL-NSEC Local Chapter \/ Coursera-NSEC Homepage \/ NSEC-NDLI Club \/ MAR 2023-24). Different sidebar items from About, Dept, or IIC."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"MOOCs \u2192 MOOCs-Swayam-NPTEL-MAKAUT","Unnamed: 2":"MOOCs Main page","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Sidebar item 1 \u2014 course guidelines, enrollment link."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"MOOCs \u2192 Guidelines & Help","Unnamed: 2":"Guidelines & Help","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Sidebar item 2."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"MOOCs \u2192 Domain Certificate","Unnamed: 2":"Domain Certificate info","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Sidebar item 3."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"MOOCs \u2192 Toppers","Unnamed: 2":"MOOCs Toppers list","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Sidebar item 4 \u2014 student achievers table."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"MOOCs \u2192 Contacts","Unnamed: 2":"Contacts","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Sidebar item 5."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"MOOCs \u2192 NPTEL-NSEC Local Chapter","Unnamed: 2":"NPTEL Local Chapter","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Sidebar item 6."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"MOOCs \u2192 Coursera-NSEC Homepage","Unnamed: 2":"Coursera@NSEC","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Sidebar item 7."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"MOOCs \u2192 NSEC-NDLI Club","Unnamed: 2":"NSEC-NDLI Club","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Sidebar item 8."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"MOOCs \u2192 MAR (2023-24)","Unnamed: 2":"MAR 2023-24","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Sidebar item 9."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  CODE PAGE 11 \u2014 SILVER JUBILEE \/ 25 YEARS  (event micro-site)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":11,"Unnamed: 1":"Top Bar \u2192 25 Years","Unnamed: 2":"Silver Jubilee \u2014 event micro-site","Unnamed: 3":"CODE","Unnamed: 4":"SilverJubileePage.jsx","Unnamed: 5":"Unique layout: dedicated Silver Jubilee sidebar (SJ Home \/ Messages & Wishes \/ Inaugural Ceremony \/ Program Schedule \/ SJ Committees \/ Media Coverage \/ Photo Gallery \/ Contact Conveners). Hero banner '1998-2023 25 Glorious Years'. Timeline layout for schedule. Event-site feel."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Silver Jubilee \u2192 Messages \/ Wishes \/ Shubhechha Barta","Unnamed: 2":"Messages & Wishes","Unnamed: 3":"REUSE","Unnamed: 4":"SilverJubileePage.jsx","Unnamed: 5":"Sidebar item \u2014 message cards."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Silver Jubilee \u2192 Inaugural Ceremony","Unnamed: 2":"Inaugural Ceremony","Unnamed: 3":"REUSE","Unnamed: 4":"SilverJubileePage.jsx","Unnamed: 5":"Sidebar item \u2014 photos + description."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Silver Jubilee \u2192 Program Schedule","Unnamed: 2":"Program Schedule","Unnamed: 3":"REUSE","Unnamed: 4":"SilverJubileePage.jsx","Unnamed: 5":"Sidebar item \u2014 timeline layout."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Silver Jubilee \u2192 Silver Jubilee Committees","Unnamed: 2":"SJ Committees","Unnamed: 3":"REUSE","Unnamed: 4":"SilverJubileePage.jsx","Unnamed: 5":"Sidebar item \u2014 committee member table."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Silver Jubilee \u2192 Media Coverage","Unnamed: 2":"Media Coverage","Unnamed: 3":"REUSE","Unnamed: 4":"SilverJubileePage.jsx","Unnamed: 5":"Sidebar item \u2014 press clippings."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Silver Jubilee \u2192 Photo Gallery: Inaugural Ceremony","Unnamed: 2":"SJ Photo Gallery","Unnamed: 3":"REUSE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Reuses GalleryPage filtered by category=silverjubilee."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Silver Jubilee \u2192 Contact Conveners","Unnamed: 2":"Contact Conveners","Unnamed: 3":"REUSE","Unnamed: 4":"SilverJubileePage.jsx","Unnamed: 5":"Sidebar item \u2014 contact cards."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  CODE PAGE 12 \u2014 VIRTUAL TOUR  (360\u00b0 embed + spot selector)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":12,"Unnamed: 1":"Main Nav \u2192 VTour","Unnamed: 2":"Virtual Tour \u2014 360\u00b0 campus embed","Unnamed: 3":"CODE","Unnamed: 4":"VTourPage.jsx","Unnamed: 5":"Unique layout: full-width 360\u00b0 iframe (Pannellum \/ Marzipano \/ Google Street View embed) + spot selector panel (Main Building \/ Labs \/ Library \/ Cafeteria \/ Sports Ground). No iframe-embed layout exists in repo."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   \u25b6  STANDARD INFO PAGES  (reuse inner-page pattern \u2014 large heading + glass-card grid)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 R&D","Unnamed: 2":"R&D Activities \u2014 projects, MoUs, publications","Unnamed: 3":"REUSE","Unnamed: 4":"Research.jsx (extend)","Unnamed: 5":"Add R&D project cards, MoU tiles (Remedy Hospital \/ Electrixia \/ Orient Infotech \/ Photonix Solar \/ Suncraft Energy \/ MODROB), Ph.D awarded list, publications count. Same Research.jsx layout."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 UBA","Unnamed: 2":"Unnat Bharat Abhiyan","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"About UBA cell + map of adopted villages (Jagatipata \/ Kantipota \/ Ranabhutia). Life.jsx card grid."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 Anti-ragging","Unnamed: 2":"Anti-Ragging Policy & Committee","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Policy text (What Constitutes Ragging) + committee members. Life.jsx layout."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 Contact","Unnamed: 2":"Contact Us + Campus Map","Unnamed: 3":"REUSE","Unnamed: 4":"Admissions.jsx pattern","Unnamed: 5":"Map embed (Google Maps iframe) + contact info cards (phone\/email\/address). Admissions.jsx layout."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 Campus Map","Unnamed: 2":"Campus Map","Unnamed: 3":"REUSE","Unnamed: 4":"Admissions.jsx pattern","Unnamed: 5":"Same as Contact page \u2014 map embed."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 Photo Gallery","Unnamed: 2":"Photo Gallery link","Unnamed: 3":"REUSE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Routes to GalleryPage.jsx."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 Achievements","Unnamed: 2":"Student Achievements","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Achievement cards with student photos + award details."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 Mentoring System","Unnamed: 2":"Mentoring System","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Mentoring process cards."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 Guidance & Support","Unnamed: 2":"Guidance & Support","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Support service cards."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 PHOENIX Club \u2192 About","Unnamed: 2":"PHOENIX Club \u2014 About","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Club info + events + PHOENIX website link."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 PHOENIX Club \u2192 PHOENIX Website","Unnamed: 2":"PHOENIX Website (external link)","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Redirect to external PHOENIX site."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 PHOENIX Club \u2192 AVENIR Website","Unnamed: 2":"AVENIR Website (external link)","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Redirect to AVENIR site."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 Rotaract Club","Unnamed: 2":"Rotaract Club","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Club info cards."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 Games & Sports \/ NCC & NSS","Unnamed: 2":"Games, Sports, NCC, NSS","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"INFINITO 2K24 events, sports facilities, NCC\/NSS cards."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 Eco Cultural Club","Unnamed: 2":"Eco Cultural Club","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Club info + activities."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 Code of Conduct","Unnamed: 2":"Code of Conduct","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Policy text page."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 Alumni Association","Unnamed: 2":"Alumni Association","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Alumni cards + company logos + testimonials."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Main Nav \u2192 Events","Unnamed: 2":"Events Listing","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Event cards with date + category + image."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 NPTEL Local Chapter","Unnamed: 2":"NPTEL Local Chapter","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Reuses MOOCs page sidebar item."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 IEEE Student Chapters","Unnamed: 2":"IEEE Student Chapters","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"IEEE chapter info + events."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 Entrepreneurship Dev. Centre","Unnamed: 2":"Entrepreneurship Development Centre","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"EDC info + events + startups."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 Anti Ragging Awareness","Unnamed: 2":"Anti Ragging Awareness","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Awareness content cards."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 Stakeholder Feedback Form","Unnamed: 2":"Stakeholder Feedback Form","Unnamed: 3":"REUSE","Unnamed: 4":"Admissions.jsx pattern","Unnamed: 5":"Form-style layout with feedback fields."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 Audited Statements (Financial)","Unnamed: 2":"Financial Statements","Unnamed: 3":"REUSE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Download list layout \u2014 year-wise PDF downloads."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 Green Audit Report","Unnamed: 2":"Green Audit Report","Unnamed: 3":"REUSE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Download list."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 MoU","Unnamed: 2":"MoU Documents","Unnamed: 3":"REUSE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Download list of MoU PDFs."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 Curriculum & Syllabus \u2192 B.Tech","Unnamed: 2":"B.Tech Syllabus","Unnamed: 3":"REUSE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Download list \u2014 sem-wise syllabus PDFs."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 Curriculum & Syllabus \u2192 M.Tech","Unnamed: 2":"M.Tech Syllabus","Unnamed: 3":"REUSE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Download list."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 Curriculum & Syllabus \u2192 Ph.D","Unnamed: 2":"Ph.D Syllabus","Unnamed: 3":"REUSE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Download list."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Footer \u2192 Career Opportunities at NSEC","Unnamed: 2":"Career Opportunities","Unnamed: 3":"REUSE","Unnamed: 4":"TNPPage.jsx","Unnamed: 5":"Section within T&P page."},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website \u2014 Complete Page List  |  github.com\/Sumeet1249\/nsec":"   TOTAL ROWS: 178  |  \ud83d\udfe2 12 unique CODE pages  |  \ud83d\udfe0 REUSE pages (same layout, new content)  |  \ud83d\udd35 6 DONE (already in repo)  |  All pages mapped from nsec.ac.in menus, sub-menus, and footer links","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null}]
\ No newline at end of file
diff --git a/New/index.html b/New/index.html
index 309e6e4..f1faf04 100644
--- a/New/index.html
+++ b/New/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="/nsec_logo" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>NSEC | Engineering the Future</title>
   </head>
diff --git a/New/master_data.json b/New/master_data.json
new file mode 100644
index 0000000..4a3b5b1
--- /dev/null
+++ b/New/master_data.json
@@ -0,0 +1 @@
+[{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"  \ud83d\udfe2 CODE = Unique page \u2014 new React file to write from scratch     \ud83d\udfe0 REUSE = Same layout as Code page above, only content changes     \ud83d\udd35 DONE = Already built in repo","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"S.No","Unnamed: 1":"Menu \/ Section","Unnamed: 2":"Page Name","Unnamed: 3":"Type","Unnamed: 4":"React File","Unnamed: 5":"Notes for Developer"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   ALREADY BUILT IN REPO  (github.com\/Sumeet1249\/nsec \u2014 \/New\/src\/pages\/)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"\u2705","Unnamed: 1":"Home","Unnamed: 2":"Homepage","Unnamed: 3":"DONE","Unnamed: 4":"Home.jsx","Unnamed: 5":"Full homepage already committed. Hero, stats, broadcast, alumni, footer."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"\u2705","Unnamed: 1":"Academics","Unnamed: 2":"Knowledge Verticals (Programmes)","Unnamed: 3":"DONE","Unnamed: 4":"Programs.jsx","Unnamed: 5":"Programme cards page already built."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"\u2705","Unnamed: 1":"Admission","Unnamed: 2":"Secure Your Legacy","Unnamed: 3":"DONE","Unnamed: 4":"Admissions.jsx","Unnamed: 5":"3-step admission + download\/portal cards."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"\u2705","Unnamed: 1":"R&D","Unnamed: 2":"Intellectual Capital Hub","Unnamed: 3":"DONE","Unnamed: 4":"Research.jsx","Unnamed: 5":"Research areas + partners section."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"\u2705","Unnamed: 1":"Students' Corner","Unnamed: 2":"Campus Dynamics","Unnamed: 3":"DONE","Unnamed: 4":"Life.jsx","Unnamed: 5":"Campus life cards + visual archive."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"\u2705","Unnamed: 1":"All unbuilt routes","Unnamed: 2":"Coming Soon fallback","Unnamed: 3":"DONE","Unnamed: 4":"ComingSoon.jsx","Unnamed: 5":"Catch-all route. Hammer animation + back button."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   UNIQUE PAGE 1 \u2014 ABOUT US  (SPA with sidebar tabs)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":1,"Unnamed: 1":"About Us \u2192 Overview","Unnamed: 2":"About NSEC \u2014 Overview","Unnamed: 3":"CODE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Unique layout: yellow sidebar tab-nav (Overview \/ Vision & Mission \/ Org Structure \/ Accreditation & Affiliation \/ Messages \/ Committees \/ Download \/ RTI \/ Policies). Right panel shows active tab content. This sidebar-tab pattern does NOT exist in any current page."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Vision & Mission","Unnamed: 2":"Vision & Mission section","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Same page, different tab. Content swapped via config."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Institutional Distinctiveness","Unnamed: 2":"Institutional Distinctiveness","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab inside About SPA."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Message \u2192 MD's Desk","Unnamed: 2":"Managing Director's Message","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"3-tab sub-section inside Message tab: MD \/ Principal \/ Dean."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Message \u2192 Principal","Unnamed: 2":"Principal's Desk","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Message \u2192 Dean","Unnamed: 2":"Dean's Desk","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Organisational Structure","Unnamed: 2":"Org Chart","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab inside About SPA."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Functionaries \u2192 BOG","Unnamed: 2":"Board of Governors","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab under Functionaries."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Functionaries \u2192 Principal","Unnamed: 2":"Principal profile","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Functionaries \u2192 Dean","Unnamed: 2":"Dean profile","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Committees \u2192 Anti Ragging","Unnamed: 2":"Anti Ragging Committee","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab under Committees."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Committees \u2192 EOFC","Unnamed: 2":"Equal Opportunity Cell","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Committees \u2192 All","Unnamed: 2":"All Important Committees","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Sub-tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Download","Unnamed: 2":"Downloads (Audited Report, ERP\u2026)","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab \u2014 list of download links."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 RTI","Unnamed: 2":"RTI Page","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab inside About SPA."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Policies","Unnamed: 2":"Policies","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab inside About SPA."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About Us \u2192 Accreditation & Affiliation","Unnamed: 2":"Accreditation (AICTE\/MAKAUT\/NBA)","Unnamed: 3":"REUSE","Unnamed: 4":"AboutPage.jsx","Unnamed: 5":"Tab \u2014 3-column card layout within About SPA."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   UNIQUE PAGE 2 \u2014 DEPARTMENT PAGE  (template for all 14 departments)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":2,"Unnamed: 1":"Academics \u2192 Programmes \u2192 AEIE","Unnamed: 2":"Dept Page \u2014 AEIE  \u2190 BASE TEMPLATE","Unnamed: 3":"CODE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Unique layout: Academics sidebar (all dept links listed) + right area has: Dept hero banner, About dept, Faculty table (name\/designation\/qualification), Curriculum accordion (sem-wise subjects), Lab gallery cards, Placement stats strip. None of these components exist in current repo. Build once for AEIE, clone JSON for all others."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 BME","Unnamed: 2":"Dept \u2014 BME","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Same JSX as #2. Swap department-bme-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 CE","Unnamed: 2":"Dept \u2014 CE","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-ce-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 CSBS","Unnamed: 2":"Dept \u2014 CSBS","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-csbs-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 CSE","Unnamed: 2":"Dept \u2014 CSE","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-cse-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 CSE(AIML)","Unnamed: 2":"Dept \u2014 CSE AIML","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-csaiml-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 EE","Unnamed: 2":"Dept \u2014 EE","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-ee-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 ECE","Unnamed: 2":"Dept \u2014 ECE","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-ece-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 IT","Unnamed: 2":"Dept \u2014 IT","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-it-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 ME","Unnamed: 2":"Dept \u2014 ME","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-me-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 M.Tech","Unnamed: 2":"Dept \u2014 M.Tech","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-mtech-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 Diploma","Unnamed: 2":"Dept \u2014 Diploma","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-diploma-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 MBA\/BBA","Unnamed: 2":"Dept \u2014 MBA\/BBA","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-mba-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Programmes \u2192 BCA\/MCA","Unnamed: 2":"Dept \u2014 BCA\/MCA","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"department-mca-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Best Practices","Unnamed: 2":"Best Practices","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Uses same Academics sidebar. Content = text+cards."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Academic Calendar","Unnamed: 2":"Academic Calendar","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Same sidebar. Content = calendar\/table."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Curriculum Planning","Unnamed: 2":"Curriculum Page","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Same sidebar. Content = 4 sub-tabs."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Academics \u2192 Feedbacks","Unnamed: 2":"Feedback Page","Unnamed: 3":"REUSE","Unnamed: 4":"DeptPage.jsx","Unnamed: 5":"Same sidebar. Content = 4 feedback sub-tabs."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   UNIQUE PAGE 3 \u2014 ADMISSION SPA  (programme tabs)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":3,"Unnamed: 1":"Admission","Unnamed: 2":"Admission \u2014 Programme Tabs SPA","Unnamed: 3":"CODE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Unique layout: horizontal programme tabs (B.Tech \/ M.Tech \/ Ph.D \/ BCA\/MCA \/ BBA\/MBA \/ Diploma). Each tab shows eligibility, fee structure, intake, counseling steps. Current Admissions.jsx is a generic 3-step page \u2014 this is a different, data-heavy tabbed layout."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 B.Tech","Unnamed: 2":"B.Tech Admission details","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab within SPA. Config: admission-btech-config.json"},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 M.Tech","Unnamed: 2":"M.Tech Admission details","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab within SPA."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 Ph.D","Unnamed: 2":"Ph.D Admission details","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab within SPA."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 BCA\/MCA","Unnamed: 2":"BCA\/MCA details","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab within SPA."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 BBA\/MBA","Unnamed: 2":"BBA\/MBA details","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab within SPA."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Admission \u2192 Diploma","Unnamed: 2":"Diploma details","Unnamed: 3":"REUSE","Unnamed: 4":"AdmissionSPA.jsx","Unnamed: 5":"Tab within SPA."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   UNIQUE PAGE 4 \u2014 FACILITIES SPA  (facility tabs)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":4,"Unnamed: 1":"Facilities","Unnamed: 2":"Facilities \u2014 Tabs SPA","Unnamed: 3":"CODE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Unique layout: left tab list (Library \/ Labs \/ Hostel \/ Sports \/ Cafeteria \/ Media Centre). Right panel shows photos + description for selected facility. Different from any existing page."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Library","Unnamed: 2":"Library","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab within Facilities SPA."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Laboratories","Unnamed: 2":"Laboratories","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Hostel","Unnamed: 2":"Hostel","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Sports","Unnamed: 2":"Sports","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Cafeteria","Unnamed: 2":"Cafeteria","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Facilities \u2192 Media Centre","Unnamed: 2":"Media Centre","Unnamed: 3":"REUSE","Unnamed: 4":"FacilitiesPage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   UNIQUE PAGE 5 \u2014 TRAINING & PLACEMENT","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":5,"Unnamed: 1":"Training & Placement","Unnamed: 2":"T&P \u2014 Stats + Recruiters + Records","Unnamed: 3":"CODE","Unnamed: 4":"TNPPage.jsx","Unnamed: 5":"Unique layout: large placement stat strip (645+ jobs, 62 LPA), recruiter logo wall, year-wise placement record table, MoU partners. Different from Research.jsx or Life.jsx."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"T&P \u2192 Placement Records","Unnamed: 2":"Placement Records","Unnamed: 3":"REUSE","Unnamed: 4":"TNPPage.jsx","Unnamed: 5":"Tab\/section within T&P page."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"T&P \u2192 MoU Partners","Unnamed: 2":"MoU Partners","Unnamed: 3":"REUSE","Unnamed: 4":"TNPPage.jsx","Unnamed: 5":"Tab\/section."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"T&P \u2192 Career Opportunities","Unnamed: 2":"Career Opportunities","Unnamed: 3":"REUSE","Unnamed: 4":"TNPPage.jsx","Unnamed: 5":"Tab\/section."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   UNIQUE PAGE 6 \u2014 IQAC \/ NAAC  (coloured tile grid + document sidebar)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":6,"Unnamed: 1":"Top Bar \u2192 IQAC","Unnamed: 2":"IQAC: NSEC \u2014 Tile Grid Page","Unnamed: 3":"CODE","Unnamed: 4":"IQACPage.jsx","Unnamed: 5":"Unique layout: left sidebar 'NSEC NAAC Doc' with document tree (NAAC 2nd Cycle docs, Criteria 1-7, SSR\u2026). Right area = coloured tile grid (AQAR years, Annual Reports, QAC functions). This sidebar+tile-grid pattern exists nowhere in current repo."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 NAAC","Unnamed: 2":"NAAC 2nd Cycle","Unnamed: 3":"REUSE","Unnamed: 4":"IQACPage.jsx","Unnamed: 5":"Same sidebar + tile grid layout. Swap NAAC content."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 NBA","Unnamed: 2":"NBA Accreditation","Unnamed: 3":"REUSE","Unnamed: 4":"IQACPage.jsx","Unnamed: 5":"Accreditation tile grid (AICTE\/MAKAUT\/NBA 3-col cards)."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 NIRF","Unnamed: 2":"NIRF Data","Unnamed: 3":"REUSE","Unnamed: 4":"IQACPage.jsx","Unnamed: 5":"Year-wise NIRF tile grid."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 ARIIA","Unnamed: 2":"ARIIA Reports","Unnamed: 3":"REUSE","Unnamed: 4":"IQACPage.jsx","Unnamed: 5":"Report year tiles."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Main Nav \u2192 NIRF","Unnamed: 2":"NIRF (main nav)","Unnamed: 3":"REUSE","Unnamed: 4":"IQACPage.jsx","Unnamed: 5":"Same tile layout."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   UNIQUE PAGE 7 \u2014 IIC MICRO-SITE  (dedicated deep sub-nav)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":7,"Unnamed: 1":"Top Bar \u2192 IIC","Unnamed: 2":"Institution's Innovation Council","Unnamed: 3":"CODE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Unique layout: dedicated IIC sidebar (IIC Home \/ About \/ Major Focus \/ Functions \/ Members \/ I&E Policy \/ NISP \/ Products \/ Facilities \/ Events \/ Regional Ecosystem \/ IP Support \/ Partnerships & MoUs). Video embed + rich content. Completely different sidebar structure from About or Dept pages."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 About IIC","Unnamed: 2":"About IIC","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Tab in IIC micro-site."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 Major Focus","Unnamed: 2":"Major Focus of IIC","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 Members","Unnamed: 2":"IIC Members","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 Events & Activities","Unnamed: 2":"Events & Activities","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"IIC \u2192 Products of NSEC-IIC","Unnamed: 2":"Products","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 IDEA Lab","Unnamed: 2":"AICTE IDEA Lab","Unnamed: 3":"REUSE","Unnamed: 4":"IICPage.jsx","Unnamed: 5":"Same micro-site sidebar pattern. Swap IDEA Lab content & sidebar items."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   UNIQUE PAGE 8 \u2014 NOTICE BOARD  (filterable list + PDF downloads)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":8,"Unnamed: 1":"Notices \/ Archive","Unnamed: 2":"Notices & Announcements Board","Unnamed: 3":"CODE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Unique layout: search bar + category filter (Academics \/ Admission \/ Exam \/ General) + date-sorted list of notices with PDF download buttons. No table\/list layout like this exists anywhere in current repo."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Notices \u2192 Archive","Unnamed: 2":"Notice Archive","Unnamed: 3":"REUSE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Same page with date range filter."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"About \u2192 Download section","Unnamed: 2":"Downloads Board","Unnamed: 3":"REUSE","Unnamed: 4":"NoticePage.jsx","Unnamed: 5":"Audited Report, Service Rule Book, Mandatory Disclosure etc. Same list+download layout."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   UNIQUE PAGE 9 \u2014 PHOTO \/ VIDEO GALLERY  (masonry grid + lightbox)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":9,"Unnamed: 1":"Events \/ Gallery","Unnamed: 2":"Photo & Video Gallery","Unnamed: 3":"CODE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Unique layout: category tabs (Events \/ Sports \/ Cultural \/ Campus Life) + masonry image grid with lightbox on click. Completely different from any glass-card page in repo."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Gallery \u2192 Events","Unnamed: 2":"Events Gallery","Unnamed: 3":"REUSE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Tab \u2014 filtered by category=events."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Gallery \u2192 Sports","Unnamed: 2":"Sports Gallery","Unnamed: 3":"REUSE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Tab \u2014 filtered by category=sports."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Gallery \u2192 Cultural","Unnamed: 2":"Cultural Gallery","Unnamed: 3":"REUSE","Unnamed: 4":"GalleryPage.jsx","Unnamed: 5":"Tab \u2014 filtered by category=cultural."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   UNIQUE PAGE 10 \u2014 MOOCs \/ NPTEL  (dedicated sidebar + course cards)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":10,"Unnamed: 1":"Top Bar \u2192 MOOCs","Unnamed: 2":"MOOCs & NPTEL Page","Unnamed: 3":"CODE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Unique layout: dedicated MOOCs sidebar (MOOCs-Swayam-NPTEL-MAKAUT \/ Guidelines & Help \/ Domain Certificate \/ Toppers \/ Contacts \/ NPTEL-NSEC Local Chapter \/ Coursera-NSEC \/ NSEC-NDLI Club \/ MAR). Different sidebar structure from About, Dept, or IIC pages."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"MOOCs \u2192 Guidelines","Unnamed: 2":"MOOCs Guidelines","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Tab\/section in MOOCs page."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"MOOCs \u2192 Toppers","Unnamed: 2":"MOOCs Toppers","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"MOOCs \u2192 NPTEL Chapter","Unnamed: 2":"NPTEL-NSEC Local Chapter","Unnamed: 3":"REUSE","Unnamed: 4":"MOOCsPage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   UNIQUE PAGE 11 \u2014 SILVER JUBILEE \/ 25 YEARS  (event micro-site)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":11,"Unnamed: 1":"Top Bar \u2192 25 Years","Unnamed: 2":"Silver Jubilee Celebration","Unnamed: 3":"CODE","Unnamed: 4":"SilverJubileePage.jsx","Unnamed: 5":"Unique layout: dedicated sidebar (Silver Jubilee Home \/ Messages & Wishes \/ Inaugural Ceremony \/ Program Schedule \/ Committees \/ Media Coverage \/ Photo Gallery \/ Contact Conveners). Event-site feel with hero banner, schedule timeline, gallery. Different from all other pages."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"SJ \u2192 Messages & Wishes","Unnamed: 2":"Messages & Wishes","Unnamed: 3":"REUSE","Unnamed: 4":"SilverJubileePage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"SJ \u2192 Program Schedule","Unnamed: 2":"Program Schedule","Unnamed: 3":"REUSE","Unnamed: 4":"SilverJubileePage.jsx","Unnamed: 5":"Tab \u2014 timeline layout."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"SJ \u2192 Media Coverage","Unnamed: 2":"Media Coverage","Unnamed: 3":"REUSE","Unnamed: 4":"SilverJubileePage.jsx","Unnamed: 5":"Tab."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"SJ \u2192 Photo Gallery","Unnamed: 2":"SJ Photo Gallery","Unnamed: 3":"REUSE","Unnamed: 4":"SilverJubileePage.jsx","Unnamed: 5":"Tab \u2014 links to GalleryPage.jsx filtered by SJ category."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   UNIQUE PAGE 12 \u2014 VIRTUAL TOUR  (360\u00b0 embed)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":12,"Unnamed: 1":"Main Nav \u2192 VTour","Unnamed: 2":"Virtual Tour \u2014 360\u00b0 Campus","Unnamed: 3":"CODE","Unnamed: 4":"VTourPage.jsx","Unnamed: 5":"Unique layout: full-width 360\u00b0 iframe (Pannellum or Marzipano embed) + spot selector panel (Main Building \/ Labs \/ Library \/ Cafeteria). No iframe embed layout exists in repo."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":"   STANDARD INFO PAGES  (reuse inner-page pattern from existing pages in repo)","Unnamed: 1":null,"Unnamed: 2":null,"Unnamed: 3":null,"Unnamed: 4":null,"Unnamed: 5":null},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 R&D","Unnamed: 2":"R&D Activities","Unnamed: 3":"REUSE","Unnamed: 4":"Research.jsx (extend)","Unnamed: 5":"Add R&D projects grid, MoU tiles, Ph.D awarded. Same layout as Research.jsx."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 UBA","Unnamed: 2":"Unnat Bharat Abhiyan","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"About UBA + map + adopted villages. Life.jsx card grid."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 ARIIA","Unnamed: 2":"ARIIA Reports","Unnamed: 3":"REUSE","Unnamed: 4":"Research.jsx pattern","Unnamed: 5":"Report year cards. Research.jsx layout."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 Anti-ragging","Unnamed: 2":"Anti-Ragging Policy","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Policy text + committee cards."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Top Bar \u2192 Contact","Unnamed: 2":"Contact Us + Map","Unnamed: 3":"REUSE","Unnamed: 4":"Admissions.jsx pattern","Unnamed: 5":"Map embed + contact info cards. Admissions.jsx layout."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 Achievements","Unnamed: 2":"Achievements","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Achievement cards. Same as Life.jsx."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 Alumni Assoc","Unnamed: 2":"Alumni Association","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Alumni cards + companies."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 PHOENIX Club","Unnamed: 2":"PHOENIX","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Club info cards."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 Rotaract","Unnamed: 2":"Rotaract Club","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Club info cards."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Students \u2192 NCC\/NSS","Unnamed: 2":"NCC \/ NSS \/ Sports","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Club info cards."},{"NSEC Website Revamp \u2014 Master Page Plan  |  github.com\/Sumeet1249\/nsec":null,"Unnamed: 1":"Main Nav \u2192 Events","Unnamed: 2":"Events Listing","Unnamed: 3":"REUSE","Unnamed: 4":"Life.jsx pattern","Unnamed: 5":"Event cards with date + category."}]
\ No newline at end of file
diff --git a/New/package-lock.json b/New/package-lock.json
index 0765c4a..1a4d3a3 100644
--- a/New/package-lock.json
+++ b/New/package-lock.json
@@ -19,7 +19,8 @@
         "react-dom": "^19.2.4",
         "react-router-dom": "^7.13.2",
         "tailwind-merge": "^3.5.0",
-        "tailwindcss": "^4.2.2"
+        "tailwindcss": "^4.2.2",
+        "three": "^0.184.0"
       },
       "devDependencies": {
         "@eslint/js": "^9.39.4",
@@ -2847,6 +2848,12 @@
         "url": "https://opencollective.com/webpack"
       }
     },
+    "node_modules/three": {
+      "version": "0.184.0",
+      "resolved": "https://registry.npmjs.org/three/-/three-0.184.0.tgz",
+      "integrity": "sha512-wtTRjG92pM5eUg/KuUnHsqSAlPM296brTOcLgMRqEeylYTh/CdtvKUvCyyCQTzFuStieWxvZb8mVTMvdPyUpxg==",
+      "license": "MIT"
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.15",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
diff --git a/New/package.json b/New/package.json
index ec5c85a..4d32a4a 100644
--- a/New/package.json
+++ b/New/package.json
@@ -21,7 +21,8 @@
     "react-dom": "^19.2.4",
     "react-router-dom": "^7.13.2",
     "tailwind-merge": "^3.5.0",
-    "tailwindcss": "^4.2.2"
+    "tailwindcss": "^4.2.2",
+    "three": "^0.184.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.4",
diff --git a/New/pnpm-lock.yaml b/New/pnpm-lock.yaml
new file mode 100644
index 0000000..47d2d73
--- /dev/null
+++ b/New/pnpm-lock.yaml
@@ -0,0 +1,1996 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@tailwindcss/postcss':
+        specifier: ^4.2.2
+        version: 4.2.3
+      '@tailwindcss/vite':
+        specifier: ^4.2.2
+        version: 4.2.3(vite@8.0.9(jiti@2.6.1))
+      autoprefixer:
+        specifier: ^10.4.27
+        version: 10.5.0(postcss@8.5.10)
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      framer-motion:
+        specifier: ^12.38.0
+        version: 12.38.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
+      lucide-react:
+        specifier: ^0.475.0
+        version: 0.475.0(react@19.2.5)
+      postcss:
+        specifier: ^8.5.8
+        version: 8.5.10
+      react:
+        specifier: ^19.2.4
+        version: 19.2.5
+      react-dom:
+        specifier: ^19.2.4
+        version: 19.2.5(react@19.2.5)
+      react-router-dom:
+        specifier: ^7.13.2
+        version: 7.14.1(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
+      tailwind-merge:
+        specifier: ^3.5.0
+        version: 3.5.0
+      tailwindcss:
+        specifier: ^4.2.2
+        version: 4.2.3
+      three:
+        specifier: ^0.184.0
+        version: 0.184.0
+    devDependencies:
+      '@eslint/js':
+        specifier: ^9.39.4
+        version: 9.39.4
+      '@types/react':
+        specifier: ^19.2.14
+        version: 19.2.14
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.14)
+      '@vitejs/plugin-react':
+        specifier: ^6.0.1
+        version: 6.0.1(vite@8.0.9(jiti@2.6.1))
+      eslint:
+        specifier: ^9.39.4
+        version: 9.39.4(jiti@2.6.1)
+      eslint-plugin-react-hooks:
+        specifier: ^7.0.1
+        version: 7.1.1(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-react-refresh:
+        specifier: ^0.5.2
+        version: 0.5.2(eslint@9.39.4(jiti@2.6.1))
+      globals:
+        specifier: ^17.4.0
+        version: 17.5.0
+      vite:
+        specifier: ^8.0.1
+        version: 8.0.9(jiti@2.6.1)
+
+packages:
+
+  '@alloc/quick-lru@5.2.0':
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.29.0':
+    resolution: {integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.29.0':
+    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.29.1':
+    resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.28.6':
+    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-globals@7.28.0':
+    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.28.6':
+    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.28.6':
+    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.29.2':
+    resolution: {integrity: sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.2':
+    resolution: {integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/template@7.28.6':
+    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.29.0':
+    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
+    engines: {node: '>=6.9.0'}
+
+  '@emnapi/core@1.9.2':
+    resolution: {integrity: sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==}
+
+  '@emnapi/runtime@1.9.2':
+    resolution: {integrity: sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==}
+
+  '@emnapi/wasi-threads@1.2.1':
+    resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
+
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/config-array@0.21.2':
+    resolution: {integrity: sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.3.5':
+    resolution: {integrity: sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.39.4':
+    resolution: {integrity: sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@humanfs/core@0.19.2':
+    resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.8':
+    resolution: {integrity: sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/types@0.15.0':
+    resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@napi-rs/wasm-runtime@1.1.4':
+    resolution: {integrity: sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1
+      '@emnapi/runtime': ^1.7.1
+
+  '@oxc-project/types@0.126.0':
+    resolution: {integrity: sha512-oGfVtjAgwQVVpfBrbtk4e1XDyWHRFta6BS3GWVzrF8xYBT2VGQAk39yJS/wFSMrZqoiCU4oghT3Ch0HaHGIHcQ==}
+
+  '@rolldown/binding-android-arm64@1.0.0-rc.16':
+    resolution: {integrity: sha512-rhY3k7Bsae9qQfOtph2Pm2jZEA+s8Gmjoz4hhmx70K9iMQ/ddeae+xhRQcM5IuVx5ry1+bGfkvMn7D6MJggVSA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.16':
+    resolution: {integrity: sha512-rNz0yK078yrNn3DrdgN+PKiMOW8HfQ92jQiXxwX8yW899ayV00MLVdaCNeVBhG/TbH3ouYVObo8/yrkiectkcQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.0.0-rc.16':
+    resolution: {integrity: sha512-r/OmdR00HmD4i79Z//xO06uEPOq5hRXdhw7nzkxQxwSavs3PSHa1ijntdpOiZ2mzOQ3fVVu8C1M19FoNM+dMUQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.16':
+    resolution: {integrity: sha512-KcRE5w8h0OnjUatG8pldyD14/CQ5Phs1oxfR+3pKDjboHRo9+MkqQaiIZlZRpsxC15paeXme/I127tUa9TXJ6g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.16':
+    resolution: {integrity: sha512-bT0guA1bpxEJ/ZhTRniQf7rNF8ybvXOuWbNIeLABaV5NGjx4EtOWBTSRGWFU9ZWVkPOZ+HNFP8RMcBokBiZ0Kg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.16':
+    resolution: {integrity: sha512-+tHktCHWV8BDQSjemUqm/Jl/TPk3QObCTIjmdDy/nlupcujZghmKK2962LYrqFpWu+ai01AN/REOH3NEpqvYQg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.16':
+    resolution: {integrity: sha512-3fPzdREH806oRLxpTWW1Gt4tQHs0TitZFOECB2xzCFLPKnSOy90gwA7P29cksYilFO6XVRY1kzga0cL2nRjKPg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.16':
+    resolution: {integrity: sha512-EKwI1tSrLs7YVw+JPJT/G2dJQ1jl9qlTTTEG0V2Ok/RdOenRfBw2PQdLPyjhIu58ocdBfP7vIRN/pvMsPxs/AQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.16':
+    resolution: {integrity: sha512-Uknladnb3Sxqu6SEcqBldQyJUpk8NleooZEc0MbRBJ4inEhRYWZX0NJu12vNf2mqAq7gsofAxHrGghiUYjhaLQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.16':
+    resolution: {integrity: sha512-FIb8+uG49sZBtLTn+zt1AJ20TqVcqWeSIyoVt0or7uAWesgKaHbiBh6OpA/k9v0LTt+PTrb1Lao133kP4uVxkg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.16':
+    resolution: {integrity: sha512-RuERhF9/EgWxZEXYWCOaViUWHIboceK4/ivdtQ3R0T44NjLkIIlGIAVAuCddFxsZ7vnRHtNQUrt2vR2n2slB2w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.16':
+    resolution: {integrity: sha512-mXcXnvd9GpazCxeUCCnZ2+YF7nut+ZOEbE4GtaiPtyY6AkhZWbK70y1KK3j+RDhjVq5+U8FySkKRb/+w0EeUwA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.16':
+    resolution: {integrity: sha512-3Q2KQxnC8IJOLqXmUMoYwyIPZU9hzRbnHaoV3Euz+VVnjZKcY8ktnNP8T9R4/GGQtb27C/UYKABxesKWb8lsvQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [wasm32]
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.16':
+    resolution: {integrity: sha512-tj7XRemQcOcFwv7qhpUxMTBbI5mWMlE4c1Omhg5+h8GuLXzyj8HviYgR+bB2DMDgRqUE+jiDleqSCRjx4aYk/Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.16':
+    resolution: {integrity: sha512-PH5DRZT+F4f2PTXRXR8uJxnBq2po/xFtddyabTJVJs/ZYVHqXPEgNIr35IHTEa6bpa0Q8Awg+ymkTaGnKITw4g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.0-rc.16':
+    resolution: {integrity: sha512-45+YtqxLYKDWQouLKCrpIZhke+nXxhsw+qAHVzHDVwttyBlHNBVs2K25rDXrZzhpTp9w1FlAlvweV1H++fdZoA==}
+
+  '@rolldown/pluginutils@1.0.0-rc.7':
+    resolution: {integrity: sha512-qujRfC8sFVInYSPPMLQByRh7zhwkGFS4+tyMQ83srV1qrxL4g8E2tyxVVyxd0+8QeBM1mIk9KbWxkegRr76XzA==}
+
+  '@tailwindcss/node@4.2.3':
+    resolution: {integrity: sha512-dhXFXkW2dGvX4r/fi24gyXM0t1mFMrpykQjqrdA4SuavaMagm4SY1u5G2SCJwu1/0x/5RlZJ2VPjP3mKYQfCkA==}
+
+  '@tailwindcss/oxide-android-arm64@4.2.3':
+    resolution: {integrity: sha512-0Jmt1U/zPqeKp1+fvgI3qMqrV5b/EcFIbE5Dl5KdPl5Ri6e+95nlYNjfB3w8hJBeASI4IQSnIMz0tdVP1AVO4g==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.2.3':
+    resolution: {integrity: sha512-c+/Etn/nghKBhd9fh2diG+3SEV1VTTPLlqH209yleofi28H87Cy6g1vsd3W3kf6r/dR5g4G4TEwHxo2Ydn6yFw==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.2.3':
+    resolution: {integrity: sha512-1DrKKsdJTLuLWVdpaLZ0j/g9YbCZyP9xnwSqEvl3gY4ZHdXmX7TwVAHkoWUljOq7JK5zvzIGhrYmfE/2DJ5qaA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.2.3':
+    resolution: {integrity: sha512-HE6HHZYF8k7m80eVQ0RBvRGBdvvLvCpHiT38IRH9JSnBlt1T7gDzWoslWjmpXQFuqlRpzkCpbdKJa3NxWMfgVA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.3':
+    resolution: {integrity: sha512-Li2wVd2kkKlKkTdpo7ujHSv6kxD1UYMvulAraikyvVf6AKNZ/VHbm8XoSNimZ+dF7SOFaDD2VAT64SK7WKcbjQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.3':
+    resolution: {integrity: sha512-otIiImZaHj9MiDK02ItoWxIVcMTZVAX2F1c32bg9y7ecV0AnN5JHDZqIO8LxWsTuig1d+Bjg0cBWn4A9sGJO9Q==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.3':
+    resolution: {integrity: sha512-MmIA32rNEOrjh6wnevlR3OjjlCuwgZ4JMJo7Vrhk4Fk56Vxi7EeF7cekSKwvlrnfcn/ERC1LdcG3sFneU8WdoA==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.3':
+    resolution: {integrity: sha512-BiCy1YV0IKO+xbD7gyZnENU4jdwDygeGQjncJoeIE5Kp4UqWHFsKUSJ3pp7vYURrqVzwJX2xD5gQeGnoXp4xPQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.2.3':
+    resolution: {integrity: sha512-venvyAu0AMKdr0c1Oz23IJJdZ72zSwKyHrLvqQV1cn49vPAJk3AuVtDkJ1ayk1sYI4M4j8Jv6ZGflpaP0QVSXQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.2.3':
+    resolution: {integrity: sha512-e3kColrZZCdtbwIOc07cNQ2zNf1sTPXTYLjjPlsgsaf+ttzAg/hOlDyEgHoOlBGxM88nPxeVaOGe9ThqVzPncg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.3':
+    resolution: {integrity: sha512-qpwoUPzfu71cppxOtcz4LXMR1brljS13yOcAAnVHKIL++NJvSQKZBKlP39pVowd+G6Mq34YAbf4CUUYdLWL9gQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.3':
+    resolution: {integrity: sha512-dTRIlLRC5lCRHqO5DLb+A18HCvS394axmzqfnRNLptKVw7WuckpUwo1Z87Yw74mesbeIhnQTA2SZbRcIfVlwxg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.2.3':
+    resolution: {integrity: sha512-YyhwSBcxHLS3CU2Mk3dXDuVm8/Ia0+XvfpT8s9YQoICppkUeoobB3hgyGMYbyQ4vn6VgWH9bdv5UnzhTz2NPTQ==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/postcss@4.2.3':
+    resolution: {integrity: sha512-MehdHOQRVFf300r8F430s4cf2QL+nSjFUNIndX5ZMqDLyMwTnyL4RDZsoDsDU+ThzT5eCj1+erSDKBWdn462Nw==}
+
+  '@tailwindcss/vite@4.2.3':
+    resolution: {integrity: sha512-pEvbC/NoOqxvqjy6IgelSakbzwin865CmOxJxmz3CSEbHJ2aF1B2183ALVasN0o6dOGhYfnVJOKKxVoyag+XeA==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6 || ^7 || ^8
+
+  '@tybys/wasm-util@0.10.1':
+    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/react-dom@19.2.3':
+    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
+    peerDependencies:
+      '@types/react': ^19.2.0
+
+  '@types/react@19.2.14':
+    resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
+
+  '@vitejs/plugin-react@6.0.1':
+    resolution: {integrity: sha512-l9X/E3cDb+xY3SWzlG1MOGt2usfEHGMNIaegaUGFsLkb3RCn/k8/TOXBcab+OndDI4TBtktT8/9BwwW8Vi9KUQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      '@rolldown/plugin-babel': ^0.1.7 || ^0.2.0
+      babel-plugin-react-compiler: ^1.0.0
+      vite: ^8.0.0
+    peerDependenciesMeta:
+      '@rolldown/plugin-babel':
+        optional: true
+      babel-plugin-react-compiler:
+        optional: true
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  ajv@6.14.0:
+    resolution: {integrity: sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  autoprefixer@10.5.0:
+    resolution: {integrity: sha512-FMhOoZV4+qR6aTUALKX2rEqGG+oyATvwBt9IIzVR5rMa2HRWPkxf+P+PAJLD1I/H5/II+HuZcBJYEFBpq39ong==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  baseline-browser-mapping@2.10.20:
+    resolution: {integrity: sha512-1AaXxEPfXT+GvTBJFuy4yXVHWJBXa4OdbIebGN/wX5DlsIkU0+wzGnd2lOzokSk51d5LUmqjgBLRLlypLUqInQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  brace-expansion@1.1.14:
+    resolution: {integrity: sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==}
+
+  browserslist@4.28.2:
+    resolution: {integrity: sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  caniuse-lite@1.0.30001788:
+    resolution: {integrity: sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ==}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cookie@1.1.1:
+    resolution: {integrity: sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==}
+    engines: {node: '>=18'}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  electron-to-chromium@1.5.340:
+    resolution: {integrity: sha512-908qahOGocRMinT2nM3ajCEM99H4iPdv84eagPP3FfZy/1ZGeOy2CZYzjhms81ckOPCXPlW7LkY4XpxD8r1DrA==}
+
+  enhanced-resolve@5.20.1:
+    resolution: {integrity: sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==}
+    engines: {node: '>=10.13.0'}
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  eslint-plugin-react-hooks@7.1.1:
+    resolution: {integrity: sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0
+
+  eslint-plugin-react-refresh@0.5.2:
+    resolution: {integrity: sha512-hmgTH57GfzoTFjVN0yBwTggnsVUF2tcqi7RJZHqi9lIezSs4eFyAMktA68YD4r5kNw1mxyY4dmkyoFDb3FIqrA==}
+    peerDependencies:
+      eslint: ^9 || ^10
+
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint@9.39.4:
+    resolution: {integrity: sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flatted@3.4.2:
+    resolution: {integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==}
+
+  fraction.js@5.3.4:
+    resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
+
+  framer-motion@12.38.0:
+    resolution: {integrity: sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  globals@17.5.0:
+    resolution: {integrity: sha512-qoV+HK2yFl/366t2/Cb3+xxPUo5BuMynomoDmiaZBIdbs+0pYbjfZU+twLhGKp4uCZ/+NbtpVepH5bGCxRyy2g==}
+    engines: {node: '>=18'}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  hermes-estree@0.25.1:
+    resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==}
+
+  hermes-parser@0.25.1:
+    resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  jiti@2.6.1:
+    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
+    hasBin: true
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
+    hasBin: true
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+    engines: {node: '>= 12.0.0'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  lucide-react@0.475.0:
+    resolution: {integrity: sha512-NJzvVu1HwFVeZ+Gwq2q00KygM1aBhy/ZrhY9FsAgJtpB+E4R7uxRk9M2iKvHa6/vNxZydIB59htha4c2vvwvVg==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  minimatch@3.1.5:
+    resolution: {integrity: sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==}
+
+  motion-dom@12.38.0:
+    resolution: {integrity: sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==}
+
+  motion-utils@12.36.0:
+    resolution: {integrity: sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  node-releases@2.0.37:
+    resolution: {integrity: sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+  postcss@8.5.10:
+    resolution: {integrity: sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  react-dom@19.2.5:
+    resolution: {integrity: sha512-J5bAZz+DXMMwW/wV3xzKke59Af6CHY7G4uYLN1OvBcKEsWOs4pQExj86BBKamxl/Ik5bx9whOrvBlSDfWzgSag==}
+    peerDependencies:
+      react: ^19.2.5
+
+  react-router-dom@7.14.1:
+    resolution: {integrity: sha512-ZkrQuwwhGibjQLqH1eCdyiZyLWglPxzxdl5tgwgKEyCSGC76vmAjleGocRe3J/MLfzMUIKwaFJWpFVJhK3d2xA==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      react: '>=18'
+      react-dom: '>=18'
+
+  react-router@7.14.1:
+    resolution: {integrity: sha512-5BCvFskyAAVumqhEKh/iPhLOIkfxcEUz8WqFIARCkMg8hZZzDYX9CtwxXA0e+qT8zAxmMC0x3Ckb9iMONwc5jg==}
+    engines: {node: '>=20.0.0'}
+    peerDependencies:
+      react: '>=18'
+      react-dom: '>=18'
+    peerDependenciesMeta:
+      react-dom:
+        optional: true
+
+  react@19.2.5:
+    resolution: {integrity: sha512-llUJLzz1zTUBrskt2pwZgLq59AemifIftw4aB7JxOqf1HY2FDaGDxgwpAPVzHU1kdWabH7FauP4i1oEeer2WCA==}
+    engines: {node: '>=0.10.0'}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  rolldown@1.0.0-rc.16:
+    resolution: {integrity: sha512-rzi5WqKzEZw3SooTt7cgm4eqIoujPIyGcJNGFL7iPEuajQw7vxMHUkXylu4/vhCkJGXsgRmxqMKXUpT6FEgl0g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  set-cookie-parser@2.7.2:
+    resolution: {integrity: sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  tailwind-merge@3.5.0:
+    resolution: {integrity: sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==}
+
+  tailwindcss@4.2.3:
+    resolution: {integrity: sha512-fA/NX5gMf0ooCLISgB0wScaWgaj6rjTN2SVAwleURjiya7ITNkV+VMmoHtKkldP6CIZoYCZyxb8zP/e2TWoEtQ==}
+
+  tapable@2.3.2:
+    resolution: {integrity: sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==}
+    engines: {node: '>=6'}
+
+  three@0.184.0:
+    resolution: {integrity: sha512-wtTRjG92pM5eUg/KuUnHsqSAlPM296brTOcLgMRqEeylYTh/CdtvKUvCyyCQTzFuStieWxvZb8mVTMvdPyUpxg==}
+
+  tinyglobby@0.2.16:
+    resolution: {integrity: sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==}
+    engines: {node: '>=12.0.0'}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  vite@8.0.9:
+    resolution: {integrity: sha512-t7g7GVRpMXjNpa67HaVWI/8BWtdVIQPCL2WoozXXA7LBGEFK4AkkKkHx2hAQf5x1GZSlcmEDPkVLSGahxnEEZw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      '@vitejs/devtools': ^0.1.0
+      esbuild: ^0.27.0 || ^0.28.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      '@vitejs/devtools':
+        optional: true
+      esbuild:
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zod-validation-error@4.0.2:
+    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      zod: ^3.25.0 || ^4.0.0
+
+  zod@4.3.6:
+    resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==}
+
+snapshots:
+
+  '@alloc/quick-lru@5.2.0': {}
+
+  '@babel/code-frame@7.29.0':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.29.0': {}
+
+  '@babel/core@7.29.0':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helpers': 7.29.2
+      '@babel/parser': 7.29.2
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.29.1':
+    dependencies:
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+
+  '@babel/helper-compilation-targets@7.28.6':
+    dependencies:
+      '@babel/compat-data': 7.29.0
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.28.2
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-globals@7.28.0': {}
+
+  '@babel/helper-module-imports@7.28.6':
+    dependencies:
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.28.5': {}
+
+  '@babel/helper-validator-option@7.27.1': {}
+
+  '@babel/helpers@7.29.2':
+    dependencies:
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+
+  '@babel/parser@7.29.2':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@babel/template@7.28.6':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+
+  '@babel/traverse@7.29.0':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.29.2
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.29.0':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@emnapi/core@1.9.2':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.9.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.4(jiti@2.6.1))':
+    dependencies:
+      eslint: 9.39.4(jiti@2.6.1)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/config-array@0.21.2':
+    dependencies:
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3
+      minimatch: 3.1.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
+
+  '@eslint/core@0.17.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.3.5':
+    dependencies:
+      ajv: 6.14.0
+      debug: 4.4.3
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.1.1
+      minimatch: 3.1.5
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@9.39.4': {}
+
+  '@eslint/object-schema@2.1.7': {}
+
+  '@eslint/plugin-kit@0.4.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      levn: 0.4.1
+
+  '@humanfs/core@0.19.2':
+    dependencies:
+      '@humanfs/types': 0.15.0
+
+  '@humanfs/node@0.16.8':
+    dependencies:
+      '@humanfs/core': 0.19.2
+      '@humanfs/types': 0.15.0
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanfs/types@0.15.0': {}
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@napi-rs/wasm-runtime@1.1.4(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@tybys/wasm-util': 0.10.1
+    optional: true
+
+  '@oxc-project/types@0.126.0': {}
+
+  '@rolldown/binding-android-arm64@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.16':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@napi-rs/wasm-runtime': 1.1.4(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.16':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.0-rc.16': {}
+
+  '@rolldown/pluginutils@1.0.0-rc.7': {}
+
+  '@tailwindcss/node@4.2.3':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.20.1
+      jiti: 2.6.1
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.2.3
+
+  '@tailwindcss/oxide-android-arm64@4.2.3':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.2.3':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.2.3':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.2.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.3':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.2.3':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.2.3':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.3':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.3':
+    optional: true
+
+  '@tailwindcss/oxide@4.2.3':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.2.3
+      '@tailwindcss/oxide-darwin-arm64': 4.2.3
+      '@tailwindcss/oxide-darwin-x64': 4.2.3
+      '@tailwindcss/oxide-freebsd-x64': 4.2.3
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.2.3
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.2.3
+      '@tailwindcss/oxide-linux-arm64-musl': 4.2.3
+      '@tailwindcss/oxide-linux-x64-gnu': 4.2.3
+      '@tailwindcss/oxide-linux-x64-musl': 4.2.3
+      '@tailwindcss/oxide-wasm32-wasi': 4.2.3
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.2.3
+      '@tailwindcss/oxide-win32-x64-msvc': 4.2.3
+
+  '@tailwindcss/postcss@4.2.3':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.2.3
+      '@tailwindcss/oxide': 4.2.3
+      postcss: 8.5.10
+      tailwindcss: 4.2.3
+
+  '@tailwindcss/vite@4.2.3(vite@8.0.9(jiti@2.6.1))':
+    dependencies:
+      '@tailwindcss/node': 4.2.3
+      '@tailwindcss/oxide': 4.2.3
+      tailwindcss: 4.2.3
+      vite: 8.0.9(jiti@2.6.1)
+
+  '@tybys/wasm-util@0.10.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@types/estree@1.0.8': {}
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/react-dom@19.2.3(@types/react@19.2.14)':
+    dependencies:
+      '@types/react': 19.2.14
+
+  '@types/react@19.2.14':
+    dependencies:
+      csstype: 3.2.3
+
+  '@vitejs/plugin-react@6.0.1(vite@8.0.9(jiti@2.6.1))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.0-rc.7
+      vite: 8.0.9(jiti@2.6.1)
+
+  acorn-jsx@5.3.2(acorn@8.16.0):
+    dependencies:
+      acorn: 8.16.0
+
+  acorn@8.16.0: {}
+
+  ajv@6.14.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  argparse@2.0.1: {}
+
+  autoprefixer@10.5.0(postcss@8.5.10):
+    dependencies:
+      browserslist: 4.28.2
+      caniuse-lite: 1.0.30001788
+      fraction.js: 5.3.4
+      picocolors: 1.1.1
+      postcss: 8.5.10
+      postcss-value-parser: 4.2.0
+
+  balanced-match@1.0.2: {}
+
+  baseline-browser-mapping@2.10.20: {}
+
+  brace-expansion@1.1.14:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  browserslist@4.28.2:
+    dependencies:
+      baseline-browser-mapping: 2.10.20
+      caniuse-lite: 1.0.30001788
+      electron-to-chromium: 1.5.340
+      node-releases: 2.0.37
+      update-browserslist-db: 1.2.3(browserslist@4.28.2)
+
+  callsites@3.1.0: {}
+
+  caniuse-lite@1.0.30001788: {}
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  clsx@2.1.1: {}
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  concat-map@0.0.1: {}
+
+  convert-source-map@2.0.0: {}
+
+  cookie@1.1.1: {}
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  csstype@3.2.3: {}
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  deep-is@0.1.4: {}
+
+  detect-libc@2.1.2: {}
+
+  electron-to-chromium@1.5.340: {}
+
+  enhanced-resolve@5.20.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.2
+
+  escalade@3.2.0: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  eslint-plugin-react-hooks@7.1.1(eslint@9.39.4(jiti@2.6.1)):
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/parser': 7.29.2
+      eslint: 9.39.4(jiti@2.6.1)
+      hermes-parser: 0.25.1
+      zod: 4.3.6
+      zod-validation-error: 4.0.2(zod@4.3.6)
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-react-refresh@0.5.2(eslint@9.39.4(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.4(jiti@2.6.1)
+
+  eslint-scope@8.4.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.1: {}
+
+  eslint@9.39.4(jiti@2.6.1):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@2.6.1))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.2
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
+      '@eslint/eslintrc': 3.3.5
+      '@eslint/js': 9.39.4
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.8
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
+      ajv: 6.14.0
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.5
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    optionalDependencies:
+      jiti: 2.6.1
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      eslint-visitor-keys: 4.2.1
+
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  esutils@2.0.3: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fdir@6.5.0(picomatch@4.0.4):
+    optionalDependencies:
+      picomatch: 4.0.4
+
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.4.2
+      keyv: 4.5.4
+
+  flatted@3.4.2: {}
+
+  fraction.js@5.3.4: {}
+
+  framer-motion@12.38.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5):
+    dependencies:
+      motion-dom: 12.38.0
+      motion-utils: 12.36.0
+      tslib: 2.8.1
+    optionalDependencies:
+      react: 19.2.5
+      react-dom: 19.2.5(react@19.2.5)
+
+  fsevents@2.3.3:
+    optional: true
+
+  gensync@1.0.0-beta.2: {}
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  globals@14.0.0: {}
+
+  globals@17.5.0: {}
+
+  graceful-fs@4.2.11: {}
+
+  has-flag@4.0.0: {}
+
+  hermes-estree@0.25.1: {}
+
+  hermes-parser@0.25.1:
+    dependencies:
+      hermes-estree: 0.25.1
+
+  ignore@5.3.2: {}
+
+  import-fresh@3.3.1:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  imurmurhash@0.1.4: {}
+
+  is-extglob@2.1.1: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  isexe@2.0.0: {}
+
+  jiti@2.6.1: {}
+
+  js-tokens@4.0.0: {}
+
+  js-yaml@4.1.1:
+    dependencies:
+      argparse: 2.0.1
+
+  jsesc@3.1.0: {}
+
+  json-buffer@3.0.1: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json5@2.2.3: {}
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lightningcss-android-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.32.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.32.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    optional: true
+
+  lightningcss@1.32.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.32.0
+      lightningcss-darwin-arm64: 1.32.0
+      lightningcss-darwin-x64: 1.32.0
+      lightningcss-freebsd-x64: 1.32.0
+      lightningcss-linux-arm-gnueabihf: 1.32.0
+      lightningcss-linux-arm64-gnu: 1.32.0
+      lightningcss-linux-arm64-musl: 1.32.0
+      lightningcss-linux-x64-gnu: 1.32.0
+      lightningcss-linux-x64-musl: 1.32.0
+      lightningcss-win32-arm64-msvc: 1.32.0
+      lightningcss-win32-x64-msvc: 1.32.0
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash.merge@4.6.2: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  lucide-react@0.475.0(react@19.2.5):
+    dependencies:
+      react: 19.2.5
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  minimatch@3.1.5:
+    dependencies:
+      brace-expansion: 1.1.14
+
+  motion-dom@12.38.0:
+    dependencies:
+      motion-utils: 12.36.0
+
+  motion-utils@12.36.0: {}
+
+  ms@2.1.3: {}
+
+  nanoid@3.3.11: {}
+
+  natural-compare@1.4.0: {}
+
+  node-releases@2.0.37: {}
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@4.0.4: {}
+
+  postcss-value-parser@4.2.0: {}
+
+  postcss@8.5.10:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  prelude-ls@1.2.1: {}
+
+  punycode@2.3.1: {}
+
+  react-dom@19.2.5(react@19.2.5):
+    dependencies:
+      react: 19.2.5
+      scheduler: 0.27.0
+
+  react-router-dom@7.14.1(react-dom@19.2.5(react@19.2.5))(react@19.2.5):
+    dependencies:
+      react: 19.2.5
+      react-dom: 19.2.5(react@19.2.5)
+      react-router: 7.14.1(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
+
+  react-router@7.14.1(react-dom@19.2.5(react@19.2.5))(react@19.2.5):
+    dependencies:
+      cookie: 1.1.1
+      react: 19.2.5
+      set-cookie-parser: 2.7.2
+    optionalDependencies:
+      react-dom: 19.2.5(react@19.2.5)
+
+  react@19.2.5: {}
+
+  resolve-from@4.0.0: {}
+
+  rolldown@1.0.0-rc.16:
+    dependencies:
+      '@oxc-project/types': 0.126.0
+      '@rolldown/pluginutils': 1.0.0-rc.16
+    optionalDependencies:
+      '@rolldown/binding-android-arm64': 1.0.0-rc.16
+      '@rolldown/binding-darwin-arm64': 1.0.0-rc.16
+      '@rolldown/binding-darwin-x64': 1.0.0-rc.16
+      '@rolldown/binding-freebsd-x64': 1.0.0-rc.16
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-rc.16
+      '@rolldown/binding-linux-arm64-gnu': 1.0.0-rc.16
+      '@rolldown/binding-linux-arm64-musl': 1.0.0-rc.16
+      '@rolldown/binding-linux-ppc64-gnu': 1.0.0-rc.16
+      '@rolldown/binding-linux-s390x-gnu': 1.0.0-rc.16
+      '@rolldown/binding-linux-x64-gnu': 1.0.0-rc.16
+      '@rolldown/binding-linux-x64-musl': 1.0.0-rc.16
+      '@rolldown/binding-openharmony-arm64': 1.0.0-rc.16
+      '@rolldown/binding-wasm32-wasi': 1.0.0-rc.16
+      '@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.16
+      '@rolldown/binding-win32-x64-msvc': 1.0.0-rc.16
+
+  scheduler@0.27.0: {}
+
+  semver@6.3.1: {}
+
+  set-cookie-parser@2.7.2: {}
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  source-map-js@1.2.1: {}
+
+  strip-json-comments@3.1.1: {}
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  tailwind-merge@3.5.0: {}
+
+  tailwindcss@4.2.3: {}
+
+  tapable@2.3.2: {}
+
+  three@0.184.0: {}
+
+  tinyglobby@0.2.16:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+
+  tslib@2.8.1: {}
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  update-browserslist-db@1.2.3(browserslist@4.28.2):
+    dependencies:
+      browserslist: 4.28.2
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  vite@8.0.9(jiti@2.6.1):
+    dependencies:
+      lightningcss: 1.32.0
+      picomatch: 4.0.4
+      postcss: 8.5.10
+      rolldown: 1.0.0-rc.16
+      tinyglobby: 0.2.16
+    optionalDependencies:
+      fsevents: 2.3.3
+      jiti: 2.6.1
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  word-wrap@1.2.5: {}
+
+  yallist@3.1.1: {}
+
+  yocto-queue@0.1.0: {}
+
+  zod-validation-error@4.0.2(zod@4.3.6):
+    dependencies:
+      zod: 4.3.6
+
+  zod@4.3.6: {}
diff --git a/New/public/assets/HeroFocus/nsec-idealab-fp01.jpg b/New/public/assets/HeroFocus/nsec-idealab-fp01.jpg
new file mode 100644
index 0000000..0167300
Binary files /dev/null and b/New/public/assets/HeroFocus/nsec-idealab-fp01.jpg differ
diff --git a/New/public/assets/nirf/nirf-2020-rank-l.jpg b/New/public/assets/nirf/nirf-2020-rank-l.jpg
new file mode 100644
index 0000000..5630585
Binary files /dev/null and b/New/public/assets/nirf/nirf-2020-rank-l.jpg differ
diff --git a/New/public/assets/nirf/nirf-main-logo.png b/New/public/assets/nirf/nirf-main-logo.png
new file mode 100644
index 0000000..52bd582
Binary files /dev/null and b/New/public/assets/nirf/nirf-main-logo.png differ
diff --git a/New/public/assets/pdfs/ARIIA_Rankings_2020_Report.pdf b/New/public/assets/pdfs/ARIIA_Rankings_2020_Report.pdf
new file mode 100644
index 0000000..bfda354
Binary files /dev/null and b/New/public/assets/pdfs/ARIIA_Rankings_2020_Report.pdf differ
diff --git a/New/public/assets/pdfs/Anti-Ragging-Committee-NSEC-2024-2025.pdf b/New/public/assets/pdfs/Anti-Ragging-Committee-NSEC-2024-2025.pdf
new file mode 100644
index 0000000..e76ae37
Binary files /dev/null and b/New/public/assets/pdfs/Anti-Ragging-Committee-NSEC-2024-2025.pdf differ
diff --git a/New/public/assets/uba/emblem.png b/New/public/assets/uba/emblem.png
new file mode 100644
index 0000000..842638b
Binary files /dev/null and b/New/public/assets/uba/emblem.png differ
diff --git a/New/public/assets/uba/nsec_logo_w962xh1280.jpeg b/New/public/assets/uba/nsec_logo_w962xh1280.jpeg
new file mode 100644
index 0000000..c1443d3
Binary files /dev/null and b/New/public/assets/uba/nsec_logo_w962xh1280.jpeg differ
diff --git a/New/public/assets/uba/uba-logo.png b/New/public/assets/uba/uba-logo.png
new file mode 100644
index 0000000..8800a2c
Binary files /dev/null and b/New/public/assets/uba/uba-logo.png differ
diff --git a/New/public/assets/uba/uba-map-01.jpg b/New/public/assets/uba/uba-map-01.jpg
new file mode 100644
index 0000000..ec94e99
Binary files /dev/null and b/New/public/assets/uba/uba-map-01.jpg differ
diff --git a/New/public/config/page-about-config.json b/New/public/config/page-about-config.json
index fab7c59..4e3cc19 100644
--- a/New/public/config/page-about-config.json
+++ b/New/public/config/page-about-config.json
@@ -1,7 +1,7 @@
 {
-  "category": "Institution",
+  "category": "Institutional Overview",
   "title": "About NSEC",
-  "sidebarTitle": "The NSEC Panel",
+  "sidebarTitle": "Institution Node",
   "tabs": [
     {
       "id": "overview",
@@ -10,44 +10,68 @@
       "content": [
         {
           "type": "paragraph",
-          "text": "Netaji Subhash Engineering College (NSEC) is one of the pioneer self-financed engineering colleges in West Bengal. It was established in the year 1998, under the umbrella of the Techno India Group. The college is affiliated to Maulana Abul Kalam Azad University of Technology (MAKAUT) and approved by AICTE."
+          "text": "Netaji Subhash Engineering College (NSEC) was established in 1998 under the aegis of the Techno India Group. Since its inception, NSEC has emerged as one of the premier self-financed engineering colleges in West Bengal. The institute is dedicated to providing high-quality technical education and fostering a spirit of innovation among its students."
         },
         {
           "type": "paragraph",
-          "text": "The institute has earned NBA Accreditation for four major departments. NSEC also holds the prestigious NAAC Accreditation and is focused on research-driven education."
+          "text": "Affiliated with the Maulana Abul Kalam Azad University of Technology (MAKAUT) and approved by the All India Council for Technical Education (AICTE), NSEC offers a wide range of undergraduate and postgraduate programs in engineering, technology, and management."
+        },
+        {
+          "type": "paragraph",
+          "text": "The college is located in Garia, Kolkata, providing a serene yet accessible environment for learning and research. With a sprawling campus, state-of-the-art laboratories, and a rich library, NSEC ensures that students have access to the best possible resources for their academic and personal growth."
         }
       ]
     },
     {
       "id": "vision-mission",
       "label": "Vision & Mission",
-      "title": "Our Vision & Mission",
+      "title": "Institutional Vision & Mission",
       "content": [
         {
           "type": "paragraph",
-          "text": "Vision: To be a center of excellence in education and research, producing global leaders in science, technology and management."
+          "text": "VISION: To be a center of excellence in education and research, producing global leaders in science, technology and management."
+        },
+        {
+          "type": "paragraph",
+          "text": "MISSION:"
         },
         {
           "type": "list",
           "items": [
-            "Mission 1: Imparting quality education and developing technical skills.",
-            "Mission 2: Fostering innovation and entrepreneurship.",
-            "Mission 3: Inculcating ethical values and social responsibility."
+            "To provide high quality education and training in science, technology and management.",
+            "To create an environment conducive to research and innovation.",
+            "To foster entrepreneurship and leadership skills among students.",
+            "To instill ethical values and a sense of social responsibility.",
+            "To collaborate with industry and other academic institutions for mutual growth."
           ]
         }
       ]
     },
     {
-      "id": "message",
-      "label": "Messages",
-      "title": "Message from Leadership",
+      "id": "messages",
+      "label": "Leadership Messages",
+      "title": "From the Leadership Desk",
       "content": [
         {
           "type": "person",
           "name": "Prof. (Dr.) T.S. Bhattacharya",
           "role": "Director",
-          "bio": "Quality education is the foundation of a progressive society. At NSEC, we constantly strive to empower students with technical wisdom.",
+          "bio": "Quality education is the foundation of a progressive society. At NSEC, we constantly strive to empower students with technical wisdom and professional ethics. Our goal is to create engineers who are not only technically proficient but also socially responsible individuals.",
           "image": "/assets/Leadership/director.jpg"
+        },
+        {
+          "type": "person",
+          "name": "Prof. (Dr.) H. K. Mandal",
+          "role": "Principal",
+          "bio": "Our institution is committed to academic excellence and holistic development. We focus on bridging the gap between industry and academia through continuous improvement in our curriculum and teaching methodologies.",
+          "image": "/assets/Leadership/principal.jpg"
+        },
+        {
+          "type": "person",
+          "name": "Prof. (Dr.) S. Roy",
+          "role": "Dean (Academic)",
+          "bio": "Academic rigor and research focus are the pillars of NSEC. We encourage our students and faculty to engage in cutting-edge research and innovation that contributes to the advancement of technology and society.",
+          "image": "/assets/Leadership/dean.jpg"
         }
       ]
     },
@@ -59,13 +83,86 @@
         {
           "type": "list",
           "items": [
-            "Approved by All India Council for Technical Education (AICTE), New Delhi.",
-            "Affiliated to Maulana Abul Kalam Azad University of Technology (MAKAUT), West Bengal.",
-            "Four B.Tech programs (CSE, ECE, EE, BME) accredited by National Board of Accreditation (NBA).",
-            "Accredited by National Assessment and Accreditation Council (NAAC)."
+            "Approved by **AICTE**, New Delhi.",
+            "Affiliated to **MAKAUT**, West Bengal.",
+            "**NAAC** Accredited Institution.",
+            "**NBA** Accredited Programs (CSE, ECE, EE, BME).",
+            "Ranked among the top engineering colleges in Eastern India."
+          ]
+        }
+      ]
+    },
+    {
+      "id": "distinctiveness",
+      "label": "Institutional Distinctiveness",
+      "title": "Our Unique Identity",
+      "content": [
+        {
+          "type": "paragraph",
+          "text": "NSEC stands out for its strong emphasis on research and development. The college has established various research cells and innovation centers (like IIC, IDEA Lab) to promote a culture of discovery among students."
+        },
+        {
+          "type": "paragraph",
+          "text": "Our alumni are placed in top-tier global companies, and many have pursued higher education at world-renowned universities. This strong network and record of success reflect the quality of education provided at NSEC."
+        }
+      ]
+    },
+    {
+      "id": "org-structure",
+      "label": "Org Structure",
+      "title": "Organizational Hierarchy",
+      "content": [
+        {
+          "type": "paragraph",
+          "text": "The college follows a structured hierarchy to ensure efficient administration and academic excellence. The Board of Governors provides strategic direction, while the Director and Principal lead the academic and administrative wings."
+        }
+      ]
+    },
+    {
+      "id": "committees",
+      "label": "Committees",
+      "title": "Committees & Cells",
+      "content": [
+        {
+          "type": "list",
+          "items": [
+            "Internal Quality Assurance Cell (IQAC)",
+            "Anti-Ragging Committee",
+            "Grievance Redressal Cell",
+            "Internal Complaint Committee",
+            "SC/ST Cell",
+            "Research & Development Committee",
+            "Training & Placement Cell"
           ]
         }
       ]
+    },
+    {
+      "id": "downloads",
+      "label": "Downloads",
+      "title": "Mandatory Disclosures & Reports",
+      "content": [
+        {
+          "type": "list",
+          "items": [
+            "<a href='/docs/Mandatory_Disclosure.pdf' target='_blank'>AICTE Mandatory Disclosure</a>",
+            "<a href='/docs/Audited_Report.pdf' target='_blank'>Audited Statement of Accounts</a>",
+            "<a href='/docs/Service_Rules.pdf' target='_blank'>Service Rules & Regulations</a>",
+            "<a href='/docs/Core_Values.pdf' target='_blank'>Institutional Core Values</a>"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "rti",
+      "label": "RTI",
+      "title": "Right to Information",
+      "content": [
+        {
+          "type": "paragraph",
+          "text": "In accordance with the RTI Act 2005, Netaji Subhash Engineering College has established an RTI cell to ensure transparency and accountability. The Public Information Officer handles all inquiries as per the statutory guidelines."
+        }
+      ]
     }
   ]
 }
\ No newline at end of file
diff --git a/New/public/config/page-academics-config.json b/New/public/config/page-academics-config.json
index b9b82f6..da7f9de 100644
--- a/New/public/config/page-academics-config.json
+++ b/New/public/config/page-academics-config.json
@@ -1,77 +1,96 @@
 {
-  "category": "Education",
-  "title": "Academic Excellence",
-  "sidebarTitle": "Academics",
+  "category": "Academic Framework",
+  "title": "Academics",
+  "sidebarTitle": "Academic Node",
   "tabs": [
     {
       "id": "programmes",
       "label": "Programmes",
-      "title": "Academic Programmes",
+      "title": "Educational Offerings",
       "content": [
         {
           "type": "paragraph",
-          "text": "We offer a diverse range of undergraduate, postgraduate, and diploma programs tailored to modern industry needs. Please use the Departments menu to navigate to specific branches."
+          "text": "Netaji Subhash Engineering College offers a wide range of undergraduate and postgraduate programs that are designed to meet the evolving needs of the industry and society."
+        },
+        {
+          "type": "list",
+          "items": [
+            "**B.Tech Programs:** AEIE, BME, Civil, CSBS, CSE, CSE (AIML), EE, ECE, IT, Mechanical",
+            "**M.Tech Programs:** CSE, Control & Instrumentation, ECE, Power Systems",
+            "**Management:** MBA, BBA",
+            "**Computer Applications:** MCA, BCA",
+            "**Diploma:** EE, EEEVT, CE, CSE"
+          ]
         }
       ]
     },
     {
       "id": "curriculum",
-      "label": "Curriculum Planning",
+      "label": "Curriculum",
       "title": "Curriculum Planning & Implementation",
       "content": [
         {
           "type": "paragraph",
-          "text": "Our curriculum is continuously updated in line with AICTE and MAKAUT guidelines. We integrate project-based learning and industry internships into core academics."
+          "text": "The curriculum is designed and updated by MAKAUT. NSEC ensures its effective implementation through structured lesson plans, regular assessments, and industry integration."
         },
         {
           "type": "list",
           "items": [
-            "Value Added Technical Programs (VATP)",
-            "Structured Induction Program for First Years",
-            "Choice Based Credit System (CBCS) Integration"
+            "Academic Activities-A Ready Reckoner",
+            "Value Added Training Programs (VATP)",
+            "Induction Program for Freshers",
+            "Choice Based Credit System (CBCS)"
           ]
         }
       ]
     },
     {
-      "id": "practices",
+      "id": "best-practices",
       "label": "Best Practices",
       "title": "Academic Best Practices",
       "content": [
         {
           "type": "list",
           "items": [
-            "Continuous Internal Evaluation",
-            "Flipped Classroom methodology",
-            "Mandatory NPTEL certification",
-            "Peer-assisted learning (PAL)"
+            "Flipped Classroom and Active Learning",
+            "Industry-Institute Partnership for Internships",
+            "Student Peer Mentoring System",
+            "Focus on Multi-disciplinary Projects"
           ]
         }
       ]
     },
     {
       "id": "calendar",
-      "label": "Academic Calendar",
+      "label": "Calendar",
       "title": "Academic Calendar",
       "content": [
         {
-          "type": "download",
-          "link": "/assets/Notices/academiccalendarevensemester24-25.pdf"
+          "type": "paragraph",
+          "text": "The academic calendar provides a detailed schedule of academic activities, including commencement of classes, internal assessments, and university examinations."
         },
         {
-          "type": "paragraph",
-          "text": "The calendar is subject to modifications based on MAKAUT notifications."
+          "type": "download",
+          "link": "/docs/Academic_Calendar.pdf"
         }
       ]
     },
     {
-      "id": "feedbacks",
-      "label": "Feedbacks",
+      "id": "feedback",
+      "label": "Feedback",
       "title": "Feedback Analysis System",
       "content": [
         {
           "type": "paragraph",
-          "text": "We regularly collect feedback from students, alumni, and industry partners to refine our Teaching Learning Process (TLP). Read our latest action taken reports."
+          "text": "We value the feedback from our stakeholders (students, faculty, alumni, and employers) to continuously improve our educational standards."
+        },
+        {
+          "type": "list",
+          "items": [
+            "Feedback Analysis on Curriculum",
+            "Stakeholders' Feedback on Curriculum",
+            "Teaching-Learning Process Evaluation"
+          ]
         }
       ]
     }
diff --git a/New/public/config/page-antiragging-config.json b/New/public/config/page-antiragging-config.json
index fee7332..097544a 100644
--- a/New/public/config/page-antiragging-config.json
+++ b/New/public/config/page-antiragging-config.json
@@ -1,25 +1,27 @@
 {
-  "hero": {
-    "title": "Anti",
-    "titleHighlight": "Ragging",
-    "subtitle": "Zero Tolerance",
-    "description": "NSEC Maintains a strict zero-tolerance policy towards ragging in any form."
-  },
-  "features": [
-    {
-      "title": "Helpline",
-      "icon": "Heart",
-      "desc": "24x7 dedicated helpline for students."
-    },
-    {
-      "title": "Squads",
-      "icon": "Shield",
-      "desc": "Regular patrols in campus and hostels."
-    },
-    {
-      "title": "Counselling",
-      "icon": "Coffee",
-      "desc": "Professional support for freshers."
-    }
+  "what_constitutes_ragging": [
+    "Any conduct by any student or students whether by words spoken or written or by an act which has the effect of teasing, treating or handling with rudeness a fresher or any other student.",
+    "Indulging in rowdy or in disciplined activities by any student or students which causes or is likely to cause annoyance, hardship, physical or psychological harm or to raise fear or apprehension thereof in any fresher or any other student.",
+    "Asking any student to do any act which such student will not in the ordinary course do and which has the effect of causing or generating a sense of shame, or torment or embarrassment so as to adversely affect the physique or psyche of such fresher or any other student.",
+    "Any act by a senior student that prevents, disrupts or disturbs the regular academic activity of any other student or a fresher.",
+    "Exploiting the services of a fresher or any other student for completing the academic tasks assigned to an individual or a group of students.",
+    "Any act of financial extortion or forceful expenditure burden put on a fresher or any other student by students",
+    "Any act of physical abuse including all variants of it: sexual abuse, homosexual assaults, stripping, forcing obscene and lewd acts, gestures, causing bodily harm or any other danger to health or person;",
+    "Any act or abuse by spoken words, emails, post, public insults which would also include deriving perverted pleasure, vicarious or sadistic thrill from actively or passively participating in the discomfiture to fresher or any other student.",
+    "Any act that affects the mental health and self-confidence of a fresher or any other student with or without an intent to derive a sadistic pleasure or showing off power, authority or superiority by a student over any fresher"
+  ],
+  "punishments": [
+    "Cancellation of admission",
+    "Suspension from attending classes",
+    "Withdrawing/Withholding scholarship/fellowship and other benefits",
+    "Debarring from appearing in any test/ examination or any other evaluation process",
+    "Withholding results",
+    "Debarring from representing the institution in any regional, national or international meet, tournament, youth festival, etc.",
+    "Suspension/expulsion from hostel",
+    "Rustication from the institution for a period ranging from 1 to 4 semesters",
+    "Expulsion from the institution and consequent debarring from admission in any other institution",
+    "Fine of Rs. 25,000/-",
+    "Declination of any placement assistance",
+    "FIR to be filed without exception by the institution"
   ]
 }
\ No newline at end of file
diff --git a/New/public/config/page-ariia-config.json b/New/public/config/page-ariia-config.json
index 74cb627..04133ab 100644
--- a/New/public/config/page-ariia-config.json
+++ b/New/public/config/page-ariia-config.json
@@ -1,15 +1,20 @@
 {
-  "hero": {
-    "title": "ARIIA",
-    "titleHighlight": "Ranking",
-    "subtitle": "Atal Ranking of Institutions",
-    "description": "Recognized for Innovation Achievements and Entrepreneurship Development."
+  "section": "ariia_2020",
+  "title": "ARIIA 2020",
+  "image": {
+    "src": "images/ariia-2020-result.jpg",
+    "link": "images/ARIIA Rankings 2020 Report.pdf",
+    "alt": "ARIIA 2020 Result"
   },
-  "features": [
-    {
-      "title": "Band Excellent",
-      "icon": "Zap",
-      "desc": "Ranked in the 'Excellent' band in the private institutions category."
-    }
+  "contacts": {
+    "emails": [
+      "principal@nsec.ac.in",
+      "bose.shilpi08@gmail.com"
+    ],
+    "description": "Email addresses for comments and feedback related to Submitted Data for ARIIA 2020"
+  },
+  "content": [
+    "The institution will proactively and objectively examine feedback received and make corrections if required within the timeline specified by ARIIA.",
+    "The institution ensures that the submitted ARIIA 2020 data displayed on the website is accurate and up to date."
   ]
 }
\ No newline at end of file
diff --git a/New/public/config/page-facilities-config.json b/New/public/config/page-facilities-config.json
index 797e559..da015f4 100644
--- a/New/public/config/page-facilities-config.json
+++ b/New/public/config/page-facilities-config.json
@@ -1,60 +1,82 @@
 {
-  "category": "Infrastructure",
-  "title": "Campus Facilities",
-  "sidebarTitle": "Amenities",
+  "category": "Campus Life",
+  "title": "Facilities",
+  "sidebarTitle": "Infrastructure Node",
   "tabs": [
     {
-      "id": "library",
-      "label": "Central Library",
-      "title": "Central Library",
+      "id": "infrastructure",
+      "label": "Infrastructure",
+      "title": "Campus Infrastructure",
       "content": [
         {
           "type": "paragraph",
-          "text": "Over 100,000 volumes, international journals, digital repos, and fully automated borrowing systems."
+          "text": "NSEC provides a robust infrastructure that supports both academic and extra-curricular activities. The campus is equipped with modern classrooms, seminar halls, and common rooms."
+        },
+        {
+          "type": "list",
+          "items": [
+            "Smart Classrooms with Audio-Visual aids",
+            "High-speed Wi-Fi across the campus",
+            "State-of-the-art Seminar and Conference Halls",
+            "Cafeteria and Student Activity Center"
+          ]
         }
       ]
     },
     {
-      "id": "labs",
+      "id": "laboratories",
       "label": "Laboratories",
-      "title": "State of the Art Labs",
+      "title": "Advanced Laboratories",
       "content": [
         {
           "type": "paragraph",
-          "text": "Each department is equipped with modern, specialized labs complying with industry standards. Includes our AICTE IDEA lab."
-        }
-      ]
-    },
-    {
-      "id": "hostel",
-      "label": "Hostel",
-      "title": "Hostel Accommodations",
-      "content": [
+          "text": "Each department at NSEC has dedicated laboratories equipped with the latest software and hardware to provide hands-on training to students."
+        },
         {
-          "type": "paragraph",
-          "text": "Separate, secure, and fully equipped hostels for boys and girls with high-speed internet and mess facilities."
+          "type": "list",
+          "items": [
+            "Central Computing Facility",
+            "Advanced Electronics and Communication Lab",
+            "Electrical Machines and Power Systems Lab",
+            "Mechanical Workshop and Fluid Mechanics Lab",
+            "Biomedical Engineering Simulation Lab"
+          ]
         }
       ]
     },
     {
-      "id": "sports",
-      "label": "Sports",
-      "title": "Sports Complex",
+      "id": "library",
+      "label": "Library",
+      "title": "Central Library & Resources",
       "content": [
         {
           "type": "paragraph",
-          "text": "Facilities for cricket, football, basketball, table tennis, and a fully equipped indoor gymnasium."
+          "text": "The central library is a knowledge hub with a vast collection of books, journals, and digital resources. It provides a quiet environment for study and research."
+        },
+        {
+          "type": "list",
+          "items": [
+            "Over 100,000 volumes of books",
+            "Subscription to IEEE, Springer, and ScienceDirect",
+            "Digital Library with access to NPTEL and Swayam",
+            "Automated library management system (Koha)"
+          ]
         }
       ]
     },
     {
-      "id": "cafeteria",
-      "label": "Cafeteria",
-      "title": "Campus Cafeteria",
+      "id": "video-tour",
+      "label": "Video Tour",
+      "title": "Explore Our Campus",
       "content": [
         {
           "type": "paragraph",
-          "text": "Hygienic, affordable, and diverse food options available for students and staff throughout the day."
+          "text": "Take a virtual tour of our campus and experience the vibrant life at Netaji Subhash Engineering College."
+        },
+        {
+          "type": "download",
+          "link": "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+          "text": "Watch Campus Video"
         }
       ]
     }
diff --git a/New/public/config/page-idealab-config.json b/New/public/config/page-idealab-config.json
index 2448826..46bd2f8 100644
--- a/New/public/config/page-idealab-config.json
+++ b/New/public/config/page-idealab-config.json
@@ -1,25 +1,18 @@
 {
-  "hero": {
-    "title": "AICTE",
-    "titleHighlight": "IDEA Lab",
-    "subtitle": "Idea Development, Evaluation & Application",
-    "description": "A facility offering 24x7 access to advanced manufacturing and prototyping tools."
-  },
-  "features": [
+  "section": "aicte_idea_lab",
+  "heading": "AICTE-IDEA Lab at Netaji Subhash Engineering College",
+  "subheading": "NSEC AICTE IDEA LAB",
+  "content": [
+    "Netaji Subhash Engineering College (NSEC) has established the AICTE IDEA (Idea Development, Evaluation and Application) Lab under the AICTE IDEA Scheme 2024-25. This facility focuses on fostering innovation, creativity, and entrepreneurship among students and faculty.",
+    "The AICTE IDEA Lab provides an ecosystem for hands-on learning, research, and real-world project development. It enables students to collaborate with industry professionals and transform ideas into practical solutions.",
+    "Supported by AICTE, the lab helps students convert concepts into prototypes, products, or services while strengthening the connection between academia and industry.",
+    "The initiative promotes design thinking, experimentation, and interdisciplinary growth, reinforcing the institution's commitment to education, research, and innovation."
+  ],
+  "documents": [
     {
-      "title": "3D Printing Hub",
-      "icon": "Zap",
-      "desc": "FDM and SLA printers for rapid prototyping."
-    },
-    {
-      "title": "IoT Workbench",
-      "icon": "Cpu",
-      "desc": "Microcontrollers and sensor kits for smart projects."
-    },
-    {
-      "title": "CNC Machining",
-      "icon": "Compass",
-      "desc": "Precision cutting and milling stations."
+      "title": "Tender Document for AICTE-IDEA Lab Equipment Procurement",
+      "url": "notice/Tender-Document-for-AICTE-IDEA-LAB_03-09-2025_compressed.pdf",
+      "type": "pdf"
     }
   ]
 }
\ No newline at end of file
diff --git a/New/public/config/page-iic-config.json b/New/public/config/page-iic-config.json
index e1e4996..20b3c9b 100644
--- a/New/public/config/page-iic-config.json
+++ b/New/public/config/page-iic-config.json
@@ -1,25 +1,186 @@
 {
-  "hero": {
-    "title": "Innovation",
-    "titleHighlight": "Council",
-    "subtitle": "MoE's Innovation Cell",
-    "description": "Fostering the culture of innovation and start-up ecosystem in the institution."
-  },
-  "features": [
-    {
-      "title": "Ideation Workshops",
-      "icon": "Zap",
-      "desc": "Brainstorming sessions to generate disruptive ideas."
+  "iic": {
+    "about": {
+      "overview": "MHRD's Innovation Cell (MIC) was established to foster innovation culture in Higher Education Institutions. It supports students in developing ideas into prototypes during their academic years.",
+      "vision": "To establish Institution's Innovation Councils (IICs) across HEIs and build a network that promotes innovation ecosystems in campuses.",
+      "institution_context": "The Institution's Innovation Council (IIC) at Netaji Subhash Engineering College was established in October 2019 to promote innovation, startups, and entrepreneurial activities among students."
     },
-    {
-      "title": "Hackathons",
-      "icon": "Coffee",
-      "desc": "24-hour coding and hardware prototyping events."
-    },
-    {
-      "title": "Incubation Support",
-      "icon": "Rocket",
-      "desc": "Mentorship for student startups and patent filing."
-    }
-  ]
+    "major_focus": [
+      "Create a vibrant local innovation ecosystem",
+      "Support startup mechanisms in HEIs",
+      "Prepare institute for ARIIA ranking",
+      "Establish ecosystem for idea scouting and pre-incubation",
+      "Develop cognitive and technical abilities of students"
+    ],
+    "functions": [
+      "Conduct innovation and entrepreneurship activities as per MIC guidelines",
+      "Identify and reward innovations and share success stories",
+      "Organize workshops, seminars, and mentorship programs",
+      "Collaborate with national entrepreneurship organizations",
+      "Create innovation portal for projects",
+      "Organize hackathons, competitions, and industry-driven challenges"
+    ],
+    "members": [
+      {
+        "name": "Dr. H.K. Mandal",
+        "designation": "Director",
+        "role": "Advisor"
+      },
+      {
+        "name": "Prof. Tirthankar Datta",
+        "designation": "Principal",
+        "role": "Advisor"
+      },
+      {
+        "name": "Mr. Sumit Roy",
+        "designation": "Registrar",
+        "role": "President, IIC"
+      },
+      {
+        "name": "Mr. Shilpi Bose",
+        "designation": "Assistant Professor",
+        "role": "Convener and ARIIA Coordinator"
+      },
+      {
+        "name": "Mr. Dhritiman Mandal",
+        "designation": "Assistant Professor",
+        "role": "Startup Activity Coordinator"
+      },
+      {
+        "name": "Dr. Tridibesh Nag",
+        "designation": "Assistant Professor",
+        "role": "Innovation Activity & Internship Coordinator"
+      },
+      {
+        "name": "Dr. Atanu Das",
+        "designation": "Assistant Professor",
+        "role": "Member"
+      },
+      {
+        "name": "Dr. Indranil Ghosh",
+        "designation": "Associate Professor",
+        "role": "Member"
+      },
+      {
+        "name": "Dr. Animesh Bhattacharyay",
+        "designation": "Assistant Professor",
+        "role": "Member"
+      },
+      {
+        "name": "Mr. Arnab Datta",
+        "designation": "Assistant Professor",
+        "role": "Member"
+      },
+      {
+        "name": "Mr. Debdip Bhanjachoudhury",
+        "designation": "Technical Assistant",
+        "role": "Member"
+      },
+      {
+        "name": "Mr. Deborshi Datta",
+        "designation": "Placement Office",
+        "role": "Member"
+      },
+      {
+        "name": "Mr. Diptiman Das",
+        "designation": "Senior Executive",
+        "role": "Member"
+      },
+      {
+        "name": "Mr. Maloy Naskar",
+        "designation": "Assistant Professor",
+        "role": "Member"
+      },
+      {
+        "name": "Mr. Saurav Mitra",
+        "designation": "Assistant Professor",
+        "role": "Member"
+      },
+      {
+        "name": "Mr. Tarak Das",
+        "designation": "Assistant Professor",
+        "role": "Member"
+      },
+      {
+        "name": "Mr. Trishit Banerjee",
+        "designation": "Assistant Professor",
+        "role": "Member"
+      },
+      {
+        "name": "Dr. Partha Sarathi Pal",
+        "designation": "Associate Professor",
+        "role": "NIRF Coordinator"
+      },
+      {
+        "name": "Dr. Swapna Roy",
+        "designation": "Assistant Professor",
+        "role": "IPR Activity Coordinator"
+      },
+      {
+        "name": "Mrs. Ina Bose",
+        "designation": "External Expert",
+        "role": "Member"
+      },
+      {
+        "name": "Mr. Subhabrata Bhattacharya",
+        "designation": "External Expert",
+        "role": "Member"
+      },
+      {
+        "name": "Mr. Sanket Sarkar",
+        "designation": "External Expert",
+        "role": "Member"
+      },
+      {
+        "name": "Mr. Rictor Bhowmik",
+        "designation": "External Expert",
+        "role": "Member"
+      },
+      {
+        "name": "Dr. Jnui Deb Mallick Datta",
+        "designation": "External Expert",
+        "role": "Member"
+      },
+      {
+        "name": "Naseem Ahmad",
+        "designation": "Student",
+        "role": "Innovation Activity Coordinator"
+      },
+      {
+        "name": "Astha Gupta",
+        "designation": "Student",
+        "role": "IPR Activity Coordinator"
+      },
+      {
+        "name": "Vishal Kunwar",
+        "designation": "Student",
+        "role": "Startup Activity Coordinator"
+      },
+      {
+        "name": "Ujjayini DeyChowdhuri",
+        "designation": "Student",
+        "role": "Social Media Coordinator"
+      },
+      {
+        "name": "Roni Das",
+        "designation": "Student",
+        "role": "Member"
+      },
+      {
+        "name": "Adrish Dey",
+        "designation": "Student",
+        "role": "Internship Coordinator"
+      },
+      {
+        "name": "Supriya Dhabal",
+        "designation": "Assistant Professor",
+        "role": "Member"
+      },
+      {
+        "name": "Mr. Prodip Mukhopadhyay",
+        "designation": "External Expert",
+        "role": "Member"
+      }
+    ]
+  }
 }
\ No newline at end of file
diff --git a/New/public/config/page-iqac-config.json b/New/public/config/page-iqac-config.json
index 77a3009..8dd6f6f 100644
--- a/New/public/config/page-iqac-config.json
+++ b/New/public/config/page-iqac-config.json
@@ -1,28 +1,68 @@
 {
-  "hero": {
-    "title": "Internal Quality",
-    "titleHighlight": "Assurance Cell.",
-    "subtitle": "IQAC: NSEC"
-  },
-  "content": [
-    {
-      "title": "Annual Quality Assurance Reports",
-      "desc": "Reports submitted to NAAC.",
-      "items": [
-        "AQAR 2022-23",
-        "AQAR 2021-22",
-        "AQAR 2020-21",
-        "AQAR 2019-20"
-      ]
+  "iqac": {
+    "links": [
+      {
+        "title": "IQAC: Composition & Functions",
+        "url": "impdoc/190618 IQAC Committee_Reconstituted.pdf"
+      },
+      {
+        "title": "IQAC Meeting & Action Taken Report",
+        "url": "page.php?id=514"
+      },
+      {
+        "title": "AQAR Reports",
+        "items": [
+          {
+            "title": "AQAR 1st Cycle Report 2018-19",
+            "url": "page.php?id=512"
+          },
+          {
+            "title": "AQAR 2nd Cycle Report 2019-20",
+            "url": "page.php?id=512"
+          }
+        ]
+      }
+    ],
+    "annual_reports": [
+      { "year": "2013-14", "url": "impdoc/A.Y. 2013-14.pdf" },
+      { "year": "2014-15", "url": "impdoc/A.Y. 2014-15.pdf" },
+      { "year": "2015-16", "url": "impdoc/A.Y. 2015-16.pdf" },
+      { "year": "2016-17", "url": "impdoc/A.Y. 2016-17.pdf" },
+      { "year": "2017-18", "url": "impdoc/A.Y. 2017-18.pdf" },
+      { "year": "2018-19", "url": "impdoc/A.Y. 2018-19.pdf" },
+      { "year": "2019-20", "url": "impdoc/A.Y. 2019-20.pdf" }
+    ],
+    "about": "Internal Quality Assurance Cell (IQAC) was established in 2013 to enhance and sustain quality in teaching-learning and overall institutional performance. It focuses on continuous improvement, outcome-based education, student-centric learning, and stakeholder participation. The institution emphasizes excellence in education, research, and entrepreneurship.",
+    "major_focus": [
+      "Develop a quality system for improvement in academic, research, and administrative performance",
+      "Promote innovation, startups, entrepreneurship, and networking with institutions",
+      "Enhance academic excellence through quality culture and best practices"
+    ],
+    "functions": [
+      "Define quality benchmarks for academic and administrative activities",
+      "Promote quality culture in teaching and assessment",
+      "Disseminate information on quality parameters in higher education",
+      "Encourage learner-centric education methods",
+      "Collect feedback from stakeholders",
+      "Monitor and document academic activities",
+      "Maintain institutional database",
+      "Organize workshops, seminars, and training",
+      "Prepare AQAR reports as per NAAC guidelines"
+    ],
+    "members_image": "images/iqac-member-2021.jpg",
+    "coordinator_message": {
+      "summary": "The institution focuses on quality education, student development, and producing responsible professionals. It emphasizes faculty strength, infrastructure, and continuous improvement through IQAC policies.",
+      "invitation": "Stakeholders are encouraged to provide suggestions for improving academics, infrastructure, and research to create a better learning environment."
     },
-    {
-      "title": "IQAC Meetings",
-      "desc": "Minutes of the meetings and action taken reports.",
-      "items": [
-        "Minutes 2023",
-        "Minutes 2022",
-        "Minutes 2021"
-      ]
+    "contact": {
+      "name": "Dr. Sukumar Roy",
+      "designation": "Professor, Dept. of Biomedical Engineering",
+      "role": "Coordinator, IQAC",
+      "email": [
+        "coordinator.iqac@nsec.ac.in",
+        "sroybme@gmail.com"
+      ],
+      "phone": "9433408287"
     }
-  ]
+  }
 }
\ No newline at end of file
diff --git a/New/public/config/page-nba-config.json b/New/public/config/page-nba-config.json
index 5487976..dfdd614 100644
--- a/New/public/config/page-nba-config.json
+++ b/New/public/config/page-nba-config.json
@@ -1,18 +1,123 @@
 {
-  "hero": {
-    "title": "NBA",
-    "titleHighlight": "Accreditation",
-    "subtitle": "Quality Assurance"
-  },
-  "content": [
-    {
-      "title": "Computer Science & Engineering",
-      "desc": "NBA Accredited Program ensuring global standards.",
-      "items": [
-        "Tier-1 Equivalent",
-        "Outcome Based Education",
-        "Industry Aligned"
-      ]
+  "about_us": {
+    "approvals": {
+      "aicte": {
+        "title": "AICTE Approval",
+        "logo": "images/aicte_logo.png",
+        "documents": [
+          {
+            "title": "Engineering & MBA Programs [2020-21]",
+            "url": "notice/EOA_Report_2020-21_C.PDF"
+          },
+          {
+            "title": "MCA Program [2020-21]",
+            "url": "circular/EOA_Report_2020-21_MCA.PDF"
+          },
+          {
+            "title": "Vocational Courses [2018-19]",
+            "url": "notice/LoA_Vocational_2018-19.PDF"
+          }
+        ]
+      },
+      "makaut": {
+        "title": "MAKAUT Affiliation",
+        "logo": "images/wbut_logo.png",
+        "documents": [
+          {
+            "title": "All B.Tech Programs [2020-21]",
+            "url": "notice/MAKAUT_2020_109-B.TECH.pdf"
+          },
+          {
+            "title": "All M.Tech Programs [2020-21]",
+            "url": "notice/MAKAUT_2020_109-M.TECH.pdf"
+          },
+          {
+            "title": "MCA Program [2020-21]",
+            "url": "notice/291-MCA-MAKAUT-2020-21.pdf"
+          },
+          {
+            "title": "MBA Program [2020-21]",
+            "url": "notice/MAKAUT_2020_109-MBA.pdf"
+          },
+          {
+            "title": "BCA, BBA, BSc Cyber Security & Data Science [2020-21]",
+            "url": "notice/MAKAUT_2020_292-BBA-BCA.pdf"
+          },
+          {
+            "title": "B.Voc Programs [2020-21]",
+            "url": "notice/MAKAUT_2020_109-B.VOC.pdf"
+          }
+        ]
+      }
+    },
+    "accreditations": {
+      "nba": {
+        "title": "NBA Accreditation",
+        "logo": "images/nba_logo_3.gif",
+        "programs": [
+          "Biomedical Engineering",
+          "Electronics & Communication Engineering",
+          "Electrical Engineering",
+          "Computer Science & Engineering"
+        ],
+        "documents": [
+          {
+            "title": "Accreditation 2019-2022",
+            "url": "impdoc/nba-nsec-2019-2022.pdf"
+          },
+          {
+            "title": "Accreditation 2005-2019",
+            "url": "impdoc/NBA_Accreditation_2005-2019_opt.pdf"
+          }
+        ]
+      },
+      "naac": {
+        "title": "NAAC Accreditation",
+        "logo": "images/naac_logo_01.png",
+        "grade": "B+",
+        "effective_date": "28-03-2019",
+        "documents": [
+          {
+            "title": "AQAR Reports",
+            "url": "page.php?id=512"
+          },
+          {
+            "title": "NAAC Certificate",
+            "url": "notice/NAAC-NSEC.pdf"
+          },
+          {
+            "title": "IIQA Information",
+            "url": "external_link"
+          },
+          {
+            "title": "SSR Information",
+            "url": "external_link"
+          },
+          {
+            "title": "Peer Team Report",
+            "url": "external_link"
+          },
+          {
+            "title": "Grade Sheet",
+            "url": "external_link"
+          }
+        ]
+      }
+    },
+    "rankings": {
+      "nptel": {
+        "title": "NPTEL AA Ranking",
+        "logo": "images/nptel-logo-big-size.png",
+        "certificate": "images/NPTEL Rating Certificate_Local Chapter .pdf",
+        "details_page": "page.php?id=492"
+      },
+      "nirf": {
+        "title": "NIRF Ranking",
+        "logo": "images/nifr_logo.png",
+        "rank_year": "2020",
+        "note": "Submitted Data to NIRF 2021 Ranking",
+        "details_page": "page.php?id=501"
+      }
     }
-  ]
+  }
 }
\ No newline at end of file
diff --git a/New/public/config/page-nirf-config.json b/New/public/config/page-nirf-config.json
index fb7ce0b..bcbf903 100644
--- a/New/public/config/page-nirf-config.json
+++ b/New/public/config/page-nirf-config.json
@@ -1,24 +1,62 @@
 {
-  "hero": {
-    "title": "NIRF",
-    "titleHighlight": "Data",
-    "subtitle": "National Institutional Ranking Framework"
+  "section": "nirf",
+  "title": "NIRF Submitted Data",
+  "description": [
+    "As per point no. 3.2 in the India Ranking document, the institution has uploaded submitted data on its public website to ensure transparency.",
+    "The institution will review feedback received and make corrections if required within the timeline specified by NIRF.",
+    "The institution ensures that the submitted NIRF data displayed on the website is accurate."
+  ],
+  "current_year": {
+    "year": "2026",
+    "categories": [
+      {
+        "name": "Engineering",
+        "url": null
+      },
+      {
+        "name": "Innovation",
+        "url": null
+      }
+    ]
   },
-  "content": [
-    {
-      "title": "NIRF 2023",
-      "desc": "Submitted data for the year 2023.",
-      "items": [
-        "Engineering Category",
-        "Innovation Category"
-      ]
+  "external_reference": {
+    "title": "NIRF Engineering Ranking",
+    "url": "https://www.nirfindia.org/2020/EngineeringRanking200.html",
+    "note": "Search for Netaji Subhash Engineering College"
+  },
+  "contacts": {
+    "emails": [
+      "principal@nsec.ac.in",
+      "pspal@nsec.ac.in"
+    ],
+    "description": "Email addresses for comments and feedback related to NIRF submitted data"
+  },
+  "archives": [
+    {
+      "year": "2025",
+      "categories": ["Engineering", "Innovation"]
+    },
+    {
+      "year": "2024",
+      "categories": ["Engineering", "Innovation"]
+    },
+    {
+      "year": "2023"
+    },
+    {
+      "year": "2022"
+    },
+    {
+      "year": "2021"
+    },
+    {
+      "year": "2020"
+    },
+    {
+      "year": "2019"
     },
     {
-      "title": "NIRF 2022",
-      "desc": "Submitted data for the year 2022.",
-      "items": [
-        "Engineering Category"
-      ]
+      "year": "2018"
     }
   ]
 }
\ No newline at end of file
diff --git a/New/public/config/page-placement-config.json b/New/public/config/page-placement-config.json
index be70bad..80cdb4d 100644
--- a/New/public/config/page-placement-config.json
+++ b/New/public/config/page-placement-config.json
@@ -1,43 +1,57 @@
 {
-  "category": "Career",
-  "title": "Training & Placement",
-  "sidebarTitle": "Placement Cell",
+  "category": "Career Growth",
+  "title": "Placement",
+  "sidebarTitle": "Career Node",
   "tabs": [
     {
-      "id": "records",
-      "label": "Placement Records",
-      "title": "Placement Records",
+      "id": "statistics",
+      "label": "Statistics",
+      "title": "Placement Statistics",
       "content": [
         {
           "type": "paragraph",
-          "text": "NSEC enjoys stellar placement records. With over 90% placement year on year, our alumni are placed in premier MNCs like TCS, CTS, Infosys, Capgemini, Amazon, and Microsoft."
+          "text": "NSEC has a consistent record of high placements. Our students are recruited by top national and international companies every year."
+        },
+        {
+          "type": "list",
+          "items": [
+            "Over 85% placement record for the last 5 years",
+            "Highest Package: 42 LPA",
+            "Average Package: 5.5 LPA",
+            "Top Recruiters: TCS, Cognizant, Wipro, Infosys, Amazon, Microsoft"
+          ]
         }
       ]
     },
     {
-      "id": "mou",
-      "label": "MoU Partners",
-      "title": "Industry Collaborations",
+      "id": "activities",
+      "label": "Activities",
+      "title": "T&P Activities",
       "content": [
+        {
+          "type": "paragraph",
+          "text": "The Training & Placement cell conducts various activities to prepare students for the corporate world."
+        },
         {
           "type": "list",
           "items": [
-            "TCS - Initial learning programs",
-            "Infosys - Campus Connect",
-            "L&T - Edutech",
-            "NASSCOM"
+            "Soft Skills and Aptitude Training",
+            "Mock Interviews and Group Discussions",
+            "Industry Expert Talks and Workshops",
+            "Internship assistance in reputed firms"
           ]
         }
       ]
     },
     {
-      "id": "career",
-      "label": "Career Opportunities",
-      "title": "Internships & Careers",
+      "id": "records",
+      "label": "Records",
+      "title": "Historical Placement Data",
       "content": [
         {
-          "type": "paragraph",
-          "text": "The T&P Cell organizes exhaustive Pre-Placement Training (PPT) encompassing aptitude, coding, logic, and soft skills to bridge the gap between academia and industry."
+          "type": "download",
+          "link": "/docs/Placement_Records_2023.pdf",
+          "text": "Download 2023 Placement Report"
         }
       ]
     }
diff --git a/New/public/config/page-rd-config.json b/New/public/config/page-rd-config.json
index 77a3009..1d61a24 100644
--- a/New/public/config/page-rd-config.json
+++ b/New/public/config/page-rd-config.json
@@ -1,28 +1,58 @@
 {
-  "hero": {
-    "title": "Internal Quality",
-    "titleHighlight": "Assurance Cell.",
-    "subtitle": "IQAC: NSEC"
-  },
-  "content": [
-    {
-      "title": "Annual Quality Assurance Reports",
-      "desc": "Reports submitted to NAAC.",
-      "items": [
-        "AQAR 2022-23",
-        "AQAR 2021-22",
-        "AQAR 2020-21",
-        "AQAR 2019-20"
-      ]
-    },
-    {
-      "title": "IQAC Meetings",
-      "desc": "Minutes of the meetings and action taken reports.",
-      "items": [
-        "Minutes 2023",
-        "Minutes 2022",
-        "Minutes 2021"
-      ]
-    }
-  ]
+  "research_and_development": {
+    "general": [
+      {
+        "title": "R&D Projects and Awards",
+        "url": "impdoc/313_1.pdf"
+      },
+      {
+        "title": "Innovation Ecosystem",
+        "url": "impdoc/321.pdf"
+      },
+      {
+        "title": "R&D Guidelines",
+        "url": "impdoc/331.pdf"
+      },
+      {
+        "title": "Ph.D. Awarded",
+        "url": "impdoc/333.pdf"
+      },
+      {
+        "title": "Publications",
+        "url": "impdoc/334.pdf"
+      },
+      {
+        "title": "Faculty Exchange",
+        "url": "impdoc/351.pdf"
+      }
+    ],
+    "mous": [
+      {
+        "organization": "Remedy Hospital",
+        "url": "impdoc/352_1.pdf"
+      },
+      {
+        "organization": "Electrixia Energy",
+        "url": "impdoc/352_2.pdf"
+      },
+      {
+        "organization": "Orient Infotech",
+        "url": "impdoc/352_3.pdf"
+      },
+      {
+        "organization": "Photonix Solar",
+        "url": "impdoc/352_4.pdf"
+      },
+      {
+        "organization": "Suncraft Energy",
+        "url": "impdoc/352_5.pdf"
+      }
+    ],
+    "other": [
+      {
+        "title": "MODROB Projects",
+        "url": null
+      }
+    ]
+  }
 }
\ No newline at end of file
diff --git a/New/public/config/page-students-config.json b/New/public/config/page-students-config.json
index b927a50..80f19c7 100644
--- a/New/public/config/page-students-config.json
+++ b/New/public/config/page-students-config.json
@@ -1,60 +1,52 @@
 {
-  "category": "Life at NSEC",
-  "title": "Students' Corner",
-  "sidebarTitle": "Student Life",
+  "category": "Student Welfare",
+  "title": "Students Corner",
+  "sidebarTitle": "Student Node",
   "tabs": [
     {
-      "id": "achievements",
-      "label": "Achievements",
-      "title": "Student Achievements",
+      "id": "clubs",
+      "label": "Clubs & Soc",
+      "title": "Student Clubs and Societies",
       "content": [
         {
           "type": "paragraph",
-          "text": "Our students routinely perform stellar feats at Smart India Hackathon, NPTEL exams, and global coding championships."
-        }
-      ]
-    },
-    {
-      "id": "mentoring",
-      "label": "Mentoring System",
-      "title": "Dedicated Mentoring",
-      "content": [
+          "text": "At NSEC, we believe in the holistic development of students. Our various clubs provide a platform for students to showcase their talents and leadership skills."
+        },
         {
-          "type": "paragraph",
-          "text": "A robust 1:20 Teacher-Student mentoring ratio ensures personalized academic and psychological support."
+          "type": "list",
+          "items": [
+            "**PHOENIX:** The official tech club of NSEC",
+            "**Rotaract Club:** For social service and community building",
+            "**Eco Cultural Club:** Promoting cultural awareness and environmental sustainability",
+            "**Sports Club:** Organizing annual sports meets and tournaments"
+          ]
         }
       ]
     },
     {
-      "id": "phoenix",
-      "label": "PHOENIX Club",
-      "title": "Official Tech Club",
+      "id": "achievements",
+      "label": "Achievements",
+      "title": "Student Achievements",
       "content": [
         {
           "type": "paragraph",
-          "text": "The official technical club of NSEC hosting AVENIR, the annual tech fest, alongside regular hackathons and coding bootcamps."
+          "text": "Our students have won numerous accolades in national and international competitions, hackathons, and sports events."
         }
       ]
     },
     {
-      "id": "rotaract",
-      "label": "Rotaract Club",
-      "title": "Rotaract Club of NSEC",
+      "id": "code-of-conduct",
+      "label": "Code of Conduct",
+      "title": "Student Rules & Regulations",
       "content": [
         {
           "type": "paragraph",
-          "text": "Engaging in impactful social service, blood donation camps, and rural outreach."
-        }
-      ]
-    },
-    {
-      "id": "alumni",
-      "label": "Alumni Association",
-      "title": "NSEC Alumni Network",
-      "content": [
+          "text": "Students are expected to maintain discipline and adhere to the institutional code of conduct at all times."
+        },
         {
-          "type": "paragraph",
-          "text": "A strong global network of 15,000+ alumni supporting our students with mentorships, referrals, and career guidance."
+          "type": "download",
+          "link": "/docs/Student_Code_of_Conduct.pdf",
+          "text": "View Code of Conduct"
         }
       ]
     }
diff --git a/New/public/config/page-uba-config.json b/New/public/config/page-uba-config.json
index ac986a8..0ffc123 100644
--- a/New/public/config/page-uba-config.json
+++ b/New/public/config/page-uba-config.json
@@ -1,31 +1,96 @@
 {
-  "hero": {
-    "title": "Unnat Bharat",
-    "titleHighlight": "Abhiyan",
-    "subtitle": "Rural Development",
-    "description": "Connecting higher education institutions with local communities to address development challenges."
+  "section": "uba_cell",
+  "title": "Unnat Bharat Abhiyan (UBA) Cell",
+  "images": {
+    "emblem": "/New/public/assets/uba/emblem.png",
+    "logo": "/New/public/assets/uba/logo.png",
+    "institution_logo": "/New/public/assets/uba/nsec-logo.png",
+    "map": "/New/public/assets/uba/uba-map-01.jpg"
   },
-  "features": [
+  "about": [
+    "Unnat Bharat Abhiyan (UBA) is a flagship programme by the Ministry of Human Resource Development (MHRD), Government of India, aimed at enriching rural India through technological and knowledge-based interventions.",
+    "It enables higher education institutions to study rural conditions, identify local problems, and implement innovative solutions to improve the quality of life.",
+    "Netaji Subhash Engineering College (NSEC) is a participating institute under UBA, mentored by IIT Kharagpur as a Regional Coordinating Institute."
+  ],
+  "adopted_villages": [
+    "Ranabhutia",
+    "Jagatipata",
+    "Kantipota",
+    "Kamdebpur",
+    "Paschim Sripatinagar"
+  ],
+  "mission": [
+    "Empower underprivileged communities through knowledge and technology",
+    "Promote social responsibility through community engagement",
+    "Develop sustainable solutions for rural development"
+  ],
+  "major_focus": [
+    "Develop linkages with rural clusters and participate in planning",
+    "Promote science and technology interventions",
+    "Train and orient working groups",
+    "Enhance capabilities of organizations",
+    "Bring transformational change in rural development"
+  ],
+  "functions": [
+    "Engage students and faculty in rural understanding",
+    "Identify and assess local problems",
+    "Customize indigenous technologies",
+    "Develop implementation strategies for solutions",
+    "Support execution of government programs"
+  ],
+  "intervention_areas": {
+    "human_development": [
+      "Health",
+      "Education and culture",
+      "Values",
+      "Skills and entrepreneurship"
+    ],
+    "economic_development": [
+      "Organic agriculture",
+      "Water management",
+      "Renewable energy",
+      "Rural industries",
+      "Natural resource development",
+      "Basic amenities",
+      "IT-enabled services"
+    ]
+  },
+  "coordinator_message": [
+    "The UBA Cell focuses on improving rural life through innovative, eco-friendly, and affordable technological solutions.",
+    "Students and faculty actively engage in studying rural conditions and implementing sustainable solutions in areas like education, healthcare, agriculture, and skill development.",
+    "The initiative also enhances students’ real-world problem-solving skills and promotes community-based learning.",
+    "Stakeholders are invited to contribute towards socio-economic development of rural communities."
+  ],
+  "documents": [
     {
-      "title": "Adopted Villages",
-      "icon": "Heart",
-      "desc": "Working closely with 5 adopted villages for sustainable development."
-    },
+      "title": "Invitation to Participate in Rural Development",
+      "url": "notice/Invitation to Particiapate and Contribute in Rural Development.pdf",
+      "type": "pdf"
+    }
+  ],
+  "contacts": [
     {
-      "title": "Technology Transfer",
-      "icon": "Zap",
-      "desc": "Applying engineering solutions to rural problems."
+      "name": "Dr. Sukumar Roy",
+      "designation": "Professor, Dept. of Biomedical Engineering",
+      "role": "Coordinator, UBA Cell",
+      "email": [
+        "sroybme@gmail.com",
+        "sukumar.roy@nsec.ac.in"
+      ],
+      "phone": "9433408287"
     },
     {
-      "title": "Awareness Camps",
-      "icon": "Compass",
-      "desc": "Conducting health, hygiene and education campaigns."
+      "name": "Dr. P.S. Pal",
+      "designation": "Associate Professor, Dept. of Electrical Engineering",
+      "role": "Co-coordinator, UBA Cell",
+      "email": [
+        "pspal2k@gmail.com",
+        "pspal@nsec.ac.in"
+      ],
+      "phone": [
+        "9433250651",
+        "7003007051"
+      ]
     }
-  ],
-  "media": {
-    "label": "UBA Gallery",
-    "title": "Community<br/>Engagement",
-    "subtitle": "Making an Impact",
-    "image": "https://images.unsplash.com/photo-1593113589914-0755685816da?auto=format&fit=crop&q=80"
-  }
+  ]
 }
\ No newline at end of file
diff --git a/New/public/config/page-vtour-config.json b/New/public/config/page-vtour-config.json
index 2da7fa3..93a9273 100644
--- a/New/public/config/page-vtour-config.json
+++ b/New/public/config/page-vtour-config.json
@@ -5,5 +5,5 @@
     "subtitle": "Experience NSEC",
     "description": "Walk through our state-of-the-art laboratories, spacious classrooms, and lush green campus from anywhere in the world."
   },
-  "embed": "https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&mute=1"
+  "embed": "https://www.youtube.com/embed/pJCjWvKLs54?autoplay=1&rel=0"
 }
\ No newline at end of file
diff --git a/New/public/config/site-config.json b/New/public/config/site-config.json
index 622f3b1..6cefc1b 100644
--- a/New/public/config/site-config.json
+++ b/New/public/config/site-config.json
@@ -551,6 +551,11 @@
           "path": "/about#accreditation",
           "desc": "Quality Standards"
         },
+        {
+          "name": "NIRF",
+          "path": "/nirf",
+          "desc": "Ranking Data"
+        },
         {
           "name": "Message",
           "path": "/about#message",
@@ -670,7 +675,7 @@
       "children": [
         {
           "name": "Video Tour",
-          "path": "/facilities#tour",
+          "path": "/vtour",
           "desc": "Visual Walkthrough"
         },
         {
diff --git a/New/public/nsec_logo b/New/public/nsec_logo
new file mode 100644
index 0000000..4527c07
Binary files /dev/null and b/New/public/nsec_logo differ
diff --git a/New/src/App.jsx b/New/src/App.jsx
index fe26019..07cb69f 100644
--- a/New/src/App.jsx
+++ b/New/src/App.jsx
@@ -13,8 +13,16 @@ import NoticePage from './pages/NoticePage';
 import GalleryPage from './pages/GalleryPage';
 import VTourPage from './pages/VTourPage';
 import IqacPage from './pages/IqacPage';
+import IIC from './pages/IIC';
+import IdeaLab from './pages/IdeaLab';
+import Ariia from './pages/ariia';
 import GenericLifePage from './pages/GenericLifePage';
 import StandardInfoPage from './pages/StandardInfoPage';
+import AntiRagging from './pages/AntiRagging';
+import Uba from './pages/uba';
+import RDPage from './pages/rd';
+import NirfPage from './pages/nirf';
+
 
 function App() {
   return (
@@ -33,7 +41,7 @@ function App() {
           <Route path="notices/archive" element={<ComingSoon />} />
           
           {/* New Feature Routes */}
-          <Route path="about" element={<StandardInfoPage configPath="/config/page-about-config.json" />} />
+          <Route path="about" element={<AboutPage />} />
           <Route path="academics" element={<StandardInfoPage configPath="/config/page-academics-config.json" />} />
           <Route path="facilities" element={<StandardInfoPage configPath="/config/page-facilities-config.json" />} />
           <Route path="placement" element={<StandardInfoPage configPath="/config/page-placement-config.json" />} />
@@ -46,19 +54,19 @@ function App() {
           {/* Programs/Iqac style cloned routes */}
           <Route path="iqac" element={<IqacPage configPath="/config/page-iqac-config.json" />} />
           <Route path="naac" element={<IqacPage configPath="/config/page-naac-config.json" />} />
-          <Route path="rd" element={<IqacPage configPath="/config/page-rd-config.json" />} />
+          <Route path="rd" element={<RDPage configPath="/config/page-rd-config.json" />} />
           <Route path="nba" element={<IqacPage configPath="/config/page-nba-config.json" />} />
           <Route path="moocs" element={<IqacPage configPath="/config/page-moocs-config.json" />} />
-          <Route path="nirf" element={<IqacPage configPath="/config/page-nirf-config.json" />} />
+          <Route path="nirf" element={<NirfPage />} />
 
           {/* Life style cloned routes */}
-          <Route path="uba" element={<GenericLifePage configPath="/config/page-uba-config.json" />} />
-          <Route path="iic" element={<GenericLifePage configPath="/config/page-iic-config.json" />} />
-          <Route path="idealab" element={<GenericLifePage configPath="/config/page-idealab-config.json" />} />
-          <Route path="antiragging" element={<GenericLifePage configPath="/config/page-antiragging-config.json" />} />
+          <Route path="uba" element={<Uba />} />
+          <Route path="iic" element={<IIC />} />
+          <Route path="idealab" element={<IdeaLab />} />
+          <Route path="anti-ragging" element={<AntiRagging />} />
           <Route path="silverjubilee" element={<GenericLifePage configPath="/config/page-silverjubilee-config.json" />} />
           <Route path="events" element={<GenericLifePage configPath="/config/page-events-config.json" />} />
-          <Route path="ariia" element={<GenericLifePage configPath="/config/page-ariia-config.json" />} />
+          <Route path="ariia" element={<Ariia />} />
           <Route path="contact" element={<GenericLifePage configPath="/config/page-contact-config.json" />} />
           <Route path="training-placement" element={<GenericLifePage configPath="/config/page-tnp-config.json" />} />
 
diff --git a/New/src/components/AntiRaggingHero.jsx b/New/src/components/AntiRaggingHero.jsx
new file mode 100644
index 0000000..f189265
--- /dev/null
+++ b/New/src/components/AntiRaggingHero.jsx
@@ -0,0 +1,100 @@
+import React from 'react';
+import { motion } from 'framer-motion';
+import { ShieldAlert, ArrowRight, ShieldCheck } from 'lucide-react';
+
+const AntiRaggingHero = () => {
+  return (
+    <section className="relative w-full h-[8vh] min-h-[60px] overflow-hidden flex items-center">
+      {/* BACKGROUND: Dark Premium Gradient */}
+      <div
+        className="absolute inset-0 z-0 bg-[#000000]"
+        style={{
+          background: 'linear-gradient(135deg, #000000 0%, #001a33 50%, #002b2b 100%)'
+        }}
+      />
+
+      {/* ABSTRACT TEXTURE & PARTICLES */}
+      <div className="absolute inset-0 z-0 opacity-20 pointer-events-none">
+        <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+          <defs>
+            <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
+              <path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(0,139,139,0.2)" strokeWidth="0.5" />
+            </pattern>
+          </defs>
+          <rect width="100%" height="100%" fill="url(#grid)" />
+        </svg>
+      </div>
+
+      {/* NEON ACCENT LINES */}
+      <div className="absolute inset-0 z-0 pointer-events-none">
+        <div className="absolute top-[20%] left-[-10%] w-[120%] h-[1px] bg-cyan-500/30 rotate-[-2deg] blur-[1px]" />
+        <div className="absolute bottom-[30%] left-[-10%] w-[120%] h-[1px] bg-cyan-400/20 rotate-[1deg]" />
+        <div className="absolute top-0 right-[15%] w-[1px] h-full bg-red-600/10 blur-[2px]" />
+      </div>
+
+      {/* MAIN CONTENT AREA */}
+      <div className="relative z-10 w-full px-6 lg:px-24 flex flex-col justify-center">
+        <div className="flex flex-col lg:flex-row items-end lg:items-center justify-between gap-8">
+
+          <div className="flex-1 space-y-4">
+            <motion.div
+              initial={{ opacity: 0, x: -20 }}
+              animate={{ opacity: 1, x: 0 }}
+              transition={{ duration: 0.6 }}
+              className="flex items-center gap-3"
+            >
+              <div className="w-10 h-[2px] bg-brand-accent shadow-[0_0_10px_rgba(0,139,139,0.8)]" />
+              <span className="text-[10px] font-mono font-black text-brand-accent uppercase tracking-[0.4em]">
+                Statutory Committee | Policy & Prevention
+              </span>
+            </motion.div>
+
+            <motion.h1
+              initial={{ opacity: 0, y: 30 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ duration: 0.8, delay: 0.1 }}
+              className="text-5xl lg:text-7xl font-black italic uppercase tracking-tighter text-white leading-[0.85]"
+            >
+              Anti-Ragging <br />
+              <span className="text-transparent" style={{ WebkitTextStroke: '1px rgba(255,255,255,0.2)' }}>Framework.</span>
+            </motion.h1>
+
+            <motion.p
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              transition={{ duration: 0.8, delay: 0.3 }}
+              className="max-w-xl text-white/60 text-sm lg:text-base font-medium leading-relaxed border-l-2 border-red-600/30 pl-4"
+            >
+              Ragging in any form is a punishable offence under UGC regulations and Indian law.
+              Every student deserves a safe, respectful, and dignified campus environment.
+            </motion.p>
+          </div>
+
+          <motion.div
+            initial={{ opacity: 0, scale: 0.9 }}
+            animate={{ opacity: 1, scale: 1 }}
+            transition={{ duration: 0.6, delay: 0.4 }}
+            className="flex flex-col items-end gap-6"
+          >
+            <div className="hidden lg:flex items-center gap-4 text-white/30 font-mono text-[10px] uppercase tracking-widest">
+              <ShieldCheck className="w-4 h-4 text-brand-accent" />
+              <span>Zero Tolerance Node</span>
+              <div className="w-12 h-px bg-white/10" />
+            </div>
+
+            <button className="group relative px-8 py-4 bg-brand-maroon text-white font-black uppercase italic tracking-widest text-xs flex items-center gap-4 overflow-hidden transition-all hover:bg-white hover:text-brand-maroon shadow-2xl shadow-black/50">
+              <div className="absolute inset-0 w-0 group-hover:w-full transition-all duration-500 bg-white" />
+              <span className="relative z-10 flex items-center gap-3">
+                Report Confidentially <ArrowRight className="w-4 h-4 group-hover:translate-x-1 transition-transform" />
+              </span>
+            </button>
+          </motion.div>
+        </div>
+      </div>
+
+      <div className="absolute bottom-0 left-0 w-full h-[2px] bg-gradient-to-r from-transparent via-cyan-500/50 to-transparent" />
+    </section>
+  );
+};
+
+export default AntiRaggingHero;
diff --git a/New/src/components/Footer.jsx b/New/src/components/Footer.jsx
index 0aea0e3..d1b4e96 100644
--- a/New/src/components/Footer.jsx
+++ b/New/src/components/Footer.jsx
@@ -12,7 +12,6 @@ import {
   Clock,
   ExternalLink,
   ShieldCheck,
-  Zap,
   Globe
 } from 'lucide-react';
 
@@ -49,7 +48,11 @@ export default function Footer() {
             <div className="flex flex-col">
               <div className="flex items-center gap-4 mb-6">
                 <div className="w-12 h-12 bg-brand-maroon flex items-center justify-center border border-white/20">
-                  <Zap size={24} className="text-white" />
+                  <img
+                    src="/assets/uba/nsec_logo_w962xh1280.jpeg"
+                    alt="NSEC Logo"
+                    className="w-9 h-9 object-contain"
+                  />
                 </div>
                 <div className="h-[1px] flex-1 bg-gradient-to-r from-brand-maroon to-transparent" />
               </div>
diff --git a/New/src/components/Header.jsx b/New/src/components/Header.jsx
index ee07574..ffdd423 100644
--- a/New/src/components/Header.jsx
+++ b/New/src/components/Header.jsx
@@ -1,17 +1,29 @@
 import React, { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
-import { cn } from '../utils/cn';
-import { motion } from 'framer-motion';
-import { 
-  Phone, 
-  Mail, 
-  Facebook, 
-  Instagram, 
+import { motion as Motion } from 'framer-motion';
+import {
+  Phone,
+  Mail,
+  Facebook,
+  Instagram,
   MessageCircle,
   ShieldCheck,
   Zap
 } from 'lucide-react';
 
+const AccreditationLine = () => (
+  <div className="flex items-center gap-12 whitespace-nowrap">
+    <span className="text-[11px] font-bold text-brand-blue/80 uppercase tracking-tight">
+      Approved by <span className="text-brand-accent">AICTE</span> •
+      Affiliated to <span className="text-brand-accent">MAKAUT</span> •
+      Accredited by <span className="text-brand-accent">NBA</span> (Programmes) and
+      <span className="text-brand-accent ml-1">NAAC</span> •
+      Ranked by <span className="text-brand-accent ml-1">NIRF</span> [2020] &
+      <span className="text-brand-accent ml-1">ARIIA</span>
+    </span>
+  </div>
+);
+
 export default function Header() {
   const [config, setConfig] = useState(null);
 
@@ -32,28 +44,15 @@ export default function Header() {
     { name: 'ARIIA', path: '/ariia' },
     { name: 'IIC', path: '/iic' },
     { name: 'IDEA Lab', path: '/idealab' },
-    { name: 'Anti-ragging', path: '/antiragging' },
+    { name: 'Anti-ragging', path: '/anti-ragging' },
   ];
 
-  const AccreditationLine = () => (
-    <div className="flex items-center gap-12 whitespace-nowrap">
-      <span className="text-[11px] font-bold text-brand-blue/80 uppercase tracking-tight">
-        Approved by <span className="text-brand-accent">AICTE</span> • 
-        Affiliated to <span className="text-brand-accent">MAKAUT</span> • 
-        Accredited by <span className="text-brand-accent">NBA</span> (Programmes) and 
-        <span className="text-brand-accent ml-1">NAAC</span> • 
-        Ranked by <span className="text-brand-accent ml-1">NIRF</span> [2020] & 
-        <span className="text-brand-accent ml-1">ARIIA</span>
-      </span>
-    </div>
-  );
-
   if (!config) return <div className="h-22 bg-white" />;
 
   return (
     <div className="fixed top-0 left-0 right-0 z-[120]">
       {/* LAYER 01: CYAN UTILITY BAR */}
-      <div className="bg-brand-accent text-white h-10 flex items-center justify-between px-12 relative overflow-hidden">
+      <div className="bg-brand-accent text-white h-12 flex items-center justify-between px-12 relative overflow-hidden">
         <div className="flex items-center gap-6 relative z-10">
           <div className="flex items-center gap-4">
             <a href="tel:9831817307" className="flex items-center gap-2 group">
@@ -75,13 +74,13 @@ export default function Header() {
                 { icon: MessageCircle, href: "#" },
                 { icon: "whatsapp", href: "https://wa.me/919831817307" }
               ].map((item, i) => (
-                <a 
+                <a
                   key={i}
                   href={item.href}
                   className="flex items-center justify-center w-8 h-8 bg-brand-maroon rounded-full border border-white/20 hover:bg-white hover:text-brand-maroon hover:border-brand-maroon transition-all group/icon shadow-sm"
                 >
                   {item.icon === "whatsapp" ? (
-                    <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" className="text-white group-hover/icon:text-brand-maroon"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.335-1.662c1.72.937 3.672 1.433 5.661 1.434h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg>
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" className="text-white group-hover/icon:text-brand-maroon"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.335-1.662c1.72.937 3.672 1.433 5.661 1.434h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z" /></svg>
                   ) : (
                     <item.icon size={14} className="text-white group-hover/icon:text-brand-maroon" />
                   )}
@@ -103,51 +102,53 @@ export default function Header() {
             ))}
           </div>
           <Link to="/silverjubilee" className="flex items-center gap-3 px-4 py-1.5 bg-brand-maroon rounded-full border border-white/20 hover:bg-white hover:text-brand-maroon hover:border-brand-maroon transition-all group shadow-sm">
-            <Zap size={14} className="text-yellow-400 animate-pulse group-hover:text-brand-maroon" />
+            <img
+              src="/assets/HeroFocus/25-years-nsec-logo-3.png"
+              alt="25 Years"
+              className="w-4 h-4 object-contain"
+            />
             <span className="text-[11px] font-black uppercase tracking-widest">25 Years</span>
           </Link>
         </div>
       </div>
 
       {/* LAYER 02: BRANDING BAR */}
-      <header className="bg-white h-22 flex flex-col justify-center border-b border-brand-accent/10 shadow-lg relative overflow-hidden">
+      <header className="bg-white h-32 flex flex-col justify-center border-b border-brand-accent/10 shadow-lg relative overflow-hidden">
         <div className="px-12 flex items-center justify-between h-full">
-          {/* LOGOS_LEFT */}
-          <div className="flex items-center gap-8 h-full">
-            <Link to="/" className="w-auto h-full flex items-center justify-center p-0 group">
-              <img src={config.header.primaryLogo} alt="NSEC Logo" className="h-full w-auto object-contain transition-transform group-hover:scale-105" />
+          {/* LOGOS */}
+          <div className="flex items-center justify-start gap-6 h-full py-2">
+            <Link to="/" className="w-auto h-full flex items-center justify-center p-0 group border-r-2 border-brand-accent/20 pr-6">
+              <img src={config.header.primaryLogo} alt="NSEC Logo" className="h-[90%] w-auto object-contain transition-transform group-hover:scale-105" />
             </Link>
+            <div className="flex items-center gap-4 h-full py-2">
+              <img src={config.header.secondaryLogo} alt="AICTE Logo" className="h-[85%] w-auto object-contain opacity-90" />
+              <img src={config.header.tertiaryLogo} alt="ICCE Logo" className="h-[85%] w-auto object-contain opacity-90" />
+            </div>
           </div>
 
-          {/* COLLEGE_NAME_RIGHT & MODERN MARQUEE */}
-          <div className="text-right flex flex-col items-end flex-1 pl-20 h-full justify-center">
-            <div className="flex items-center gap-6 h-full">
-              <div className="flex items-center gap-4 h-full py-2">
-                <img src={config.header.secondaryLogo} alt="AICTE Logo" className="h-full w-auto object-contain opacity-90" />
-                <img src={config.header.tertiaryLogo} alt="ICCE Logo" className="h-full w-auto object-contain opacity-90" />
-              </div>
-              <h1 className="text-3xl lg:text-4xl font-black text-brand-maroon leading-none tracking-tighter uppercase italic">
-                Netaji Subhash Engineering <span className="text-brand-accent">College</span>
-              </h1>
-            </div>
-            
+          {/* COLLEGE NAME & MARQUEE */}
+          <div className="flex flex-col items-end justify-center shrink-0">
+            <h1 className="text-3xl lg:text-4xl font-black text-brand-maroon leading-none tracking-tighter uppercase italic whitespace-nowrap text-right">
+              NETAJI SUBHASH ENGINEERING <span className="text-brand-accent">COLLEGE</span>
+            </h1>
+
             {/* NEW AGE SCROLLING TEXT */}
-            <div className="w-full max-w-2xl h-6 bg-brand-bg rounded-full border border-brand-accent/5 overflow-hidden relative flex items-center px-6 group">
+            <div className="w-full max-w-2xl h-6 mt-1.5 bg-brand-bg rounded-full border border-brand-accent/5 overflow-hidden relative flex items-center px-6 group">
               <div className="absolute left-0 top-0 bottom-0 w-12 bg-gradient-to-r from-brand-bg to-transparent z-10" />
               <div className="absolute right-0 top-0 bottom-0 w-12 bg-gradient-to-l from-brand-bg to-transparent z-10" />
-              
-              <motion.div 
+
+              <Motion.div
                 animate={{ x: [0, -800] }}
-                transition={{ 
-                  duration: 25, 
-                  repeat: Infinity, 
+                transition={{
+                  duration: 25,
+                  repeat: Infinity,
                   ease: "linear"
                 }}
                 className="whitespace-nowrap flex items-center gap-12"
               >
                 <AccreditationLine />
                 <AccreditationLine />
-              </motion.div>
+              </Motion.div>
             </div>
           </div>
         </div>
diff --git a/New/src/components/Layout.jsx b/New/src/components/Layout.jsx
index 8dec7b2..c7b37d5 100644
--- a/New/src/components/Layout.jsx
+++ b/New/src/components/Layout.jsx
@@ -10,7 +10,7 @@ export default function Layout() {
       <Header />
       <Navbar />
       
-      <div className="flex-1 flex flex-col min-w-0 transition-all duration-500 pt-[186px]">
+      <div className="flex-1 flex flex-col min-w-0 transition-all duration-500 pt-[236px]">
         <main className="flex-1 relative">
           <Outlet />
         </main>
diff --git a/New/src/components/Navbar.jsx b/New/src/components/Navbar.jsx
index abffa4d..69a1234 100644
--- a/New/src/components/Navbar.jsx
+++ b/New/src/components/Navbar.jsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Link, useLocation } from 'react-router-dom';
+import { Link } from 'react-router-dom';
 import { motion as Motion, AnimatePresence } from 'framer-motion';
 import * as Lucide from 'lucide-react';
 import { 
@@ -10,11 +10,13 @@ import {
 import { cn } from '../utils/cn';
 
 export default function Navbar() {
-  const location = useLocation();
   const [navItems, setNavItems] = useState([]);
   const [hoveredItem, setHoveredItem] = useState(null);
   const [hoveredChild, setHoveredChild] = useState(null);
 
+  const admissionItem = navItems.find(item => item.id === 'admission');
+  const admissionLabel = admissionItem?.name?.replace(/\s*\d{4}-\d{2}\s*$/, '') || 'Admission';
+
   useEffect(() => {
     fetch('/config/site-config.json')
       .then(res => res.json())
@@ -28,9 +30,20 @@ export default function Navbar() {
   };
 
   return (
-    <nav className="fixed top-[126px] left-0 right-0 z-[110] bg-white border-b border-brand-accent/10 shadow-md">
-      <div className="max-w-[1920px] mx-auto px-12 h-[60px] flex items-center justify-between">
-        <div className="flex items-center gap-0.5">
+    <nav className="fixed top-[176px] left-0 right-0 z-[110] bg-white border-b border-brand-accent/10 shadow-md">
+      <div className="max-w-[1920px] mx-auto px-8 xl:px-10 h-[60px] flex items-center justify-between">
+        <div className="flex items-center gap-0">
+          <Link
+            to="/"
+            className="px-2.5 py-2 flex items-center gap-1.5 cursor-pointer rounded-lg transition-all duration-300 mr-1 border-2 bg-white text-brand-blue border-transparent hover:border-brand-accent/20 hover:bg-brand-accent/5"
+            aria-label="Go to home"
+          >
+            <div className="w-7 h-7 rounded-md flex items-center justify-center transition-colors shrink-0 bg-brand-accent/10 text-brand-accent">
+              <Lucide.Home size={14} strokeWidth={2.5} />
+            </div>
+            <span className="text-[10.5px] font-black uppercase tracking-wider whitespace-nowrap">Home</span>
+          </Link>
+
           {navItems.map((item) => (
             <div 
               key={item.id}
@@ -42,23 +55,39 @@ export default function Navbar() {
               className="relative h-[60px] flex items-center"
             >
               {/* MAIN_BUTTON */}
-              <div className={cn(
-                "px-3 py-2 flex items-center gap-2 cursor-pointer rounded-lg transition-all duration-300 mx-0.5 border-2",
-                hoveredItem === item.id 
-                  ? "bg-brand-blue text-white border-brand-blue shadow-md" 
-                  : "bg-white text-brand-blue border-transparent hover:border-brand-accent/20 hover:bg-brand-accent/5"
-              )}>
+              {/* MAIN_BUTTON */}
+              {item.children ? (
                 <div className={cn(
-                  "w-7 h-7 rounded-md flex items-center justify-center transition-colors shrink-0",
-                  hoveredItem === item.id ? "bg-brand-accent text-white" : "bg-brand-accent/10 text-brand-accent"
+                  "px-2.5 py-2 flex items-center gap-1.5 cursor-pointer rounded-lg transition-all duration-300 mx-0.25 border-2",
+                  hoveredItem === item.id 
+                    ? "bg-brand-blue text-white border-brand-blue shadow-md" 
+                    : "bg-white text-brand-blue border-transparent hover:border-brand-accent/20 hover:bg-brand-accent/5"
                 )}>
-                  {getIcon(item.icon)}
-                </div>
-                <span className="text-[11px] font-black uppercase tracking-wider whitespace-nowrap">{item.name}</span>
-                {item.children && (
+                  <div className={cn(
+                    "w-7 h-7 rounded-md flex items-center justify-center transition-colors shrink-0",
+                    hoveredItem === item.id ? "bg-brand-accent text-white" : "bg-brand-accent/10 text-brand-accent"
+                  )}>
+                    {getIcon(item.icon)}
+                  </div>
+                  <span className="text-[10.5px] font-black uppercase tracking-wider whitespace-nowrap">{item.name}</span>
                   <ChevronDown size={12} className={cn("transition-transform duration-500 opacity-40 shrink-0", hoveredItem === item.id && "rotate-180 opacity-100")} />
-                )}
-              </div>
+                </div>
+              ) : (
+                <Link to={item.path || '#'} onClick={() => setHoveredItem(null)} className={cn(
+                  "px-2.5 py-2 flex items-center gap-1.5 cursor-pointer rounded-lg transition-all duration-300 mx-0.25 border-2",
+                  hoveredItem === item.id 
+                    ? "bg-brand-blue text-white border-brand-blue shadow-md" 
+                    : "bg-white text-brand-blue border-transparent hover:border-brand-accent/20 hover:bg-brand-accent/5"
+                )}>
+                  <div className={cn(
+                    "w-7 h-7 rounded-md flex items-center justify-center transition-colors shrink-0",
+                    hoveredItem === item.id ? "bg-brand-accent text-white" : "bg-brand-accent/10 text-brand-accent"
+                  )}>
+                    {getIcon(item.icon)}
+                  </div>
+                  <span className="text-[10.5px] font-black uppercase tracking-wider whitespace-nowrap">{item.name}</span>
+                </Link>
+              )}
 
               {/* DROPDOWN */}
               <AnimatePresence>
@@ -80,6 +109,10 @@ export default function Navbar() {
                           >
                             <Link
                               to={child.path}
+                              onClick={() => {
+                                setHoveredItem(null);
+                                setHoveredChild(null);
+                              }}
                               className="flex items-center justify-between py-2 px-3 rounded-xl hover:bg-brand-accent/5 group transition-all"
                             >
                               <div className="flex flex-col">
@@ -113,6 +146,10 @@ export default function Navbar() {
                                       <Link
                                         key={sub.name}
                                         to={sub.path}
+                                        onClick={() => {
+                                          setHoveredItem(null);
+                                          setHoveredChild(null);
+                                        }}
                                         className="flex items-center py-1.5 px-2.5 rounded-lg hover:bg-brand-accent/5 text-[10.5px] font-black text-brand-blue uppercase tracking-tight hover:text-brand-accent transition-all leading-none"
                                       >
                                         {sub.name}
@@ -125,7 +162,14 @@ export default function Navbar() {
                           </div>
                         ))}
                       </div>
-                      <Link to={`/${item.id}`} className="mt-1 p-2 bg-brand-blue rounded-xl flex items-center justify-between group cursor-pointer overflow-hidden relative h-8">
+                      <Link 
+                        to={`/${item.id}`} 
+                        onClick={() => {
+                          setHoveredItem(null);
+                          setHoveredChild(null);
+                        }}
+                        className="mt-1 p-2 bg-brand-blue rounded-xl flex items-center justify-between group cursor-pointer overflow-hidden relative h-8"
+                      >
                         <div className="absolute inset-0 bg-brand-accent translate-x-full group-hover:translate-x-0 transition-transform duration-500" />
                         <span className="text-[9px] font-black text-white uppercase tracking-[0.2em] relative z-10">Overview</span>
                         <ChevronRight size={12} className="text-white relative z-10" />
@@ -138,11 +182,11 @@ export default function Navbar() {
           ))}
         </div>
 
-        <div className="flex items-center h-full">
+        <div className="flex items-center h-full shrink-0 ml-2 xl:ml-4">
           {/* Industrial Admission Button - Driven from Config */}
           <Link 
-            to={navItems.find(item => item.id === 'admission')?.path || '/admission'} 
-            className="h-full px-12 bg-brand-blue text-white flex items-center justify-center gap-5 relative group overflow-hidden shadow-[0_0_30px_rgba(0,139,139,0.3)]"
+            to={admissionItem?.path || '/admission'} 
+            className="h-full px-4 xl:px-6 w-[152px] xl:w-[184px] shrink-0 bg-brand-blue text-white flex items-center justify-center gap-2 xl:gap-3 relative group overflow-hidden shadow-[0_0_30px_rgba(0,139,139,0.3)]"
             style={{ clipPath: 'polygon(15% 0, 100% 0, 85% 100%, 0 100%)' }}
           >
             {/* Darker internal shadow for depth */}
@@ -151,15 +195,15 @@ export default function Navbar() {
             {/* Hover Slide Effect */}
             <div className="absolute inset-0 bg-brand-accent -translate-x-full group-hover:translate-x-0 transition-transform duration-500 ease-out" />
             
-            <div className="w-7 h-7 bg-brand-accent/20 flex items-center justify-center border border-brand-accent/30 relative z-10 transition-colors group-hover:bg-white/20">
+            <div className="w-6 h-6 xl:w-7 xl:h-7 bg-brand-accent/20 flex items-center justify-center border border-brand-accent/30 relative z-10 transition-colors group-hover:bg-white/20 shrink-0">
               <Lucide.GraduationCap size={16} className="text-brand-accent group-hover:text-white transition-colors" />
             </div>
             
-            <span className="font-black text-[12px] uppercase tracking-[0.4em] italic relative z-10 group-hover:text-white transition-colors">
-              {navItems.find(item => item.id === 'admission')?.name || 'Admission'}
+            <span className="font-black text-[8px] xl:text-[9.5px] 2xl:text-[10.5px] uppercase tracking-[0.08em] xl:tracking-[0.12em] 2xl:tracking-[0.16em] italic leading-none whitespace-nowrap relative z-10 group-hover:text-white transition-colors max-w-full">
+              {admissionLabel }
             </span>
             
-            <Lucide.MoveRight size={16} className="text-brand-accent relative z-10 opacity-40 group-hover:opacity-100 group-hover:text-white transition-all group-hover:translate-x-1" />
+            <Lucide.MoveRight size={15} className="text-brand-accent relative z-10 opacity-40 group-hover:opacity-100 group-hover:text-white transition-all group-hover:translate-x-1 shrink-0" />
           </Link>
         </div>
       </div>
diff --git a/New/src/components/PageHero.jsx b/New/src/components/PageHero.jsx
new file mode 100644
index 0000000..44cb4ac
--- /dev/null
+++ b/New/src/components/PageHero.jsx
@@ -0,0 +1,251 @@
+import React, { useEffect, useRef } from 'react';
+import { motion } from 'framer-motion';
+import * as THREE from 'three';
+
+/* ═══════════════════════════════════════════════════════════
+   THREE.JS  —  RIPPLE WAVE PARTICLE FIELD
+═══════════════════════════════════════════════════════════ */
+function ThreeBackground() {
+  const mountRef = useRef(null);
+
+  useEffect(() => {
+    const el = mountRef.current;
+    if (!el) return;
+
+    /* ── Renderer ── */
+    const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
+    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+    renderer.setSize(el.clientWidth, el.clientHeight);
+    renderer.setClearColor(0x000000, 0);
+    el.appendChild(renderer.domElement);
+
+    /* ── Scene & Camera ── */
+    const scene = new THREE.Scene();
+    const camera = new THREE.PerspectiveCamera(60, el.clientWidth / el.clientHeight, 0.1, 1000);
+    camera.position.set(0, 18, 42);
+    camera.lookAt(0, 0, 0);
+
+    /* ── Particle Grid  (80 × 60 = 4800 points) ── */
+    const COLS = 80, ROWS = 60;
+    const SPACING = 1.1;
+    const count = COLS * ROWS;
+
+    const positions = new Float32Array(count * 3);
+    const colors = new Float32Array(count * 3);
+    const phases = new Float32Array(count);
+
+    const cCyan = new THREE.Color('#008b8b');
+    const cMaroon = new THREE.Color('#800000');
+    const cWhite = new THREE.Color('#ffffff');
+
+    let idx = 0;
+    for (let r = 0; r < ROWS; r++) {
+      for (let c = 0; c < COLS; c++) {
+        const x = (c - COLS / 2) * SPACING;
+        const z = (r - ROWS / 2) * SPACING;
+        positions[idx * 3] = x;
+        positions[idx * 3 + 1] = 0;
+        positions[idx * 3 + 2] = z;
+        phases[idx] = Math.random() * Math.PI * 2;
+
+        const distFromCentre = Math.sqrt(x * x + z * z) / 30;
+        const col = distFromCentre < 0.15
+          ? cWhite.clone().lerp(cCyan, 0.4)
+          : distFromCentre > 0.8
+            ? cMaroon.clone().lerp(cCyan, 0.6)
+            : cCyan.clone();
+        colors[idx * 3] = col.r;
+        colors[idx * 3 + 1] = col.g;
+        colors[idx * 3 + 2] = col.b;
+
+        idx++;
+      }
+    }
+
+    const geometry = new THREE.BufferGeometry();
+    geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));
+    geometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));
+
+    const material = new THREE.PointsMaterial({
+      size: 0.22,
+      vertexColors: true,
+      transparent: true,
+      opacity: 0.55,
+      sizeAttenuation: true,
+    });
+
+    const points = new THREE.Points(geometry, material);
+    scene.add(points);
+
+    /* ── Mouse tilt ── */
+    let mouseX = 0, mouseY = 0;
+    const onMouse = (e) => {
+      mouseX = (e.clientX / window.innerWidth - 0.5) * 2;
+      mouseY = (e.clientY / window.innerHeight - 0.5) * 2;
+    };
+    window.addEventListener('mousemove', onMouse);
+
+    /* ── Resize ── */
+    const onResize = () => {
+      camera.aspect = el.clientWidth / el.clientHeight;
+      camera.updateProjectionMatrix();
+      renderer.setSize(el.clientWidth, el.clientHeight);
+    };
+    window.addEventListener('resize', onResize);
+
+    /* ── Animation loop ── */
+    let animId;
+    const clock = new THREE.Clock();
+
+    function animate() {
+      animId = requestAnimationFrame(animate);
+      const t = clock.getElapsedTime();
+      const pos = geometry.attributes.position;
+
+      for (let i = 0; i < count; i++) {
+        const x = pos.getX(i);
+        const z = pos.getZ(i);
+        const y =
+          Math.sin(x * 0.35 + t * 1.1 + phases[i]) * 1.4 +
+          Math.sin(z * 0.28 + t * 0.85) * 1.1 +
+          Math.sin((x + z) * 0.18 + t * 0.6) * 0.7;
+        pos.setY(i, y);
+      }
+      pos.needsUpdate = true;
+
+      camera.position.x += (mouseX * 6 - camera.position.x) * 0.03;
+      camera.position.y += (-mouseY * 4 + 18 - camera.position.y) * 0.03;
+      camera.lookAt(0, 0, 0);
+
+      points.rotation.y = t * 0.04;
+
+      renderer.render(scene, camera);
+    }
+    animate();
+
+    return () => {
+      cancelAnimationFrame(animId);
+      window.removeEventListener('mousemove', onMouse);
+      window.removeEventListener('resize', onResize);
+      renderer.dispose();
+      geometry.dispose();
+      material.dispose();
+      if (el.contains(renderer.domElement)) el.removeChild(renderer.domElement);
+    };
+  }, []);
+
+  return (
+    <div
+      ref={mountRef}
+      className="absolute inset-0 w-full h-full pointer-events-none"
+      aria-hidden
+    />
+  );
+}
+
+/* ═══════════════════════════════════════════════════════════
+   PAGE HERO COMPONENT
+═══════════════════════════════════════════════════════════ */
+export default function PageHero({
+  titleStroke = "NSEC",
+  titleFill = "PAGE",
+  statutoryLabel = "Department",
+  policyLabel = "Overview",
+  rightLabel = "Explore.Now",
+  rightContent = null,
+}) {
+  return (
+    <section className="relative w-full overflow-hidden bg-brand-blue" style={{ minHeight: '10vh' }}>
+      <ThreeBackground />
+
+      <div
+        className="absolute top-0 right-0 h-full w-[45%] pointer-events-none"
+        style={{ background: 'linear-gradient(135deg, transparent 40%, rgba(0,139,139,0.04) 100%)' }}
+      />
+
+      <div className="relative z-10 px-4 lg:px-12 flex flex-col lg:flex-row items-center justify-between gap-12 h-full" style={{ minHeight: '10vh', paddingBlock: '1rem' }}>
+        <motion.div
+          initial={{ opacity: 0, y: 24 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] }}
+          className="flex flex-col justify-center py-8"
+        >
+          {statutoryLabel && (
+            <div className="flex items-center gap-3 mb-3">
+              <div className="w-8 h-[1.5px] bg-[var(--color-brand-maroon)]" />
+              <span className="text-[8px] font-mono font-black text-[var(--color-brand-maroon)] uppercase tracking-[0.5em]">
+                {statutoryLabel}
+              </span>
+            </div>
+          )}
+
+          <div className="flex items-baseline gap-0 select-none leading-none flex-wrap">
+            {titleStroke && (
+              <span
+                className="font-heading font-black italic uppercase tracking-tighter"
+                style={{
+                  fontSize: 'clamp(3rem, 6.5vw, 7rem)',
+                  color: 'transparent',
+                  WebkitTextStroke: '2px var(--color-brand-accent)',
+                  marginRight: '0.2em'
+                }}
+              >
+                {titleStroke}
+              </span>
+            )}
+            <span className="font-heading font-black italic uppercase tracking-tighter text-white" style={{ fontSize: 'clamp(3rem, 6.5vw, 7rem)' }}>
+              {titleFill}
+            </span>
+          </div>
+
+          {policyLabel && (
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              transition={{ duration: 0.6, delay: 0.22 }}
+              className="flex items-center gap-3 mt-2.5"
+            >
+              <div className="h-[2px] w-10 bg-[var(--color-brand-accent)]" />
+              <span
+                className="font-heading font-black italic uppercase tracking-tighter text-[var(--color-brand-accent)]"
+                style={{ fontSize: 'clamp(0.9rem, 1.8vw, 1.5rem)' }}
+              >
+                {policyLabel}
+              </span>
+            </motion.div>
+          )}
+        </motion.div>
+
+        <motion.div
+          initial={{ opacity: 0, x: 20 }}
+          animate={{ opacity: 1, x: 0 }}
+          transition={{ duration: 0.8, delay: 0.18, ease: [0.16, 1, 0.3, 1] }}
+          className="flex-shrink-0 lg:w-[35%] flex flex-col gap-5 py-8"
+        >
+          {rightLabel && (
+            <div className="flex items-center gap-3">
+              <motion.div
+                initial={{ scaleX: 0 }}
+                animate={{ scaleX: 1 }}
+                transition={{ duration: 0.7, delay: 0.35, ease: [0.16, 1, 0.3, 1] }}
+                className="h-px w-8 bg-brand-maroon origin-left"
+              />
+              <span className="text-[8px] font-mono font-black text-brand-maroon uppercase tracking-[0.4em]">
+                {rightLabel}
+              </span>
+            </div>
+          )}
+
+          {rightContent && (
+            <div className="leading-snug">
+              {rightContent}
+            </div>
+          )}
+        </motion.div>
+      </div>
+
+      <div className="absolute bottom-0 left-0 right-0 h-[2px]"
+        style={{ background: 'linear-gradient(to right, transparent, var(--color-brand-accent), transparent)' }} />
+    </section>
+  );
+}
diff --git a/New/src/components/PdfPreview.jsx b/New/src/components/PdfPreview.jsx
new file mode 100644
index 0000000..4cba8a4
--- /dev/null
+++ b/New/src/components/PdfPreview.jsx
@@ -0,0 +1,75 @@
+'use client';
+
+import React from 'react';
+import { motion } from 'framer-motion';
+
+export default function PdfPreview({
+	title,
+	highlight,
+	subtitle,
+	description,
+	pdfSrc,
+	minHeightClass = 'min-h-[80vh]',
+	className = ''
+}) {
+	return (
+		<motion.section
+			initial={{ opacity: 0, y: 18 }}
+			animate={{ opacity: 1, y: 0 }}
+			transition={{ duration: 0.55, ease: 'easeOut' }}
+			className={`relative w-full overflow-hidden bg-[#020617] ${minHeightClass} ${className}`.trim()}
+		>
+			<div className="absolute inset-0 bg-brand-blue" />
+			<div
+				className="absolute inset-0"
+				style={{
+					background: `linear-gradient(120deg, rgba(2, 6, 23, 0.9), rgba(2, 6, 23, 0.8))`
+				}}
+			/>
+
+			<div className="relative z-10 mx-auto flex h-full w-full max-w-7xl flex-col lg:flex-row px-6 py-20 md:px-10 lg:px-12 gap-10">
+				<div className={`flex w-full lg:w-1/3 flex-col justify-center gap-5 items-start text-left`}>
+					{subtitle ? (
+						<p className="text-xs font-black uppercase tracking-[0.28em] text-brand-accent/90">{subtitle}</p>
+					) : null}
+
+					{title ? (
+						<h1 className="text-4xl font-black uppercase tracking-tight text-white sm:text-5xl lg:text-6xl">
+							{title}{' '}
+							{highlight ? <span className="text-brand-accent">{highlight}</span> : null}
+						</h1>
+					) : null}
+
+					{description ? (
+						<p className="max-w-2xl text-sm font-medium leading-relaxed text-white/90 sm:text-base">{description}</p>
+					) : null}
+					
+					{pdfSrc ? (
+						<a
+							href={pdfSrc}
+							target="_blank"
+							rel="noopener noreferrer"
+							className="mt-4 inline-flex w-fit items-center gap-2 border border-brand-accent bg-brand-accent px-5 py-3 text-sm font-bold uppercase tracking-wide text-white transition-colors hover:bg-brand-accent/90"
+						>
+							Open PDF in New Tab
+						</a>
+					) : null}
+				</div>
+				
+				<div className="w-full lg:w-2/3 h-[60vh] lg:h-auto min-h-[500px] flex items-center justify-center rounded-xl overflow-hidden shadow-2xl border border-white/10 bg-white/5 backdrop-blur-sm p-2">
+					{pdfSrc ? (
+						<iframe 
+							src={`${pdfSrc}#view=FitH`} 
+							className="w-full h-full rounded-lg bg-white" 
+							title={title || "PDF Document"}
+						/>
+					) : (
+						<div className="w-full h-full flex items-center justify-center bg-white/10 rounded-lg">
+							<span className="text-white/50 font-bold tracking-widest uppercase">No PDF Source Provided</span>
+						</div>
+					)}
+				</div>
+			</div>
+		</motion.section>
+	);
+}
diff --git a/New/src/components/Table.jsx b/New/src/components/Table.jsx
new file mode 100644
index 0000000..6ce88e3
--- /dev/null
+++ b/New/src/components/Table.jsx
@@ -0,0 +1,53 @@
+import React from 'react';
+
+export default function Table({ columns = [], data = [] }) {
+  return (
+    <div className="table-container overflow-x-auto">
+      <table className="table w-full border-collapse">
+        <thead className="table-head">
+          <tr className="table-head-row">
+            {columns.map((column) => (
+              <th
+                key={column.accessor}
+                className="table-head-cell border px-4 py-2 text-left"
+                scope="col"
+              >
+                {column.header}
+              </th>
+            ))}
+          </tr>
+        </thead>
+
+        <tbody className="table-body">
+          {data.map((row, rowIndex) => (
+            <tr key={row.id ?? `row-${rowIndex}`} className="table-row">
+              {columns.map((column) => (
+                <td
+                  key={`${row.id ?? rowIndex}-${column.accessor}`}
+                  className="table-cell border px-4 py-2"
+                >
+                  {row[column.accessor] ?? ''}
+                </td>
+              ))}
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+}
+
+/* Example usage
+const columns = [
+  { header: "SN", accessor: "sn" },
+  { header: "Name", accessor: "name" },
+  { header: "Position", accessor: "position" }
+];
+
+const data = [
+  { sn: 1, name: "Prof. Amal Kr. Ghosh", position: "President" },
+  { sn: 2, name: "Ms. Ina Bose", position: "Vice President" }
+];
+
+<Table columns={columns} data={data} />
+*/
diff --git a/New/src/components/hero.jsx b/New/src/components/hero.jsx
new file mode 100644
index 0000000..fbc6040
--- /dev/null
+++ b/New/src/components/hero.jsx
@@ -0,0 +1,96 @@
+'use client';
+
+import React from 'react';
+import { motion } from 'framer-motion';
+
+const MotionSection = motion.section;
+
+export default function Hero({
+	title,
+	highlight,
+	subtitle,
+	description,
+	mediaType = 'image',
+	mediaSrc,
+	mediaPoster,
+	mediaAlt = 'Hero media',
+	overlayOpacity = 0.45,
+	minHeightClass = 'min-h-[70vh]',
+	align = 'left',
+	cta,
+	children,
+	className = '',
+	contentClassName = ''
+}) {
+	const textAlignClass = align === 'center' ? 'items-center text-center' : 'items-start text-left';
+
+	return (
+		<MotionSection
+			initial={{ opacity: 0, y: 18 }}
+			animate={{ opacity: 1, y: 0 }}
+			transition={{ duration: 0.55, ease: 'easeOut' }}
+			className={`relative w-full overflow-hidden ${minHeightClass} ${className}`.trim()}
+		>
+			<div className="absolute inset-0">
+				{mediaType === 'video' && mediaSrc ? (
+					<video
+						className="h-full w-full object-cover"
+						src={mediaSrc}
+						poster={mediaPoster}
+						autoPlay
+						muted
+						loop
+						playsInline
+						preload="metadata"
+						aria-label={mediaAlt}
+					/>
+				) : mediaSrc ? (
+					<img className="h-full w-full object-cover" src={mediaSrc} alt={mediaAlt} />
+				) : (
+					<div className="h-full w-full bg-brand-blue" />
+				)}
+
+				<div
+					className="absolute inset-0"
+					style={{
+						background: `linear-gradient(120deg, rgba(2, 6, 23, ${Math.min(overlayOpacity + 0.15, 0.9)}), rgba(2, 6, 23, ${overlayOpacity}))`
+					}}
+				/>
+			</div>
+
+			<div className="relative z-10 mx-auto flex h-full w-full max-w-7xl px-6 py-20 md:px-10 lg:px-12">
+				<div className={`flex max-w-3xl flex-col justify-center gap-5 ${textAlignClass}`}>
+				<div className={`w-full ${contentClassName}`.trim()}>
+					{subtitle ? (
+						<p className="text-xs font-black uppercase tracking-[0.28em] text-brand-accent/90">{subtitle}</p>
+					) : null}
+
+					{title ? (
+						<h1 className="text-4xl font-black uppercase tracking-tight text-white sm:text-5xl lg:text-7xl">
+							{title}{' '}
+							{highlight ? <span className="text-brand-accent">{highlight}</span> : null}
+						</h1>
+					) : null}
+
+					{description ? (
+						<p className="max-w-2xl text-sm font-medium leading-relaxed text-white/90 sm:text-base">{description}</p>
+					) : null}
+
+					{cta?.label && cta?.href ? (
+						<a
+							href={cta.href}
+							target={cta.newTab ? '_blank' : '_self'}
+							rel={cta.newTab ? 'noopener noreferrer' : undefined}
+							className="mt-2 inline-flex w-fit items-center gap-2 border border-brand-accent bg-brand-accent px-5 py-3 text-sm font-bold uppercase tracking-wide text-white transition-colors hover:bg-brand-accent/90"
+						>
+							{cta.label}
+						</a>
+					) : null}
+
+					{children ? <div className="mt-2 w-full">{children}</div> : null}
+				</div>
+				</div>
+			</div>
+		</MotionSection>
+	);
+}
diff --git a/New/src/main.jsx b/New/src/main.jsx
index b9a1a6d..e14d575 100644
--- a/New/src/main.jsx
+++ b/New/src/main.jsx
@@ -6,5 +6,5 @@ import App from './App.jsx'
 createRoot(document.getElementById('root')).render(
   <StrictMode>
     <App />
-  </StrictMode>,
+  </StrictMode>
 )
diff --git a/New/src/pages/AboutPage.jsx b/New/src/pages/AboutPage.jsx
index 5574d90..1722cce 100644
--- a/New/src/pages/AboutPage.jsx
+++ b/New/src/pages/AboutPage.jsx
@@ -1,154 +1,74 @@
 import React, { useState, useEffect } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { Info, Eye, Network, Award, MessageSquare, Users, ArrowRight } from 'lucide-react';
+import { Info, Eye, Network, Award, MessageSquare, Users, ArrowRight, Download, FileText, Shield } from 'lucide-react';
+import PageHero from '../components/PageHero';
 
 const iconMap = {
   overview: Info,
-  vision: Eye,
-  org: Network,
+  'vision-mission': Eye,
+  'org-structure': Network,
   accreditation: Award,
   messages: MessageSquare,
-  committees: Users
+  committees: Users,
+  downloads: Download,
+  rti: FileText,
+  policies: Shield,
+  distinctiveness: Award
 };
 
-const tabs = [
-  { id: 'overview', label: 'Overview' },
-  { id: 'vision', label: 'Vision & Mission' },
-  { id: 'org', label: 'Org Chart' },
-  { id: 'accreditation', label: 'Accreditation' },
-  { id: 'messages', label: 'Messages' },
-  { id: 'committees', label: 'Committees' },
-];
-
 export default function AboutPage() {
-  const [activeTab, setActiveTab] = useState('overview');
+  const [activeTabId, setActiveTabId] = useState('overview');
   const [config, setConfig] = useState(null);
 
   useEffect(() => {
     fetch('/config/page-about-config.json')
       .then(res => res.json())
-      .then(data => setConfig(data))
+      .then(data => {
+        setConfig(data);
+        if (data.tabs && data.tabs.length > 0) {
+          setActiveTabId(data.tabs[0].id);
+        }
+      })
       .catch(err => console.error("Failed to load about config:", err));
   }, []);
 
   if (!config) return <div className="h-screen bg-brand-bg flex items-center justify-center text-brand-muted">Loading...</div>;
 
-  const tabContent = {
-    overview: (
-      <div className="space-y-6">
-        <h3 className="text-3xl font-bold text-brand-maroon">{config.content.overview.heading}</h3>
-        <p className="text-brand-muted leading-relaxed">
-          {config.content.overview.description}
-        </p>
-        <div className="grid grid-cols-2 gap-4 mt-8">
-          {config.content.overview.stats.map((s, i) => (
-            <div key={i} className="glass-card p-6">
-              <h4 className="text-2xl font-bold text-brand-accent">{s.value}</h4>
-              <p className="text-sm font-medium text-brand-muted">{s.label}</p>
-            </div>
-          ))}
-        </div>
-      </div>
-    ),
-    vision: (
-      <div className="space-y-8">
-        <div className="glass-card p-8 border-l-4 border-l-brand-accent">
-          <h3 className="text-2xl font-bold text-brand-maroon mb-4">Vision</h3>
-          <p className="text-brand-muted leading-relaxed">{config.content.vision.visionText}</p>
-        </div>
-        <div className="glass-card p-8 border-l-4 border-l-brand-maroon">
-          <h3 className="text-2xl font-bold text-brand-accent mb-4">Mission</h3>
-          <ul className="space-y-3 text-brand-muted list-disc ml-5 leading-relaxed">
-            {config.content.vision.missionPoints.map((pt, i) => (
-              <li key={i}>{pt}</li>
-            ))}
-          </ul>
-        </div>
-      </div>
-    ),
-    org: (
-      <div className="space-y-6">
-         <h3 className="text-3xl font-bold text-brand-maroon">Organizational Structure</h3>
-         <div className="glass-card p-12 flex items-center justify-center min-h-[400px]">
-            <p className="text-brand-muted italic">Interactive Org Chart Diagram goes here</p>
-         </div>
-      </div>
-    ),
-    accreditation: (
-      <div className="space-y-6">
-         <h3 className="text-3xl font-bold text-brand-maroon">Accreditation & Affiliation</h3>
-         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-            {config.content.accreditation.map((item, idx) => (
-               <div key={idx} className="glass-card p-8 flex flex-col items-center text-center gap-4">
-                  <Award className="w-12 h-12 text-brand-accent" />
-                  <h4 className="font-bold text-brand-maroon">{item.label}</h4>
-               </div>
-            ))}
-         </div>
-      </div>
-    ),
-    messages: (
-      <div className="space-y-8">
-         <h3 className="text-3xl font-bold text-brand-maroon">Leadership Messages</h3>
-         <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-           {config.content.messages.map((m, i) => (
-             <div key={i} className="glass-card p-8 flex flex-col h-full">
-                <h4 className="text-xl font-bold text-brand-accent mb-2">{m.title}</h4>
-                <p className="text-brand-muted leading-relaxed line-clamp-4 flex-1">"{m.excerpt}"</p>
-                <button className="text-brand-accent font-bold text-sm mt-4 w-fit inline-flex items-center gap-2 hover:translate-x-2 transition-transform">Read Full Message <ArrowRight className="w-4 h-4" /></button>
-             </div>
-           ))}
-         </div>
-      </div>
-    ),
-    committees: (
-      <div className="space-y-6">
-         <h3 className="text-3xl font-bold text-brand-maroon">Committees & Cells</h3>
-         <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
-            {config.content.committees.map((item, idx) => (
-               <div key={idx} className="glass-card px-6 py-4 flex items-center justify-between group hover:border-brand-accent transition-colors cursor-pointer">
-                  <span className="font-medium text-brand-muted group-hover:text-brand-accent transition-colors">{item}</span>
-                  <ArrowRight className="w-4 h-4 text-brand-accent/0 group-hover:text-brand-accent transition-all transform -translate-x-2 group-hover:translate-x-0" />
-               </div>
-            ))}
-         </div>
-      </div>
-    )
-  };
+  const activeTab = config.tabs.find(t => t.id === activeTabId) || config.tabs[0];
 
   return (
-    <div className="w-full min-h-screen bg-brand-bg pt-32 pb-24">
-      {/* Header section */}
-      <section className="px-6 lg:px-12 max-w-[1800px] mx-auto w-full mb-16">
-        <motion.div 
-           initial={{ opacity: 0, x: -20 }}
-           animate={{ opacity: 1, x: 0 }}
-           className="flex items-center gap-4"
-         >
-           <span className="section-label !mb-0">{config.hero.subtitle}</span>
-           <div className="h-px w-12 bg-brand-accent/20" />
-         </motion.div>
-         
-         <motion.h1 
-           initial={{ opacity: 0, y: 30 }}
-           animate={{ opacity: 1, y: 0 }}
-           className="text-6xl lg:text-8xl text-brand-maroon font-black uppercase tracking-tighter mt-4"
-         >
-           {config.hero.title} <span className="hero-serif text-brand-accent italic">{config.hero.titleHighlight}</span>
-         </motion.h1>
-      </section>
+    <div className="w-full min-h-screen bg-brand-bg pb-24">
+      {/* HERO SECTION */}
+      <PageHero 
+        titleStroke={config.title.split(' ')[0].toUpperCase()}
+        titleFill={config.title.split(' ').slice(1).join(' ').toUpperCase()}
+        statutoryLabel={config.category}
+        policyLabel={config.sidebarTitle}
+        rightLabel="About.Node"
+        rightContent={
+          <div className="space-y-4">
+            <p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+              Discover the <span className="text-brand-accent">legacy and vision</span> of Netaji Subhash Engineering College since 1998.
+            </p>
+            <div className="flex items-center gap-3 mt-4">
+               <div className="h-px w-12 bg-brand-maroon" />
+               <span className="text-[10px] font-mono text-white/40 uppercase tracking-widest">Verified Institutional Identity</span>
+            </div>
+          </div>
+        }
+      />
 
       {/* Main Content layout */}
-      <section className="px-6 lg:px-12 max-w-[1800px] mx-auto w-full grid grid-cols-1 lg:grid-cols-4 gap-12 items-start">
+      <section className="px-6 lg:px-24 py-20 max-w-[1800px] mx-auto w-full grid grid-cols-1 lg:grid-cols-4 gap-12 items-start">
         {/* Sidebar Nav */}
         <div className="lg:col-span-1 glass-card p-4 space-y-2 sticky top-[120px]">
-          {tabs.map((tab) => {
+          {config.tabs.map((tab) => {
             const Icon = iconMap[tab.id] || Info;
-            const isActive = activeTab === tab.id;
+            const isActive = activeTabId === tab.id;
             return (
               <button
                 key={tab.id}
-                onClick={() => setActiveTab(tab.id)}
+                onClick={() => setActiveTabId(tab.id)}
                 className={`w-full flex items-center gap-4 px-6 py-4 rounded-2xl text-left transition-all ${
                   isActive 
                     ? 'bg-brand-accent text-white font-bold shadow-lg shadow-brand-accent/30 translate-x-2' 
@@ -166,13 +86,63 @@ export default function AboutPage() {
         <div className="lg:col-span-3">
           <AnimatePresence mode="wait">
             <motion.div
-              key={activeTab}
+              key={activeTabId}
               initial={{ opacity: 0, y: 10 }}
               animate={{ opacity: 1, y: 0 }}
               exit={{ opacity: 0, y: -10 }}
               transition={{ duration: 0.2 }}
+              className="glass-card p-8 lg:p-12 min-h-[600px]"
             >
-              {tabContent[activeTab]}
+              <h2 className="text-3xl font-black text-brand-maroon uppercase tracking-tighter mb-8 border-b-2 border-brand-accent/20 pb-4 inline-block">
+                {activeTab.title}
+              </h2>
+              
+              <div className="space-y-8">
+                {activeTab.content.map((block, idx) => (
+                  <div key={idx} className="animate-fade-in">
+                    {block.type === 'paragraph' && (
+                      <p className="text-brand-muted leading-relaxed text-lg mb-6">{block.text}</p>
+                    )}
+                    
+                    {block.type === 'list' && (
+                      <ul className="space-y-4 mb-6">
+                        {block.items.map((item, i) => (
+                          <li key={i} className="flex items-start gap-4 group">
+                            <div className="mt-2 w-2 h-2 rounded-full bg-brand-accent shrink-0 group-hover:scale-125 transition-transform" />
+                            <span className="text-brand-muted font-medium" dangerouslySetInnerHTML={{ __html: item }} />
+                          </li>
+                        ))}
+                      </ul>
+                    )}
+
+                    {block.type === 'person' && (
+                      <div className="flex flex-col md:flex-row gap-8 items-start bg-white/50 p-8 rounded-3xl border border-white shadow-sm mb-8">
+                        <div className="w-40 h-40 rounded-2xl overflow-hidden shadow-xl shrink-0 border-4 border-white">
+                          <img src={block.image} alt={block.name} className="w-full h-full object-cover grayscale hover:grayscale-0 transition-all duration-500" />
+                        </div>
+                        <div>
+                          <h4 className="text-2xl font-bold text-brand-maroon">{block.name}</h4>
+                          <p className="text-brand-accent font-bold uppercase tracking-widest text-sm mb-4">{block.role}</p>
+                          <p className="text-brand-muted italic leading-relaxed">"{block.bio}"</p>
+                        </div>
+                      </div>
+                    )}
+
+                    {block.type === 'download' && (
+                      <a 
+                        href={block.link} 
+                        target="_blank" 
+                        rel="noreferrer" 
+                        className="inline-flex items-center gap-4 px-8 py-4 bg-brand-maroon text-white rounded-2xl hover:bg-brand-accent transition-all shadow-xl hover:-translate-y-1 group"
+                      >
+                        <Download className="w-5 h-5 group-hover:animate-bounce" />
+                        <span className="font-bold">{block.text || 'Download Document'}</span>
+                        <ArrowRight className="w-5 h-5 opacity-0 group-hover:opacity-100 -translate-x-4 group-hover:translate-x-0 transition-all" />
+                      </a>
+                    )}
+                  </div>
+                ))}
+              </div>
             </motion.div>
           </AnimatePresence>
         </div>
diff --git a/New/src/pages/Admissions.jsx b/New/src/pages/Admissions.jsx
index b96073a..1b8bbce 100644
--- a/New/src/pages/Admissions.jsx
+++ b/New/src/pages/Admissions.jsx
@@ -6,43 +6,38 @@ import {
   CheckCircle, 
   ArrowRight,
   Download,
-  ShieldCheck
+  ShieldCheck,
+  UserPlus
 } from 'lucide-react';
+import PageHero from '../components/PageHero';
 
 export default function Admissions() {
   return (
-    <div className="flex flex-col w-full min-h-screen bg-brand-bg pt-32">
-      <section className="px-6 lg:px-12 py-32 max-w-[1800px] mx-auto w-full">
-        <div className="grid grid-cols-1 lg:grid-cols-12 gap-16 items-center mb-24">
-          <div className="lg:col-span-8 space-y-8">
-            <motion.div 
-               initial={{ opacity: 0, x: -20 }}
-               animate={{ opacity: 1, x: 0 }}
-               className="flex items-center gap-4"
-             >
-               <span className="section-label !mb-0">Enrollment 2025</span>
-               <div className="h-px w-12 bg-brand-accent/20" />
-             </motion.div>
-             
-             <motion.h1 
-               initial={{ opacity: 0, y: 30 }}
-               animate={{ opacity: 1, y: 0 }}
-               className="text-7xl lg:text-9xl text-brand-maroon font-black uppercase tracking-tighter"
-             >
-               Secure your Technical <br />
-               <span className="hero-serif text-brand-accent italic">Legacy.</span>
-             </motion.h1>
-          </div>
-          
-          <div className="lg:col-span-4 space-y-8">
-             <p className="text-xl text-brand-muted font-medium leading-relaxed border-l-2 border-brand-accent pl-8">
-               Join a cohort of thinkers, makers, and innovators. Our admission process is designed to identify potential and academic excellence.
-             </p>
-             <div className="flex items-center gap-3 text-brand-accent font-bold text-sm tracking-widest uppercase">
-                <ShieldCheck className="w-5 h-5" />
-                AICTE Approved Institution
-             </div>
+    <div className="flex flex-col w-full min-h-screen bg-brand-bg pb-24">
+      {/* HERO SECTION */}
+      <PageHero 
+        titleStroke="SECURE YOUR"
+        titleFill="LEGACY"
+        statutoryLabel="Enrollment 2025"
+        policyLabel="Admissions Gateway"
+        rightLabel="Join.NSEC"
+        rightContent={
+          <div className="space-y-4">
+            <p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+              Join a cohort of <span className="text-brand-accent">thinkers and makers</span>. Our process identifies potential and academic excellence.
+            </p>
+            <div className="flex items-center gap-3 mt-6 p-4 bg-brand-accent/10 border border-brand-accent/20 rounded-2xl">
+               <ShieldCheck className="text-brand-accent" size={20} />
+               <span className="text-[10px] font-mono text-white/60 uppercase tracking-widest">AICTE Approved Path</span>
+            </div>
           </div>
+        }
+      />
+
+      <section className="px-6 lg:px-24 py-20 max-w-[1800px] mx-auto w-full">
+        <div className="flex items-center gap-3 mb-16">
+          <div className="w-12 h-[1.5px] bg-brand-accent" />
+          <span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Enrollment Protocol</span>
         </div>
 
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-32">
diff --git a/New/src/pages/AntiRagging.jsx b/New/src/pages/AntiRagging.jsx
new file mode 100644
index 0000000..0f029c4
--- /dev/null
+++ b/New/src/pages/AntiRagging.jsx
@@ -0,0 +1,422 @@
+import React, { useEffect, useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Shield, AlertTriangle, ChevronRight, Eye, Download, ExternalLink, Phone, ArrowUpRight } from 'lucide-react';
+import { cn } from '../utils/cn';
+import PageHero from '../components/PageHero';
+
+/* ═══════════════════════════════════════════════════════════
+   THREE.JS  —  RIPPLE WAVE PARTICLE FIELD
+   A 3D grid of 4,800 points that ripple like a living ocean.
+   Completely unique — never seen on any Indian institution site.
+═══════════════════════════════════════════════════════════ */
+
+
+/* ═══════════════════════════════════════════════════════════
+   POLICY LIST ITEM
+   A clean, professional document-style list item.
+ ═══════════════════════════════════════════════════════════ */
+function PolicyListItem({ index, text, variant }) {
+  const isCyan = variant === 'cyan';
+
+  return (
+    <motion.div
+      initial={{ opacity: 0, x: -20 }}
+      whileInView={{ opacity: 1, x: 0 }}
+      viewport={{ once: true }}
+      transition={{ duration: 0.5, delay: index * 0.05 }}
+      className="flex gap-6 py-6 border-b border-brand-blue/5 group"
+    >
+      <div className="shrink-0 flex flex-col items-center gap-2 pt-1">
+        <span className={`font-mono text-[11px] font-black w-8 h-8 flex items-center justify-center rounded-full border ${isCyan ? 'border-brand-accent/20 text-brand-accent bg-brand-accent/5' : 'border-brand-maroon/20 text-brand-maroon bg-brand-maroon/5'}`}>
+          {String(index + 1).padStart(2, '0')}
+        </span>
+        <div className={`w-[2px] flex-1 ${isCyan ? 'bg-brand-accent/10' : 'bg-brand-maroon/10'} group-hover:h-full transition-all duration-700`} />
+      </div>
+      <div className="flex-1">
+        <p className="text-[15px] font-body font-medium text-slate-700 leading-relaxed group-hover:text-brand-blue transition-colors">
+          {text}
+        </p>
+      </div>
+    </motion.div>
+  );
+}
+
+
+
+/* ═══════════════════════════════════════════════════════════
+   HERO BANNER  — ultra-thin, one-line ANTI-RAGGING
+═══════════════════════════════════════════════════════════ */
+
+
+/* ═══════════════════════════════════════════════════════════
+   MAIN PAGE
+═══════════════════════════════════════════════════════════ */
+export default function AntiRagging() {
+  const [config, setConfig] = useState(null);
+  const [currentSentenceIdx, setCurrentSentenceIdx] = useState(0);
+  const PDF_SRC = '/assets/pdfs/Anti-Ragging-Committee-NSEC-2024-2025.pdf';
+
+  const carouselPhrases = [
+    { main: "STRICT ZERO TOLERANCE", highlight: "AGAINST RAGGING" },
+    { main: "REPORT ANY INCIDENT", highlight: "WITHOUT FEAR" },
+    { main: "ENSURING A SECURE", highlight: "CAMPUS ENVIRONMENT" }
+  ];
+
+  useEffect(() => {
+    const timer = setInterval(() => {
+      setCurrentSentenceIdx((prev) => (prev + 1) % carouselPhrases.length);
+    }, 4000);
+    return () => clearInterval(timer);
+  }, [carouselPhrases.length]);
+
+  useEffect(() => {
+    fetch('/config/page-antiragging-config.json')
+      .then(r => r.json())
+      .then(setConfig)
+      .catch(err => console.error('Failed to load Anti-Ragging config:', err));
+  }, []);
+
+  if (!config) {
+    return (
+      <div className="min-h-screen flex items-center justify-center bg-brand-bg">
+        <div className="flex flex-col items-center gap-4">
+          <div className="w-10 h-10 border-2 border-brand-accent border-t-transparent rounded-full animate-spin" />
+          <span className="font-mono text-xs text-brand-muted uppercase tracking-widest">Loading...</span>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-brand-bg">
+
+      {/* ── 01. HERO ── */}
+      <PageHero
+        titleStroke="ANTI-"
+        titleFill="RAGGING"
+        statutoryLabel="Statutory Committee"
+        policyLabel="POLICY"
+        rightLabel="Zero.Tolerance.Policy"
+        rightContent={
+          <div className="leading-snug">
+            {/* Line 1 */}
+            <div className="flex flex-wrap gap-x-[0.35em] gap-y-1 mb-1">
+              {['Ragging', 'in', 'any', 'form', 'is', 'a'].map((word, i) => (
+                <motion.span
+                  key={i}
+                  initial={{ opacity: 0, y: 12 }}
+                  animate={{ opacity: 1, y: 0 }}
+                  transition={{ duration: 0.5, delay: 0.4 + i * 0.07, ease: [0.16, 1, 0.3, 1] }}
+                  className="text-white/70 text-[15px] font-body font-medium"
+                >
+                  {word}
+                </motion.span>
+              ))}
+
+              {/* Glowing keyword — "punishable offence" */}
+              <motion.span
+                initial={{ opacity: 0, scale: 0.85 }}
+                animate={{ opacity: 1, scale: 1 }}
+                transition={{ duration: 0.6, delay: 0.86, ease: [0.16, 1, 0.3, 1] }}
+                className="relative inline-block"
+              >
+                <span
+                  className="text-[17px] font-heading font-black italic uppercase tracking-tighter text-[var(--color-brand-accent)]"
+                  style={{ textShadow: '0 0 25px var(--color-brand-accent), 0 0 50px rgba(0,139,139,0.5)' }}
+                >
+                  punishable offence
+                </span>
+                {/* animated underline */}
+                <motion.span
+                  initial={{ scaleX: 0 }}
+                  animate={{ scaleX: 1 }}
+                  transition={{ duration: 0.5, delay: 1.1, ease: [0.16, 1, 0.3, 1] }}
+                  className="absolute bottom-0 left-0 right-0 h-[1.5px] bg-brand-accent origin-left block"
+                  style={{ boxShadow: '0 0 8px rgba(0,139,139,0.8)' }}
+                />
+              </motion.span>
+            </div>
+
+            {/* Line 2 */}
+            <div className="flex flex-wrap gap-x-[0.35em] gap-y-1 mb-1">
+              {['under', 'UGC', 'regulations', 'and', 'Indian', 'law.'].map((word, i) => (
+                <motion.span
+                  key={i}
+                  initial={{ opacity: 0, y: 12 }}
+                  animate={{ opacity: 1, y: 0 }}
+                  transition={{ duration: 0.5, delay: 1.0 + i * 0.06, ease: [0.16, 1, 0.3, 1] }}
+                  className="text-white/70 text-[15px] font-body font-medium"
+                >
+                  {word}
+                </motion.span>
+              ))}
+            </div>
+
+            {/* Line 3 — softer */}
+            <div className="flex flex-wrap gap-x-[0.35em] gap-y-1 mb-6 mt-2">
+              {['Every', 'student', 'deserves', 'a', 'safe', 'and', 'dignified', 'campus', 'experience.'].map((word, i) => (
+                <motion.span
+                  key={i}
+                  initial={{ opacity: 0, y: 12 }}
+                  animate={{ opacity: 1, y: 0 }}
+                  transition={{ duration: 0.5, delay: 1.36 + i * 0.05, ease: [0.16, 1, 0.3, 1] }}
+                  className="text-white/45 text-[13px] font-body"
+                >
+                  {word}
+                </motion.span>
+              ))}
+            </div>
+
+            {/* Carousel */}
+            <motion.div 
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              transition={{ duration: 0.5, delay: 1.8 }}
+              className="h-8 relative w-full mt-2"
+            >
+              <AnimatePresence mode="wait">
+                <motion.div
+                  key={currentSentenceIdx}
+                  initial={{ opacity: 0, y: 10, filter: 'blur(4px)' }}
+                  animate={{ opacity: 1, y: 0, filter: 'blur(0px)' }}
+                  exit={{ opacity: 0, y: -10, filter: 'blur(4px)' }}
+                  transition={{ duration: 0.8, ease: "easeInOut" }}
+                  className="absolute inset-0 flex items-center flex-wrap gap-2"
+                >
+                  <span
+                    className="font-heading font-black italic uppercase tracking-tighter text-white"
+                    style={{ fontSize: 'clamp(0.9rem, 1.8vw, 1.5rem)' }}
+                  >
+                    {carouselPhrases[currentSentenceIdx].main}
+                  </span>
+                  <span
+                    className="font-heading font-black italic uppercase tracking-tighter text-[var(--color-brand-accent)]"
+                    style={{ fontSize: 'clamp(0.9rem, 1.8vw, 1.5rem)' }}
+                  >
+                    {carouselPhrases[currentSentenceIdx].highlight}
+                  </span>
+                </motion.div>
+              </AnimatePresence>
+            </motion.div>
+          </div>
+        }
+      />
+
+      {/* ── 02. GUIDELINES CONTENT ── */}
+      <section className="relative py-10 px-8 lg:px-24 bg-brand-bg">
+
+        {/* Section 01: What Constitutes Ragging */}
+        <div className="mb-24">
+          <div className="flex flex-col lg:flex-row justify-between items-end mb-12 gap-8">
+            <div className="space-y-4">
+
+              <h2 className="text-4xl lg:text-6xl leading-[0.8] tracking-tighter text-[var(--color-brand-blue)] uppercase italic font-black">
+                What Constitutes.
+              </h2>
+            </div>
+            <div className="lg:max-w-md text-right border-r-4 border-[var(--color-brand-accent)] pr-8 mb-2">
+              <p className="font-mono text-xs font-bold uppercase text-[var(--color-brand-accent)] italic">
+                "Defining the boundaries of student conduct."
+              </p>
+            </div>
+          </div>
+
+          <div className="max-w-4xl mx-auto">
+            {(config.what_constitutes_ragging || []).map((item, i) => (
+              <PolicyListItem key={i} index={i} text={item} variant="cyan" />
+            ))}
+          </div>
+        </div>
+
+        {/* Section 02: Punishments */}
+        <div>
+          <div className="flex flex-col lg:flex-row justify-between items-end mb-12 gap-8">
+            <div className="space-y-4">
+
+              <h2 className="text-4xl lg:text-6xl leading-[0.8] tracking-tighter text-[var(--color-brand-maroon)] uppercase italic font-black">
+                Punishments.
+              </h2>
+            </div>
+            <div className="lg:max-w-md text-right border-r-4 border-[var(--color-brand-maroon)] pr-8 mb-2">
+              <p className="font-mono text-xs font-bold uppercase text-[var(--color-brand-maroon)] italic">
+                "Actions to be taken for abetting in ragging."
+              </p>
+            </div>
+          </div>
+
+          <div className="max-w-4xl mx-auto">
+            {(config.punishments || []).map((item, i) => (
+              <PolicyListItem key={i} index={i} text={item} variant="maroon" />
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* ── 03. REPORT & HELPLINE ── */}
+      <section className="relative py-10 px-8 lg:px-24 bg-white">
+        <div className="flex flex-col lg:flex-row justify-between items-end mb-12 gap-8">
+          <div className="space-y-4">
+            <h2 className="text-4xl lg:text-6xl leading-[0.8] tracking-tighter text-[var(--color-brand-blue)] uppercase italic font-black">
+              How to Report.
+            </h2>
+          </div>
+          <div className="lg:max-w-md text-right border-r-4 border-[var(--color-brand-maroon)] pr-8 mb-2">
+            <p className="font-mono text-xs font-bold uppercase text-[var(--color-brand-accent)] italic">
+              "Emergency nodes for immediate assistance."
+            </p>
+          </div>
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mt-12">
+          {/* Phone Helpline Card */}
+          <motion.a
+            href="tel:1800-180-5522"
+            initial={{ opacity: 0, x: -20 }}
+            whileInView={{ opacity: 1, x: 0 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.6 }}
+            className="group relative p-10 bg-white border border-brand-blue/10 flex flex-col gap-6
+                       hover:border-brand-accent/60 hover:shadow-[12px_12px_0px_rgba(0,139,139,0.05)]
+                       transition-all duration-500 overflow-hidden"
+          >
+            {/* Background accent */}
+            <div className="absolute top-0 right-0 w-24 h-24 bg-brand-accent/5 rounded-full -mr-12 -mt-12 transition-all duration-700 group-hover:scale-150 group-hover:bg-brand-accent/10" />
+
+            <div className="flex items-center justify-between">
+              <div className="w-14 h-14 bg-brand-blue flex items-center justify-center text-brand-accent group-hover:bg-brand-accent group-hover:text-white transition-all duration-500 shadow-sm">
+                <Phone size={24} />
+              </div>
+              <span className="text-[10px] font-mono font-black text-brand-accent/40 uppercase tracking-[0.3em]">24/7 Toll-Free</span>
+            </div>
+
+            <div>
+              <h4 className="text-2xl font-heading font-black italic uppercase tracking-tighter text-brand-blue mb-2">UGC National Helpline</h4>
+              <p className="text-4xl font-mono font-black text-brand-blue/90 group-hover:text-brand-accent transition-colors duration-300">1800‑180‑5522</p>
+            </div>
+
+            <div className="mt-auto pt-6 border-t border-brand-blue/5 flex items-center justify-between">
+              <span className="text-[9px] font-mono font-bold text-slate-400 uppercase tracking-widest italic">Confidential Audio Channel</span>
+              <div className="flex items-center gap-2 text-brand-accent font-mono font-black text-[10px] uppercase tracking-widest translate-x-4 opacity-0 group-hover:translate-x-0 group-hover:opacity-100 transition-all duration-500">
+                Call Now <ChevronRight size={14} />
+              </div>
+            </div>
+          </motion.a>
+
+          {/* Website Portal Card */}
+          <motion.a
+            href="https://antiragging.in"
+            target="_blank"
+            rel="noopener noreferrer"
+            initial={{ opacity: 0, x: 20 }}
+            whileInView={{ opacity: 1, x: 0 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.6, delay: 0.1 }}
+            className="group relative p-10 bg-white border border-brand-blue/10 flex flex-col gap-6
+                       hover:border-brand-maroon/40 hover:shadow-[12px_12px_0px_rgba(128,0,0,0.05)]
+                       transition-all duration-500 overflow-hidden"
+          >
+            {/* Background accent */}
+            <div className="absolute top-0 right-0 w-24 h-24 bg-brand-maroon/5 rounded-full -mr-12 -mt-12 transition-all duration-700 group-hover:scale-150 group-hover:bg-brand-maroon/10" />
+
+            <div className="flex items-center justify-between">
+              <div className="w-14 h-14 bg-brand-blue flex items-center justify-center text-white group-hover:bg-brand-maroon transition-all duration-500 shadow-sm">
+                <ExternalLink size={24} />
+              </div>
+              <span className="text-[10px] font-mono font-black text-brand-maroon/40 uppercase tracking-[0.3em]">Online Portal</span>
+            </div>
+
+            <div>
+              <h4 className="text-2xl font-heading font-black italic uppercase tracking-tighter text-brand-blue mb-2">Anti-Ragging Web Portal</h4>
+              <p className="text-3xl font-mono font-black text-brand-blue/90 group-hover:text-brand-maroon transition-colors duration-300 tracking-tighter">antiragging.in</p>
+            </div>
+
+            <div className="mt-auto pt-6 border-t border-brand-blue/5 flex items-center justify-between">
+              <span className="text-[9px] font-mono font-bold text-slate-400 uppercase tracking-widest italic">Direct Digital Complaint</span>
+              <div className="flex items-center gap-2 text-brand-maroon font-mono font-black text-[10px] uppercase tracking-widest translate-x-4 opacity-0 group-hover:translate-x-0 group-hover:opacity-100 transition-all duration-500">
+                Open Portal <ChevronRight size={14} />
+              </div>
+            </div>
+          </motion.a>
+        </div>
+      </section>
+
+      {/* ── 04. PDF PREVIEW ── */}
+      <section className="py-10 px-8 lg:px-24 bg-brand-bg">
+        <div className="flex flex-col lg:flex-row justify-between items-end mb-12 gap-8">
+          <div className="space-y-4">
+            <h2 className="text-4xl lg:text-6xl leading-[0.8] tracking-tighter text-[var(--color-brand-maroon)] uppercase italic font-black">
+              Committee (ARC).
+            </h2>
+          </div>
+          <div className="lg:max-w-md text-right border-r-4 border-[var(--color-brand-blue)] pr-8 mb-2">
+            <p className="font-mono text-xs font-bold uppercase text-[var(--color-brand-accent)] italic">
+              "Official Anti-Ragging Committee (ARC) // 2024-2025"
+            </p>
+          </div>
+        </div>
+
+        <motion.div
+          initial={{ opacity: 0, y: 30 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          viewport={{ once: true }}
+          transition={{ duration: 0.7 }}
+        >
+          {/* Browser chrome bar */}
+          <div className="flex items-center justify-between px-5 py-3.5 bg-brand-blue border-b border-brand-accent/20">
+            <div className="flex items-center gap-4">
+              <div className="flex gap-1.5">
+                {['bg-red-500', 'bg-yellow-500', 'bg-green-400'].map((c, i) => (
+                  <div key={i} className={`w-2.5 h-2.5 rounded-full ${c} opacity-75`} />
+                ))}
+              </div>
+              <span className="text-[10px] font-mono text-white/35 uppercase tracking-widest hidden sm:block">
+                Anti-Ragging-Committee-NSEC-2024-2025.pdf
+              </span>
+            </div>
+            <div className="flex items-center gap-2">
+              <a
+                href={PDF_SRC}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-flex items-center gap-1.5 px-3.5 py-1.5 bg-brand-accent text-white
+                           font-mono font-black text-[10px] uppercase tracking-[0.18em]
+                           hover:bg-white hover:text-brand-accent transition-all duration-300"
+              >
+                <Eye size={11} /> View
+              </a>
+              <a
+                href={PDF_SRC}
+                download
+                className="inline-flex items-center gap-1.5 px-3.5 py-1.5 bg-brand-maroon text-white
+                           font-mono font-black text-[10px] uppercase tracking-[0.18em]
+                           hover:bg-white hover:text-brand-maroon transition-all duration-300 shadow-lg"
+              >
+                <Download size={11} /> Download
+              </a>
+            </div>
+          </div>
+
+          {/* iFrame */}
+          <div className="w-full h-[78vh] border border-brand-blue/15 border-t-0">
+            <iframe
+              src={`${PDF_SRC}#view=FitH`}
+              className="w-full h-full bg-white"
+              title="Anti-Ragging Committee NSEC 2024-2025"
+            />
+          </div>
+
+          {/* Footer bar */}
+          <div className="flex items-center justify-between px-5 py-2.5 bg-brand-bg border border-brand-blue/10 border-t-0">
+            <span className="text-[9px] font-mono text-brand-muted uppercase tracking-widest">
+              Netaji Subhash Engineering College
+            </span>
+            <span className="text-[9px] font-mono text-brand-accent uppercase tracking-widest">
+              Statutory Document // 2024-2025
+            </span>
+          </div>
+        </motion.div>
+      </section>
+
+    </div>
+  );
+}
diff --git a/New/src/pages/DeptPage.jsx b/New/src/pages/DeptPage.jsx
index 0902cc8..792bbea 100644
--- a/New/src/pages/DeptPage.jsx
+++ b/New/src/pages/DeptPage.jsx
@@ -1,7 +1,8 @@
 import React, { useState, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
-import { motion } from 'framer-motion';
-import { Book, Users, Image as ImageIcon, TrendingUp, ChevronDown, Award } from 'lucide-react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Book, Users, Image as ImageIcon, TrendingUp, ChevronDown, Award, Mail, Globe } from 'lucide-react';
+import PageHero from '../components/PageHero';
 
 export default function DeptPage() {
   const { deptId } = useParams();
@@ -9,8 +10,6 @@ export default function DeptPage() {
   const [config, setConfig] = useState(null);
 
   useEffect(() => {
-    // Determine which config to fetch based on URL param
-    // Fallback to aeie if route matches /departments but no param (though router handles this)
     const targetDept = deptId ? deptId.toLowerCase() : 'aeie';
     
     fetch(`/config/department-${targetDept}-config.json`)
@@ -18,7 +17,6 @@ export default function DeptPage() {
       .then(data => setConfig(data))
       .catch(err => {
         console.error(`Failed to load config for ${targetDept}:`, err);
-        // Fallback or error state could be handled here
       });
   }, [deptId]);
 
@@ -27,142 +25,163 @@ export default function DeptPage() {
   const { department: deptData } = config;
 
   return (
-    <div className="w-full min-h-screen bg-brand-bg pt-32 pb-24">
-      {/* Hero Section */}
-      <section className="px-6 lg:px-12 max-w-[1800px] mx-auto w-full mb-16">
-        <motion.div 
-           initial={{ opacity: 0, x: -20 }}
-           animate={{ opacity: 1, x: 0 }}
-           className="flex items-center gap-4 mb-4"
-         >
-           <span className="section-label !mb-0">Department of</span>
-           <div className="h-px w-12 bg-brand-accent/20" />
-         </motion.div>
-         
-         <motion.h1 
-           initial={{ opacity: 0, y: 30 }}
-           animate={{ opacity: 1, y: 0 }}
-           className="text-4xl lg:text-7xl text-brand-maroon font-black uppercase tracking-tighter"
-         >
-           {deptData.name}
-         </motion.h1>
-         <motion.p
-           initial={{ opacity: 0 }}
-           animate={{ opacity: 1 }}
-           transition={{ delay: 0.2 }}
-           className="mt-6 text-xl text-brand-muted max-w-4xl leading-relaxed"
-         >
-           {deptData.description}
-         </motion.p>
-      </section>
+    <div className="w-full min-h-screen bg-brand-bg pb-24">
+      {/* HERO SECTION */}
+      <PageHero 
+        titleStroke="DEPT."
+        titleFill={deptData.code.toUpperCase()}
+        statutoryLabel="Department of"
+        policyLabel={deptData.name}
+        rightLabel="Academic.Node"
+        rightContent={
+          <div className="space-y-4">
+            <p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+              Advancing <span className="text-brand-accent">technological frontiers</span> through specialized education in {deptData.name}.
+            </p>
+            <div className="flex items-center gap-4 mt-6 p-4 bg-white/5 border border-white/10 rounded-2xl group cursor-pointer hover:bg-brand-accent/10 hover:border-brand-accent transition-all">
+               <div className="p-2 bg-brand-accent/20 rounded-lg text-brand-accent group-hover:bg-brand-accent group-hover:text-white transition-colors">
+                  <Globe size={20} />
+               </div>
+               <span className="text-[11px] font-mono font-black text-white/60 uppercase tracking-widest">Dept.Code: {deptData.code}</span>
+            </div>
+          </div>
+        }
+      />
 
-      {/* Stats row */}
-      <section className="px-6 lg:px-12 max-w-[1800px] mx-auto w-full grid grid-cols-2 md:grid-cols-4 gap-6 mb-20">
-        <div className="glass-card p-6 flex flex-col items-center justify-center text-center">
-            <Users className="w-8 h-8 text-brand-accent mb-4" />
-            <h3 className="text-3xl font-bold text-white mb-1">{deptData.stats.students}</h3>
-            <p className="text-sm font-medium text-brand-muted uppercase tracking-wider">Students</p>
-        </div>
-        <div className="glass-card p-6 flex flex-col items-center justify-center text-center">
-            <Award className="w-8 h-8 text-brand-accent mb-4" />
-            <h3 className="text-3xl font-bold text-white mb-1">{deptData.stats.faculty}</h3>
-            <p className="text-sm font-medium text-brand-muted uppercase tracking-wider">Faculty</p>
-        </div>
-        <div className="glass-card p-6 flex flex-col items-center justify-center text-center">
-            <ImageIcon className="w-8 h-8 text-brand-accent mb-4" />
-            <h3 className="text-3xl font-bold text-white mb-1">{deptData.stats.labs}</h3>
-            <p className="text-sm font-medium text-brand-muted uppercase tracking-wider">Laboratories</p>
-        </div>
-        <div className="glass-card p-6 flex flex-col items-center justify-center text-center">
-            <TrendingUp className="w-8 h-8 text-brand-accent mb-4" />
-            <h3 className="text-3xl font-bold text-white mb-1">{deptData.stats.placementRate}</h3>
-            <p className="text-sm font-medium text-brand-muted uppercase tracking-wider">Placement</p>
+      <section className="px-6 lg:px-24 py-20 max-w-[1800px] mx-auto w-full">
+        <div className="flex items-center gap-3 mb-16">
+          <div className="w-12 h-[1.5px] bg-brand-accent" />
+          <span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Departmental Overview</span>
         </div>
-      </section>
 
-      <section className="px-6 lg:px-12 max-w-[1800px] mx-auto w-full grid grid-cols-1 lg:grid-cols-12 gap-12">
-        <div className="lg:col-span-8 space-y-16">
-          {/* Faculty Table */}
-          <div>
-             <h2 className="text-3xl font-bold text-brand-maroon mb-6 flex items-center gap-3">
-               <Users className="text-brand-accent" /> Faculty Members
-             </h2>
-             <div className="glass-card overflow-hidden">
-                <table className="w-full text-left">
-                   <thead className="bg-white/5 border-b border-white/10">
-                      <tr>
-                         <th className="p-4 text-brand-accent font-semibold tracking-wide">Name</th>
-                         <th className="p-4 text-brand-accent font-semibold tracking-wide">Designation</th>
-                         <th className="p-4 text-brand-accent font-semibold tracking-wide">Qualification</th>
-                      </tr>
-                   </thead>
-                   <tbody>
-                      {deptData.faculty.map((member) => (
-                         <tr key={member.id} className="border-b border-white/5 hover:bg-white/5 transition-colors">
-                            <td className="p-4 text-white font-medium">{member.name}</td>
-                            <td className="p-4 text-brand-muted">{member.designation}</td>
-                            <td className="p-4 text-brand-muted">{member.qualification}</td>
+        <div className="grid grid-cols-1 lg:grid-cols-12 gap-12 items-start">
+          {/* Left Column: Info & Stats */}
+          <div className="lg:col-span-8 space-y-16">
+             <div className="glass-card p-12">
+                <h2 className="text-3xl font-black text-brand-maroon uppercase tracking-tighter mb-6">About the Department</h2>
+                <p className="text-xl text-brand-muted leading-relaxed font-medium">{deptData.description}</p>
+                
+                <div className="grid grid-cols-2 md:grid-cols-4 gap-6 mt-12">
+                  {[
+                    { label: 'Students', value: deptData.stats.students, icon: Users },
+                    { label: 'Faculty', value: deptData.stats.faculty, icon: Award },
+                    { label: 'Laboratories', value: deptData.stats.labs, icon: ImageIcon },
+                    { label: 'Placement', value: deptData.stats.placementRate, icon: TrendingUp }
+                  ].map((stat, i) => (
+                    <div key={i} className="bg-white/50 p-6 rounded-2xl border border-white flex flex-col items-center text-center group hover:-translate-y-1 transition-all">
+                      <stat.icon className="w-6 h-6 text-brand-accent mb-3" />
+                      <span className="text-2xl font-bold text-brand-maroon">{stat.value}</span>
+                      <span className="text-[10px] font-mono text-brand-muted uppercase tracking-widest mt-1">{stat.label}</span>
+                    </div>
+                  ))}
+                </div>
+             </div>
+
+             {/* Faculty Table */}
+             <div className="glass-card p-12 overflow-hidden">
+                <h2 className="text-3xl font-black text-brand-maroon uppercase tracking-tighter mb-8 flex items-center gap-4">
+                  <Users className="text-brand-accent" /> Faculty Panel
+                </h2>
+                <div className="overflow-x-auto">
+                   <table className="w-full text-left">
+                      <thead>
+                         <tr className="border-b-2 border-brand-accent/20">
+                            <th className="pb-4 text-brand-accent font-black text-xs uppercase tracking-widest">Name</th>
+                            <th className="pb-4 text-brand-accent font-black text-xs uppercase tracking-widest">Designation</th>
+                            <th className="pb-4 text-brand-accent font-black text-xs uppercase tracking-widest">Qualification</th>
                          </tr>
-                      ))}
-                   </tbody>
-                </table>
+                      </thead>
+                      <tbody className="divide-y divide-brand-accent/5">
+                         {deptData.faculty.map((member) => (
+                            <tr key={member.id} className="hover:bg-brand-accent/5 transition-colors group">
+                               <td className="py-6 pr-4 text-brand-maroon font-bold text-lg group-hover:pl-2 transition-all">{member.name}</td>
+                               <td className="py-6 px-4 text-brand-muted font-medium uppercase text-xs tracking-wider">{member.designation}</td>
+                               <td className="py-6 pl-4 text-brand-muted font-medium">{member.qualification}</td>
+                            </tr>
+                         ))}
+                      </tbody>
+                   </table>
+                </div>
              </div>
-          </div>
 
-          {/* Curriculum Accordion */}
-          <div>
-            <h2 className="text-3xl font-bold text-brand-maroon mb-6 flex items-center gap-3">
-               <Book className="text-brand-accent" /> Curriculum Overview
-             </h2>
-             <div className="space-y-4">
-                {deptData.curriculum.map((sem, idx) => (
-                   <div key={idx} className="glass-card overflow-hidden">
-                      <button 
-                         className="w-full p-6 text-left flex justify-between items-center text-lg font-bold text-white hover:text-brand-accent transition-colors"
-                         onClick={() => setOpenSem(openSem === idx ? null : idx)}
-                      >
-                         {sem.sem}
-                         <ChevronDown className={`transform transition-transform ${openSem === idx ? 'rotate-180 text-brand-accent' : 'text-brand-muted'}`} />
-                      </button>
-                      
-                      {openSem === idx && (
-                         <div className="px-6 pb-6 pt-2 border-t border-white/10">
-                            <ul className="list-disc ml-6 space-y-2 text-brand-muted font-medium mt-4">
-                               {sem.subjects.map((sub, sidx) => (
-                                  <li key={sidx}>{sub}</li>
-                               ))}
-                            </ul>
-                         </div>
-                      )}
-                   </div>
-                ))}
+             {/* Curriculum */}
+             <div className="space-y-8">
+                <h2 className="text-3xl font-black text-brand-maroon uppercase tracking-tighter flex items-center gap-4">
+                  <Book className="text-brand-accent" /> Curriculum Node
+                </h2>
+                <div className="space-y-4">
+                   {deptData.curriculum.map((sem, idx) => (
+                      <div key={idx} className="glass-card overflow-hidden">
+                         <button 
+                            className="w-full p-8 text-left flex justify-between items-center group"
+                            onClick={() => setOpenSem(openSem === idx ? null : idx)}
+                         >
+                            <span className={`text-xl font-bold transition-colors ${openSem === idx ? 'text-brand-accent' : 'text-brand-maroon'}`}>{sem.sem}</span>
+                            <div className={`p-2 rounded-full transition-all ${openSem === idx ? 'bg-brand-accent text-white rotate-180' : 'bg-brand-accent/10 text-brand-accent'}`}>
+                               <ChevronDown className="w-5 h-5" />
+                            </div>
+                         </button>
+                         <AnimatePresence>
+                           {openSem === idx && (
+                              <motion.div 
+                                 initial={{ height: 0, opacity: 0 }}
+                                 animate={{ height: 'auto', opacity: 1 }}
+                                 exit={{ height: 0, opacity: 0 }}
+                                 className="px-8 pb-8 pt-0"
+                              >
+                                 <div className="h-px w-full bg-brand-accent/10 mb-6" />
+                                 <ul className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                    {sem.subjects.map((sub, sidx) => (
+                                       <li key={sidx} className="flex items-center gap-3 p-4 bg-white rounded-xl border border-brand-accent/5">
+                                          <div className="w-1.5 h-1.5 rounded-full bg-brand-accent" />
+                                          <span className="text-brand-muted font-medium">{sub}</span>
+                                       </li>
+                                    ))}
+                                 </ul>
+                              </motion.div>
+                           )}
+                         </AnimatePresence>
+                      </div>
+                   ))}
+                </div>
              </div>
           </div>
-        </div>
 
-        <div className="lg:col-span-4 space-y-12">
-           {/* Labs Gallery snippet */}
-           <div>
-              <h2 className="text-2xl font-bold text-brand-maroon mb-6 flex items-center gap-3">
-               <ImageIcon className="text-brand-accent w-6 h-6" /> Lab Facilities
-              </h2>
-              <div className="grid grid-cols-2 gap-4">
-                 {deptData.labs.map((item, i) => (
-                    <div key={i} className="aspect-square bg-white/5 rounded-2xl flex items-center justify-center border border-white/10 hover:border-brand-accent/50 transition-colors overflow-hidden relative group p-4 text-center">
-                        <div className="absolute inset-0 bg-brand-maroon/20 group-hover:bg-transparent transition-colors z-10" />
-                        <span className="text-white/60 z-20 font-bold tracking-widest text-xs">{item.name}</span>
-                    </div>
-                 ))}
-              </div>
-           </div>
+          {/* Right Column: Labs & Contact */}
+          <div className="lg:col-span-4 space-y-8">
+             <div className="glass-card p-8">
+                <h2 className="text-2xl font-black text-brand-maroon uppercase tracking-tighter mb-6 flex items-center gap-3">
+                  <ImageIcon className="text-brand-accent w-6 h-6" /> Lab Units
+                </h2>
+                <div className="grid grid-cols-1 gap-4">
+                   {deptData.labs.map((item, i) => (
+                      <div key={i} className="p-6 bg-white/50 rounded-2xl border border-white hover:border-brand-accent transition-all group flex items-center gap-4">
+                          <div className="w-12 h-12 bg-brand-accent/10 rounded-xl flex items-center justify-center text-brand-accent group-hover:bg-brand-accent group-hover:text-white transition-all">
+                             <span className="font-mono text-xs font-black">{String(i+1).padStart(2, '0')}</span>
+                          </div>
+                          <span className="text-brand-maroon font-bold uppercase tracking-widest text-[10px]">{item.name}</span>
+                      </div>
+                   ))}
+                </div>
+             </div>
 
-           {/* Quick Contact */}
-           <div className="glass-card p-8 border-t-4 border-brand-accent">
-              <h3 className="text-xl font-bold text-white mb-4">Department Contact</h3>
-              <p className="text-brand-muted mb-2 font-medium">Head of Department</p>
-              <p className="text-white font-bold">{deptData.contact.head}</p>
-              <p className="text-brand-muted mt-4 text-sm break-words">{deptData.contact.email}</p>
-           </div>
+             <div className="glass-card p-8 bg-brand-maroon text-white border-none shadow-2xl relative overflow-hidden group">
+                <div className="absolute top-0 right-0 w-32 h-32 bg-white/5 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2" />
+                <h3 className="text-xl font-black uppercase tracking-widest mb-6 flex items-center gap-3 relative z-10">
+                   <Mail className="w-5 h-5 text-brand-accent" /> Contact Node
+                </h3>
+                <div className="space-y-6 relative z-10">
+                   <div>
+                      <p className="text-white/50 text-[10px] font-mono uppercase tracking-widest mb-1">Head of Department</p>
+                      <p className="text-2xl font-bold">{deptData.contact.head}</p>
+                   </div>
+                   <div className="h-px w-full bg-white/10" />
+                   <a href={`mailto:${deptData.contact.email}`} className="text-brand-accent font-mono text-sm font-bold block hover:underline truncate">
+                      {deptData.contact.email}
+                   </a>
+                </div>
+             </div>
+          </div>
         </div>
       </section>
     </div>
diff --git a/New/src/pages/GalleryPage.jsx b/New/src/pages/GalleryPage.jsx
index 611dd36..5a351b3 100644
--- a/New/src/pages/GalleryPage.jsx
+++ b/New/src/pages/GalleryPage.jsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
-import { X, ZoomIn } from 'lucide-react';
+import { X, ZoomIn, Image as ImageIcon } from 'lucide-react';
+import PageHero from '../components/PageHero';
 
 const galleryCategories = ['All Space', 'Campus Life', 'Tech Fest', 'Labs', 'Convocation'];
 
@@ -23,26 +24,38 @@ export default function GalleryPage() {
   );
 
   return (
-    <div className="w-full min-h-screen bg-brand-bg pt-32 pb-24">
-      <section className="px-6 lg:px-12 max-w-[1800px] mx-auto w-full">
-         <motion.div 
-           initial={{ opacity: 0, x: -20 }}
-           animate={{ opacity: 1, x: 0 }}
-           className="flex items-center gap-4 mb-4"
-         >
-           <span className="section-label !mb-0">{config.hero.subtitle}</span>
-           <div className="h-px w-12 bg-brand-accent/20" />
-         </motion.div>
-         
-         <div className="flex flex-col lg:flex-row lg:items-end justify-between gap-8 mb-16">
-            <motion.h1 
-              initial={{ opacity: 0, y: 30 }}
-              animate={{ opacity: 1, y: 0 }}
-              className="text-5xl lg:text-8xl text-brand-maroon font-black uppercase tracking-tighter"
-            >
-              {config.hero.title} <br />
-              <span className="hero-serif text-brand-accent italic">{config.hero.titleHighlight}</span>
-            </motion.h1>
+    <div className="w-full min-h-screen bg-brand-bg pb-24">
+      {/* HERO SECTION */}
+      <PageHero 
+        titleStroke={config.hero.title.toUpperCase()}
+        titleFill={config.hero.titleHighlight.toUpperCase()}
+        statutoryLabel={config.hero.subtitle}
+        policyLabel="Visual Archive"
+        rightLabel="Gallery.Node"
+        rightContent={
+          <div className="space-y-4">
+            <p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+              Capturing the <span className="text-brand-accent">vibrant energy</span> and state-of-the-art infrastructure of NSEC.
+            </p>
+            <div className="flex items-center gap-4 mt-6">
+               <div className="p-3 bg-white/10 rounded-xl border border-white/20">
+                  <ImageIcon size={24} className="text-brand-accent" />
+               </div>
+               <div className="flex flex-col">
+                  <span className="text-xl font-black text-white italic leading-none">{config.images.length}+</span>
+                  <span className="text-[10px] font-mono text-white/40 uppercase tracking-widest mt-1">Images Collected</span>
+               </div>
+            </div>
+          </div>
+        }
+      />
+
+      <section className="px-6 lg:px-24 py-20 max-w-[1800px] mx-auto w-full">
+         <div className="flex flex-col lg:flex-row lg:items-center justify-between gap-8 mb-16">
+            <div className="flex items-center gap-3">
+               <div className="w-12 h-[1.5px] bg-brand-accent" />
+               <span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Snapshot.Excellence</span>
+            </div>
 
             {/* Filter Pills */}
             <div className="flex flex-wrap items-center gap-3">
diff --git a/New/src/pages/GenericLifePage.jsx b/New/src/pages/GenericLifePage.jsx
index f049c12..8d4455d 100644
--- a/New/src/pages/GenericLifePage.jsx
+++ b/New/src/pages/GenericLifePage.jsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { motion } from 'framer-motion';
 import { Camera, Music, Coffee, Heart, Compass, Zap, ArrowUpRight } from 'lucide-react';
+import PageHero from '../components/PageHero';
 
 const iconMap = {
   Camera: Camera,
@@ -24,34 +25,34 @@ export default function GenericLifePage({ configPath }) {
   if (!config) return <div className="min-h-screen bg-brand-bg flex items-center justify-center text-brand-muted">Loading...</div>;
 
   return (
-    <div className="flex flex-col w-full min-h-screen bg-brand-bg pt-32">
-      <section className="px-6 lg:px-12 py-32 max-w-[1800px] mx-auto w-full">
-        <div className="grid grid-cols-1 lg:grid-cols-12 gap-16 items-end mb-24">
-          <div className="lg:col-span-8 space-y-8">
-            <motion.div 
-               initial={{ opacity: 0, x: -20 }}
-               animate={{ opacity: 1, x: 0 }}
-               className="flex items-center gap-4"
-             >
-               <span className="section-label !mb-0">{config.hero.subtitle}</span>
-               <div className="h-px w-12 bg-brand-accent/20" />
-             </motion.div>
-             
-             <motion.h1 
-               initial={{ opacity: 0, y: 30 }}
-               animate={{ opacity: 1, y: 0 }}
-               className="text-7xl lg:text-9xl text-brand-maroon font-black uppercase tracking-tighter"
-             >
-               {config.hero.title} <br />
-               <span className="hero-serif text-brand-accent italic">{config.hero.titleHighlight}</span>
-             </motion.h1>
-          </div>
-          
-          <div className="lg:col-span-4 pb-4">
-             <p className="text-xl text-brand-muted font-medium leading-relaxed border-l-2 border-brand-accent pl-8">
-               {config.hero.description}
-             </p>
+    <div className="flex flex-col w-full min-h-screen bg-brand-bg">
+      {/* HERO SECTION */}
+      <PageHero 
+        titleStroke={config.hero.title.toUpperCase()}
+        titleFill={config.hero.titleHighlight.toUpperCase()}
+        statutoryLabel={config.hero.subtitle}
+        policyLabel="Campus Lifestyle"
+        rightLabel="Lifestyle.Node"
+        rightContent={
+          <div className="space-y-4">
+            <p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+              {config.hero.description}
+            </p>
+            <div className="mt-4 flex flex-wrap gap-2">
+              {['Vibrant', 'Social', 'Cultural'].map((tag, i) => (
+                <span key={i} className="text-[9px] font-mono font-black text-brand-accent px-2 py-1 border border-brand-accent/30 uppercase tracking-widest">
+                  {tag}
+                </span>
+              ))}
+            </div>
           </div>
+        }
+      />
+
+      <section className="px-6 lg:px-24 py-20 max-w-[1800px] mx-auto w-full">
+        <div className="flex items-center gap-3 mb-16">
+          <div className="w-12 h-[1.5px] bg-brand-accent" />
+          <span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Institutional Life</span>
         </div>
 
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-32">
diff --git a/New/src/pages/Home.jsx b/New/src/pages/Home.jsx
index 7c2df69..ff1df50 100644
--- a/New/src/pages/Home.jsx
+++ b/New/src/pages/Home.jsx
@@ -322,6 +322,8 @@ export default function Home() {
 
   if (!config) return <div className="h-screen bg-white" />;
 
+
+  
   const { hero } = config;
   const tickerItems = hero.ticker || [];
 
@@ -377,6 +379,7 @@ const getLucideIcon = (name, size = 20, className = "text-brand-accent") => {
                 <span className="text-[8px] font-black uppercase tracking-[0.3em] text-slate-400 [writing-mode:vertical-lr] group-hover:text-brand-accent transition-colors">Location</span>
               </a>
               
+              
               <a href="mailto:info@nsec.ac.in" className="flex flex-col items-center gap-3 group">
                 <div className="w-10 h-10 rounded-full bg-brand-accent/5 flex items-center justify-center border border-brand-accent/20 group-hover:bg-brand-accent group-hover:border-brand-accent transition-all duration-500 shadow-sm">
                   <Mail size={14} className="text-brand-accent group-hover:text-white transition-colors" />
diff --git a/New/src/pages/IIC.jsx b/New/src/pages/IIC.jsx
new file mode 100644
index 0000000..b8d5d23
--- /dev/null
+++ b/New/src/pages/IIC.jsx
@@ -0,0 +1,173 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import PageHero from '../components/PageHero';
+import Table from '../components/Table';
+import { motion } from 'framer-motion';
+
+export default function IIC() {
+	const [config, setConfig] = useState(null);
+	const [visibleRows, setVisibleRows] = useState(10);
+
+	useEffect(() => {
+		fetch('/config/page-iic-config.json')
+			.then((res) => res.json())
+			.then((data) => setConfig(data.iic || null))
+			.catch((err) => console.error('Failed to load IIC config:', err));
+	}, []);
+
+	const memberColumns = useMemo(
+		() => [
+			{ header: 'SL No', accessor: 'slNo' },
+			{ header: 'Name', accessor: 'name' },
+			{ header: 'Position/Designation', accessor: 'positionDesignation' }
+		],
+		[]
+	);
+
+	const memberData = useMemo(() => {
+		if (!config?.members) return [];
+
+		return config.members.map((member, index) => ({
+			id: `${member.name}-${index}`,
+			slNo: index + 1,
+			name: member.name,
+			positionDesignation: [member.role, member.designation].filter(Boolean).join(' / ')
+		}));
+	}, [config]);
+
+	const visibleMemberData = useMemo(() => memberData.slice(0, visibleRows), [memberData, visibleRows]);
+	const hasMoreRows = visibleRows < memberData.length;
+
+	const handleLoadMore = () => {
+		setVisibleRows((prev) => prev + 10);
+	};
+
+	if (!config) {
+		return (
+			<div className="min-h-screen flex items-center justify-center" style={{ backgroundColor: '#ffffff', color: '#800000' }}>
+				Loading IIC page...
+			</div>
+		);
+	}
+
+	return (
+		<div className="min-h-screen bg-brand-bg font-sans">
+			{/* HERO SECTION */}
+			<PageHero 
+				titleStroke="IIC"
+				titleFill="COUNCIL"
+				statutoryLabel="Institution's"
+				policyLabel="Innovation Council"
+				rightLabel="Creative.Engine"
+				rightContent={
+					<div className="space-y-4">
+						<p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+							Establishing a vibrant <span className="text-brand-accent">innovation ecosystem</span> to foster entrepreneurship and startups.
+						</p>
+						<div className="mt-4 flex items-center gap-4">
+							<div className="bg-white/10 backdrop-blur-md p-3 rounded-xl border border-white/20">
+								<img 
+									src="/assets/HeroFocus/25-years-nsec-logo-3.png" 
+									alt="25 Years of NSEC" 
+									className="h-20 w-auto object-contain brightness-0 invert opacity-80"
+								/>
+							</div>
+							<p className="text-white/45 text-[11px] font-mono uppercase tracking-widest leading-tight">
+								25 Years of <br /> Academic <br /> Excellence
+							</p>
+						</div>
+					</div>
+				}
+			/>
+
+			<section className="max-w-7xl mx-auto px-6 lg:px-24 py-20 relative">
+				<div className="flex items-center gap-3 mb-10">
+					<div className="w-12 h-[1.5px] bg-brand-accent" />
+					<span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Institutional Innovation</span>
+				</div>
+
+				<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-10 mt-4 md:mt-0">
+					<article className="rounded-xl border p-6" style={{ borderColor: '#008b8b' }}>
+						<h2 className="text-2xl font-bold mb-3" style={{ color: '#800000' }}>Overview</h2>
+						<p className="leading-relaxed" style={{ color: '#008b8b' }}>{config.about?.overview}</p>
+					</article>
+
+					<article className="rounded-xl border p-6" style={{ borderColor: '#008b8b' }}>
+						<h2 className="text-2xl font-bold mb-3" style={{ color: '#800000' }}>Vision</h2>
+						<p className="leading-relaxed" style={{ color: '#008b8b' }}>{config.about?.vision}</p>
+					</article>
+				</div>
+
+				<article className="rounded-xl border p-6 mb-10" style={{ borderColor: '#008b8b' }}>
+					<h2 className="text-2xl font-bold mb-3" style={{ color: '#800000' }}>Institution Context</h2>
+					<p className="leading-relaxed" style={{ color: '#008b8b' }}>{config.about?.institution_context}</p>
+				</article>
+
+				<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12">
+					<article className="rounded-xl border p-6" style={{ borderColor: '#008b8b' }}>
+						<h3 className="text-xl font-bold mb-4" style={{ color: '#800000' }}>Major Focus</h3>
+						<ul className="space-y-2">
+							{(config.major_focus || []).map((item, idx) => (
+								<li key={`focus-${idx}`} className="flex items-start gap-2" style={{ color: '#008b8b' }}>
+									<span className="mt-2 h-2 w-2 rounded-full" style={{ backgroundColor: '#800000' }} />
+									<span>{item}</span>
+								</li>
+							))}
+						</ul>
+					</article>
+
+					<article className="rounded-xl border p-6" style={{ borderColor: '#008b8b' }}>
+						<h3 className="text-xl font-bold mb-4" style={{ color: '#800000' }}>Functions</h3>
+						<ul className="space-y-2">
+							{(config.functions || []).map((item, idx) => (
+								<li key={`function-${idx}`} className="flex items-start gap-2" style={{ color: '#008b8b' }}>
+									<span className="mt-2 h-2 w-2 rounded-full" style={{ backgroundColor: '#800000' }} />
+									<span>{item}</span>
+								</li>
+							))}
+						</ul>
+					</article>
+				</div>
+
+				<div className="rounded-xl border p-4 md:p-6" style={{ borderColor: '#008b8b' }}>
+					<h3 className="text-2xl font-bold mb-5" style={{ color: '#800000' }}>IIC Members</h3>
+					<div className="iic-table-wrap">
+						<Table columns={memberColumns} data={visibleMemberData} />
+					</div>
+					{hasMoreRows ? (
+						<div className="mt-5 flex justify-center">
+							<button
+								type="button"
+								onClick={handleLoadMore}
+								className="px-6 py-2.5 rounded font-semibold transition-colors"
+								style={{ backgroundColor: '#008b8b', color: '#ffffff' }}
+							>
+								Load More
+							</button>
+						</div>
+					) : null}
+				</div>
+			</section>
+
+			<style>{`
+				.iic-table-wrap .table-head-cell {
+					background: #008b8b;
+					color: #ffffff;
+					border-color: #800000;
+				}
+
+				.iic-table-wrap .table-cell {
+					color: #800000;
+					border-color: #008b8b;
+				}
+
+				.iic-table-wrap .table-row:nth-child(even) .table-cell {
+					background: rgba(0, 139, 139, 0.08);
+				}
+
+				.iic-table-wrap .table-row:hover .table-cell {
+					background: rgba(128, 0, 0, 0.08);
+				}
+			`}</style>
+		</div>
+	);
+}
diff --git a/New/src/pages/IdeaLab.jsx b/New/src/pages/IdeaLab.jsx
new file mode 100644
index 0000000..62f929f
--- /dev/null
+++ b/New/src/pages/IdeaLab.jsx
@@ -0,0 +1,93 @@
+import React, { useEffect, useState } from 'react';
+import PageHero from '../components/PageHero';
+import { motion } from 'framer-motion';
+
+export default function IdeaLab() {
+	const [config, setConfig] = useState(null);
+
+	useEffect(() => {
+		fetch('/config/page-idealab-config.json')
+			.then((res) => res.json())
+			.then((data) => setConfig(data))
+			.catch((err) => console.error('Failed to load IDEA Lab config:', err));
+	}, []);
+
+	if (!config) {
+		return (
+			<div className="min-h-screen flex items-center justify-center" style={{ backgroundColor: '#ffffff', color: '#800000' }}>
+				Loading IDEA Lab page...
+			</div>
+		);
+	}
+
+	return (
+		<div className="min-h-screen bg-brand-bg font-sans">
+			{/* HERO SECTION */}
+			<PageHero 
+				titleStroke="IDEA"
+				titleFill="LAB"
+				statutoryLabel="AICTE"
+				policyLabel="Innovation Lab"
+				rightLabel="Maker.Space"
+				rightContent={
+					<div className="space-y-4">
+						<p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+							A state-of-the-art <span className="text-brand-accent">prototyping facility</span> for students to transform ideas into reality.
+						</p>
+						<div className="relative mt-4 group">
+							<img
+								src="/assets/HeroFocus/nsec-idealab-fp01.jpg"
+								alt="AICTE IDEA Lab"
+								className="w-full h-48 object-cover rounded-lg border border-white/20 shadow-2xl opacity-80"
+							/>
+							<div className="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent rounded-lg pointer-events-none" />
+						</div>
+					</div>
+				}
+			/>
+
+			<section className="max-w-7xl mx-auto px-6 lg:px-24 py-20">
+				<div className="flex items-center gap-3 mb-10">
+					<div className="w-12 h-[1.5px] bg-brand-accent" />
+					<span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Prototyping Excellence</span>
+				</div>
+
+				<div className="grid grid-cols-1 lg:grid-cols-12 gap-16">
+					<div className="lg:col-span-8 space-y-8">
+						<h2 className="text-3xl font-black text-brand-blue uppercase tracking-tight italic">
+							{config.subheading}
+						</h2>
+						<div className="space-y-6">
+							{(config.content || []).map((paragraph, index) => (
+								<p key={`idea-content-${index}`} className="text-lg leading-relaxed text-slate-700 font-medium border-l-4 border-brand-maroon/10 pl-6">
+									{paragraph}
+								</p>
+							))}
+						</div>
+					</div>
+
+					<div className="lg:col-span-4">
+						<div className="bg-white p-8 border border-brand-blue/10 shadow-sm rounded-lg relative overflow-hidden">
+							<div className="absolute top-0 right-0 w-24 h-24 bg-brand-accent/5 rounded-bl-full" />
+							<h3 className="text-xl font-black text-brand-blue mb-4 uppercase tracking-tight">Lab Stats</h3>
+							<div className="space-y-4">
+								<div className="flex items-end justify-between border-b border-slate-100 pb-2">
+									<span className="text-xs font-mono text-slate-400 uppercase">Equipment</span>
+									<span className="font-black text-brand-maroon italic">30+ Units</span>
+								</div>
+								<div className="flex items-end justify-between border-b border-slate-100 pb-2">
+									<span className="text-xs font-mono text-slate-400 uppercase">Area</span>
+									<span className="font-black text-brand-maroon italic">5000 Sq.ft</span>
+								</div>
+								<div className="flex items-end justify-between border-b border-slate-100 pb-2">
+									<span className="text-xs font-mono text-slate-400 uppercase">Capacity</span>
+									<span className="font-black text-brand-maroon italic">60 Slots</span>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+		</div>
+	);
+}
diff --git a/New/src/pages/IqacPage.jsx b/New/src/pages/IqacPage.jsx
index 30933fc..2d7f081 100644
--- a/New/src/pages/IqacPage.jsx
+++ b/New/src/pages/IqacPage.jsx
@@ -1,13 +1,104 @@
+'use client';
+
 import React, { useState, useEffect } from 'react';
 import { motion } from 'framer-motion';
-import { Cpu, Rocket, Shield, ArrowRight, BookOpen } from 'lucide-react';
+import { ArrowRight, FileText, Users, Target, CheckCircle2, Mail, BookOpen } from 'lucide-react';
+import PageHero from '../components/PageHero';
+
+const MotionDiv = motion.div;
+const MotionH1 = motion.h1;
 
 const iconMap = {
-  Cpu: Cpu,
-  Rocket: Rocket,
-  Shield: Shield
+  'IQAC Links': FileText,
+  'Annual Reports': BookOpen,
+  'Major Focus': Target,
+  'Functions': CheckCircle2,
+  'Coordinator Message': Users,
+  'Contact': Mail
 };
 
+function normalizeIqacConfig(source) {
+  const linkItems = (source.links || []).flatMap((link) => {
+    if (link.items && link.items.length) {
+      return link.items.map((item) => ({
+        title: item.title,
+        url: item.url
+      }));
+    }
+
+    return [{
+      title: link.title,
+      url: link.url
+    }];
+  });
+
+  const annualReportItems = (source.annual_reports || []).map((report) => ({
+    title: report.year,
+    url: report.url
+  }));
+
+  const coordinatorMessageItems = [
+    source.coordinator_message?.summary,
+    source.coordinator_message?.invitation
+  ].filter(Boolean);
+
+  const contactItems = source.contact ? [
+    source.contact.role,
+    source.contact.designation,
+    ...(source.contact.email || []),
+    source.contact.phone
+  ].filter(Boolean) : [];
+
+  return {
+    hero: {
+      title: 'Internal Quality',
+      titleHighlight: 'Assurance Cell.',
+      subtitle: 'IQAC: NSEC'
+    },
+    summary: source.about,
+    content: [
+      {
+        title: 'IQAC Links',
+        desc: 'Committee composition, meeting records, and AQAR references.',
+        items: linkItems,
+        buttonLabel: 'Open Reference',
+        icon: 'IQAC Links'
+      },
+      {
+        title: 'Annual Reports',
+        desc: 'Institutional annual reports by academic year.',
+        items: annualReportItems,
+        buttonLabel: 'View Annual Report',
+        icon: 'Annual Reports'
+      },
+      {
+        title: 'Major Focus',
+        desc: 'Strategic priorities of the IQAC.',
+        items: source.major_focus || [],
+        icon: 'Major Focus'
+      },
+      {
+        title: 'Functions',
+        desc: 'Core responsibilities and quality assurance activities.',
+        items: source.functions || [],
+        icon: 'Functions'
+      },
+      {
+        title: 'Coordinator Message',
+        desc: source.coordinator_message?.summary,
+        items: coordinatorMessageItems,
+        icon: 'Coordinator Message'
+      },
+      {
+        title: 'Contact',
+        desc: source.contact?.name,
+        items: contactItems,
+        icon: 'Contact'
+      }
+    ]
+  };
+}
+
 export default function IqacPage({ configPath }) {
   const [config, setConfig] = useState(null);
 
@@ -18,75 +109,116 @@ export default function IqacPage({ configPath }) {
       .catch(err => console.error("Failed to load config:", err));
   }, [configPath]);
 
-  if (!config) return <div className="h-screen bg-brand-bg flex items-center justify-center text-brand-muted">Loading...</div>;
+  const pageConfig = config?.iqac ? normalizeIqacConfig(config.iqac) : config;
+
+  if (!pageConfig) {
+    return (
+      <div className="h-screen bg-gradient-to-br from-slate-50 to-slate-100 flex items-center justify-center">
+        <div className="flex flex-col items-center gap-4">
+          <div className="w-12 h-12 rounded-full border-4 border-blue-200 border-t-blue-600 animate-spin" />
+          <p className="text-slate-600 font-medium">Loading...</p>
+        </div>
+      </div>
+    );
+  }
 
   return (
-    <div className="flex flex-col w-full min-h-screen bg-brand-bg pt-32">
-      <section className="px-6 lg:px-12 py-16 max-w-[1800px] mx-auto w-full">
-        <div className="grid grid-cols-1 lg:grid-cols-12 gap-16 items-end mb-24">
-          <div className="lg:col-span-8 space-y-8">
-            <motion.div 
-               initial={{ opacity: 0, x: -20 }}
-               animate={{ opacity: 1, x: 0 }}
-               className="flex items-center gap-4"
-             >
-               <span className="section-label !mb-0">{config.hero.subtitle}</span>
-               <div className="h-px w-12 bg-brand-accent/20" />
-             </motion.div>
-             
-             <motion.h1 
-               initial={{ opacity: 0, y: 30 }}
-               animate={{ opacity: 1, y: 0 }}
-               className="text-6xl lg:text-8xl text-brand-maroon font-black uppercase tracking-tighter"
-             >
-               {config.hero.title} <br />
-               <span className="hero-serif text-brand-accent italic">{config.hero.titleHighlight}</span>
-             </motion.h1>
-          </div>
-          
-          <div className="lg:col-span-4 pb-4">
-             <p className="text-xl text-brand-muted font-medium leading-relaxed border-l-2 border-brand-accent pl-8">
-               Ensuring continuous improvement in the entire operations of the institution.
-             </p>
+    <div className="w-full min-h-screen bg-brand-bg">
+      {/* Hero Section */}
+      <PageHero 
+        titleStroke="IQAC"
+        titleFill="CELL"
+        statutoryLabel="Internal Quality"
+        policyLabel="Assurance Cell"
+        rightLabel="Strategic.Quality"
+        rightContent={
+          <div className="space-y-4">
+            <p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+              Ensuring <span className="text-brand-accent">continuous improvement</span> in the entire operations of the institution.
+            </p>
+            <p className="text-white/45 text-[13px] font-body italic border-l-2 border-brand-maroon pl-3">
+              "Quality is not an act, it is a habit."
+            </p>
           </div>
+        }
+      />
+
+      <section className="relative px-6 lg:px-24 py-20 max-w-7xl mx-auto">
+        <div className="flex items-center gap-3 mb-12">
+          <div className="w-12 h-[1.5px] bg-brand-accent" />
+          <span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Institutional Framework</span>
         </div>
 
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-          {config.content.map((prog, i) => {
-            const Icon = Rocket;
+        {/* Cards Grid */}
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          {pageConfig.content.map((prog, i) => {
+            const Icon = iconMap[prog.icon] || FileText;
             return (
-               <motion.div
-                 key={i}
-                 initial={{ opacity: 0, y: 30 }}
-                 whileInView={{ opacity: 1, y: 0 }}
-                 transition={{ delay: i * 0.1 }}
-                 className="glass-card p-12 flex flex-col justify-between group"
-               >
-                 <div>
-                   <div className="w-16 h-16 bg-brand-accent/10 rounded-2xl flex items-center justify-center text-brand-accent mb-10 group-hover:bg-brand-accent group-hover:text-white transition-all">
-                     <Icon className="w-8 h-8" />
-                   </div>
-                   <h2 className="text-3xl text-white mb-4">{prog.title}</h2>
-                   <p className="text-brand-muted font-medium mb-10 leading-relaxed">{prog.desc}</p>
-                   
-                   <ul className="space-y-4 mb-12">
-                     {prog.items.map((item, j) => (
-                       <li key={j} className="flex items-center gap-3 text-sm font-semibold text-white/60">
-                         <div className="w-1.5 h-1.5 rounded-full bg-brand-accent" />
-                         {item}
-                       </li>
-                     ))}
-                   </ul>
-                 </div>
-   
-                 <button className="btn-primary w-full py-4 text-sm flex items-center justify-center gap-3">
-                   View Documents <ArrowRight className="w-4 h-4" />
-                 </button>
-               </motion.div>
-             )
+              <MotionDiv
+                key={i}
+                initial={{ opacity: 0, y: 30 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                transition={{ delay: i * 0.08, duration: 0.5 }}
+                viewport={{ once: true }}
+                className="group relative rounded-lg p-8 shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden border flex flex-col h-full"
+                style={{ backgroundColor: '#fff9f5', borderColor: '#e8dfd5' }}
+              >
+                {/* Top Accent Bar */}
+                <div className="absolute top-0 left-0 right-0 h-1" style={{ backgroundColor: i % 2 === 0 ? '#008b8b' : '#800000' }} />
+
+                <div className="flex-1">
+                  <div className="w-14 h-14 rounded-lg flex items-center justify-center mb-6 group-hover:scale-110 transition-all duration-300" style={{ backgroundColor: i % 2 === 0 ? '#e8f4f4' : '#f4e8e8', color: i % 2 === 0 ? '#008b8b' : '#800000' }}>
+                    <Icon className="w-7 h-7" />
+                  </div>
+                  
+                  <h2 className="text-2xl font-bold mb-3 transition-colors" style={{ color: '#2d2d2d' }}>
+                    {prog.title}
+                  </h2>
+                  
+                  <p className="font-medium mb-6 leading-relaxed text-sm" style={{ color: '#555' }}>
+                    {prog.desc}
+                  </p>
+                  
+                  {prog.items.length > 0 && (
+                    <ul className="space-y-3 mb-8">
+                      {prog.items.slice(0, 3).map((item, j) => (
+                        <li key={j} className="flex items-start gap-3">
+                          <div className="w-2 h-2 rounded-full mt-2 flex-shrink-0" style={{ backgroundColor: i % 2 === 0 ? '#008b8b' : '#800000' }} />
+                          <span className="text-sm font-medium" style={{ color: '#333' }}>
+                            {typeof item === 'string' ? (
+                              item
+                            ) : (
+                              <a 
+                                href={item.url} 
+                                className="hover:underline transition-colors" 
+                                style={{ color: i % 2 === 0 ? '#008b8b' : '#800000' }}
+                                target="_blank" 
+                                rel="noreferrer"
+                              >
+                                {item.title}
+                              </a>
+                            )}
+                          </span>
+                        </li>
+                      ))}
+                    </ul>
+                  )}
+                </div>
+
+                {prog.buttonLabel ? (
+                  <button className="w-full py-3 px-4 font-semibold rounded flex items-center justify-center gap-2 transition-all duration-300 transform group-hover:scale-105 mt-auto" style={{ backgroundColor: i % 2 === 0 ? '#008b8b' : '#800000', color: '#fff' }}>
+                    {prog.buttonLabel} 
+                    <ArrowRight className="w-4 h-4 group-hover:translate-x-1 transition-transform" />
+                  </button>
+                ) : null}
+              </MotionDiv>
+            );
           })}
         </div>
       </section>
+
+      {/* Footer spacer */}
+      <div className="h-16" />
     </div>
   );
 }
diff --git a/New/src/pages/Life.jsx b/New/src/pages/Life.jsx
index 8055b1a..2d683c1 100644
--- a/New/src/pages/Life.jsx
+++ b/New/src/pages/Life.jsx
@@ -9,37 +9,35 @@ import {
   Zap,
   ArrowUpRight
 } from 'lucide-react';
+import PageHero from '../components/PageHero';
 
 export default function Life() {
   return (
-    <div className="flex flex-col w-full min-h-screen bg-brand-bg pt-32">
-      <section className="px-6 lg:px-12 py-32 max-w-[1800px] mx-auto w-full">
-        <div className="grid grid-cols-1 lg:grid-cols-12 gap-16 items-end mb-24">
-          <div className="lg:col-span-8 space-y-8">
-            <motion.div 
-               initial={{ opacity: 0, x: -20 }}
-               animate={{ opacity: 1, x: 0 }}
-               className="flex items-center gap-4"
-             >
-               <span className="section-label !mb-0">Campus Culture</span>
-               <div className="h-px w-12 bg-brand-accent/20" />
-             </motion.div>
-             
-             <motion.h1 
-               initial={{ opacity: 0, y: 30 }}
-               animate={{ opacity: 1, y: 0 }}
-               className="text-7xl lg:text-9xl text-brand-maroon font-black uppercase tracking-tighter"
-             >
-               Campus <br />
-               <span className="hero-serif text-brand-accent italic">Dynamics.</span>
-             </motion.h1>
-          </div>
-          
-          <div className="lg:col-span-4 pb-4">
-             <p className="text-xl text-brand-muted font-medium leading-relaxed border-l-2 border-brand-accent pl-8">
-               "Where academic rigor meets a vibrant community of innovators and creators."
-             </p>
+    <div className="flex flex-col w-full min-h-screen bg-brand-bg pb-24">
+      {/* HERO SECTION */}
+      <PageHero 
+        titleStroke="CAMPUS"
+        titleFill="DYNAMICS"
+        statutoryLabel="Campus Culture"
+        policyLabel="Student Lifestyle"
+        rightLabel="Life.Node"
+        rightContent={
+          <div className="space-y-4">
+            <p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+              "Where <span className="text-brand-accent">academic rigor</span> meets a vibrant community of innovators and creators."
+            </p>
+            <div className="flex items-center gap-3 mt-4">
+               <div className="w-8 h-[1px] bg-brand-maroon" />
+               <span className="text-[10px] font-mono text-white/40 uppercase tracking-widest">Active Community</span>
+            </div>
           </div>
+        }
+      />
+
+      <section className="px-6 lg:px-24 py-20 max-w-[1800px] mx-auto w-full">
+        <div className="flex items-center gap-3 mb-16">
+          <div className="w-12 h-[1.5px] bg-brand-accent" />
+          <span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Institutional Life</span>
         </div>
 
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-32">
diff --git a/New/src/pages/NoticePage.jsx b/New/src/pages/NoticePage.jsx
index 530c2a7..1423d39 100644
--- a/New/src/pages/NoticePage.jsx
+++ b/New/src/pages/NoticePage.jsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { motion } from 'framer-motion';
 import { Search, Download, Calendar, Tag, Filter } from 'lucide-react';
+import PageHero from '../components/PageHero';
 
 const categories = ['All', 'Academic', 'Examination', 'Events', 'Placement', 'Admin', 'General', 'Library'];
 
@@ -25,25 +26,28 @@ export default function NoticePage() {
   });
 
   return (
-    <div className="w-full min-h-screen bg-brand-bg pt-32 pb-24">
-      <section className="px-6 lg:px-12 max-w-[1500px] mx-auto w-full">
-        <motion.div 
-           initial={{ opacity: 0, x: -20 }}
-           animate={{ opacity: 1, x: 0 }}
-           className="flex items-center gap-4 mb-4"
-         >
-           <span className="section-label !mb-0">{config.hero.subtitle}</span>
-           <div className="h-px w-12 bg-brand-accent/20" />
-         </motion.div>
-         
-         <motion.h1 
-           initial={{ opacity: 0, y: 30 }}
-           animate={{ opacity: 1, y: 0 }}
-           className="text-5xl lg:text-8xl text-brand-maroon font-black uppercase tracking-tighter mb-12"
-         >
-           {config.hero.title} <br />
-           <span className="hero-serif text-brand-accent italic">{config.hero.titleHighlight}</span>
-         </motion.h1>
+    <div className="w-full min-h-screen bg-brand-bg pb-24">
+      {/* HERO SECTION */}
+      <PageHero 
+        titleStroke={config.hero.title.toUpperCase()}
+        titleFill={config.hero.titleHighlight.toUpperCase()}
+        statutoryLabel={config.hero.subtitle}
+        policyLabel="Bulletin Board"
+        rightLabel="Notices.Hub"
+        rightContent={
+          <div className="space-y-4">
+            <p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+              Stay updated with the latest <span className="text-brand-accent">academic and administrative</span> announcements.
+            </p>
+            <div className="bg-white/5 border border-white/10 p-4 rounded-xl flex items-center justify-between">
+               <span className="text-[10px] font-mono text-white/60 uppercase">Total Notices</span>
+               <span className="text-xl font-black text-brand-accent italic">{config.notices.length}</span>
+            </div>
+          </div>
+        }
+      />
+
+      <section className="px-6 lg:px-24 py-20 max-w-[1500px] mx-auto w-full">
 
          {/* Filter Bar */}
          <div className="glass-card p-6 mb-12 flex flex-col md:flex-row gap-6 items-center justify-between">
diff --git a/New/src/pages/StandardInfoPage.jsx b/New/src/pages/StandardInfoPage.jsx
index 510813d..46d25b1 100644
--- a/New/src/pages/StandardInfoPage.jsx
+++ b/New/src/pages/StandardInfoPage.jsx
@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import { ChevronRight } from 'lucide-react';
 import { useLocation, Link, useNavigate } from 'react-router-dom';
+import PageHero from '../components/PageHero';
 
 export default function StandardInfoPage({ configPath }) {
   const [config, setConfig] = useState(null);
@@ -34,20 +35,36 @@ export default function StandardInfoPage({ configPath }) {
 
   const activeTab = config.tabs.find(t => t.id === activeTabId) || config.tabs[0];
 
+  const titleParts = config.title.split(' ');
+  const titleStroke = titleParts[0].toUpperCase();
+  const titleFill = titleParts.slice(1).join(' ').toUpperCase();
+
   return (
-    <div className="flex flex-col w-full min-h-screen bg-brand-bg pt-32">
-      <div className="bg-brand-surface border-b border-white/5 py-12">
-        <div className="max-w-[1400px] mx-auto px-6">
-          <motion.div initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }}>
-            <span className="section-label">{config.category}</span>
-            <h1 className="text-5xl lg:text-7xl font-black text-brand-maroon uppercase tracking-tighter">
-              {config.title}
-            </h1>
-          </motion.div>
+    <div className="flex flex-col w-full min-h-screen bg-brand-bg">
+      {/* HERO SECTION */}
+      <PageHero 
+        titleStroke={titleStroke}
+        titleFill={titleFill}
+        statutoryLabel={config.category}
+        policyLabel={config.sidebarTitle || "Information Panel"}
+        rightLabel="Information.Node"
+        rightContent={
+          <div className="space-y-4">
+            <p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+              Accessing <span className="text-brand-accent">institutional data</span> and formal documentation for Netaji Subhash Engineering College.
+            </p>
+            <div className="h-px w-12 bg-brand-maroon/40" />
+            <p className="text-white/45 text-[11px] font-mono uppercase tracking-[0.2em]">Verified.Institutional.Framework</p>
+          </div>
+        }
+      />
+
+      <section className="px-6 lg:px-24 py-20 max-w-[1800px] mx-auto w-full">
+        <div className="flex items-center gap-3 mb-16">
+          <div className="w-12 h-[1.5px] bg-brand-accent" />
+          <span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Institutional Life</span>
         </div>
-      </div>
 
-      <div className="max-w-[1400px] mx-auto px-6 py-12 w-full">
         <div className="flex flex-col lg:flex-row gap-12 items-start">
           
           {/* T2 SIDEBAR: YELLOW ACCENT NAVIGATION */}
@@ -138,7 +155,7 @@ export default function StandardInfoPage({ configPath }) {
           </div>
           
         </div>
-      </div>
+      </section>
     </div>
   );
 }
diff --git a/New/src/pages/VTourPage.jsx b/New/src/pages/VTourPage.jsx
index b5e7480..14ba9bf 100644
--- a/New/src/pages/VTourPage.jsx
+++ b/New/src/pages/VTourPage.jsx
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { motion } from 'framer-motion';
-import { Map, ArrowRight, PlayCircle } from 'lucide-react';
+import { Map, ArrowRight, PlayCircle, Calendar, Globe } from 'lucide-react';
+import PageHero from '../components/PageHero';
 
 export default function VTourPage() {
   const [isPlaying, setIsPlaying] = useState(false);
@@ -16,35 +17,33 @@ export default function VTourPage() {
   if (!config) return <div className="h-screen bg-brand-bg flex items-center justify-center text-brand-muted">Loading tour...</div>;
 
   return (
-    <div className="w-full min-h-screen bg-brand-bg pt-32 pb-24">
-      <section className="px-6 lg:px-12 max-w-[1800px] mx-auto w-full">
-         <motion.div 
-           initial={{ opacity: 0, x: -20 }}
-           animate={{ opacity: 1, x: 0 }}
-           className="flex items-center gap-4 mb-4"
-         >
-           <span className="section-label !mb-0">{config.hero.subtitle}</span>
-           <div className="h-px w-12 bg-brand-accent/20" />
-         </motion.div>
-         
-         <div className="flex flex-col lg:flex-row lg:items-end justify-between gap-8 mb-16">
-            <motion.h1 
-              initial={{ opacity: 0, y: 30 }}
-              animate={{ opacity: 1, y: 0 }}
-              className="text-5xl lg:text-8xl text-brand-maroon font-black uppercase tracking-tighter"
-            >
-              {config.hero.title} <br />
-              <span className="hero-serif text-brand-accent italic">{config.hero.titleHighlight}</span>
-            </motion.h1>
-            
-            <motion.p
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              transition={{ delay: 0.2 }}
-              className="text-xl text-brand-muted max-w-2xl leading-relaxed border-l-2 border-brand-accent pl-6 lg:mb-4"
-            >
+    <div className="w-full min-h-screen bg-brand-bg pb-24">
+      {/* HERO SECTION */}
+      <PageHero 
+        titleStroke={config.hero.title.toUpperCase()}
+        titleFill={config.hero.titleHighlight.toUpperCase()}
+        statutoryLabel={config.hero.subtitle}
+        policyLabel="Virtual Experience"
+        rightLabel="Tour.Hub"
+        rightContent={
+          <div className="space-y-4">
+            <p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
               {config.hero.description}
-            </motion.p>
+            </p>
+            <div className="flex items-center gap-3 mt-6 p-4 bg-white/5 border border-white/10 rounded-2xl group cursor-pointer hover:bg-brand-accent/10 hover:border-brand-accent transition-all">
+               <div className="p-2 bg-brand-accent/20 rounded-lg text-brand-accent group-hover:bg-brand-accent group-hover:text-white transition-colors">
+                  <Globe size={20} />
+               </div>
+               <span className="text-[11px] font-mono font-black text-white/60 uppercase tracking-widest">Launch.Experience</span>
+            </div>
+          </div>
+        }
+      />
+
+      <section className="px-6 lg:px-24 py-20 max-w-[1800px] mx-auto w-full">
+         <div className="flex items-center gap-3 mb-12">
+            <div className="w-12 h-[1.5px] bg-brand-accent" />
+            <span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Immersive Navigation</span>
          </div>
 
          {/* 360 Tour Container */}
@@ -82,28 +81,44 @@ export default function VTourPage() {
          </div>
 
          {/* Campus Map CTA */}
-         <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-            <div className="glass-card p-12 flex flex-col md:flex-row items-center gap-8 group">
-               <div className="w-20 h-20 rounded-2xl bg-brand-accent/10 flex items-center justify-center text-brand-accent group-hover:bg-brand-accent group-hover:text-white transition-colors">
-                  <Map className="w-10 h-10" />
-               </div>
-               <div>
-                  <h3 className="text-2xl font-bold text-white mb-2">Campus Map</h3>
-                  <p className="text-brand-muted mb-4 leading-relaxed">Download our detailed campus map to easily locate departments, labs, and amenities.</p>
-                  <button className="text-brand-accent font-bold inline-flex items-center gap-2 group-hover:gap-4 transition-all">Download PDF <ArrowRight className="w-4 h-4" /></button>
-               </div>
+          {/* CTA Section */}
+        <motion.div 
+          initial={{ opacity: 0, y: 30 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.8, delay: 0.4 }}
+          className="grid grid-cols-1 md:grid-cols-2 gap-8"
+        >
+          <div className="group relative p-8 rounded-2xl overflow-hidden cursor-pointer transition-all duration-300 hover:shadow-2xl border-2" style={{ borderColor: 'rgb(128, 0, 0)', backgroundColor: 'rgba(128, 0, 0, 0.05)' }}>
+            <div className="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300" style={{ background: 'linear-gradient(135deg, rgba(128, 0, 0, 0.1), rgba(178, 137, 37, 0.1))' }}></div>
+            <div className="relative z-10">
+              <div className="w-14 h-14 rounded-xl flex items-center justify-center mb-6 transition-all duration-300" style={{ backgroundColor: 'rgb(128, 0, 0)' }}>
+                <Map className="w-7 h-7 text-white" />
+              </div>
+              <h3 className="text-2xl font-bold text-gray-900 mb-3">Campus Map</h3>
+              <p className="text-gray-600 mb-6 leading-relaxed">Download our detailed campus map to navigate all departments, laboratories, facilities, and key amenities.</p>
+              <button className="font-bold inline-flex items-center gap-2 group-hover:gap-4 transition-all duration-300" style={{ color: 'rgb(128, 0, 0)' }}>
+                Download PDF <ArrowRight className="w-5 h-5" />
+              </button>
             </div>
-            
-            <div className="glass-card p-12 bg-white/5 border border-brand-accent/30 relative overflow-hidden">
-               <div className="absolute top-0 right-0 w-64 h-64 bg-brand-accent/10 rounded-full blur-3xl" />
-               <div className="relative z-10">
-                  <h3 className="text-2xl font-bold text-white mb-2">Schedule a Visit</h3>
-                  <p className="text-brand-muted mb-6 leading-relaxed">Prefer to see it in person? Book a guided campus tour with our admission counselors.</p>
-                  <button className="btn-primary">Book Campus Tour</button>
-               </div>
+          </div>
+          
+          <div className="group relative p-8 rounded-2xl overflow-hidden cursor-pointer transition-all duration-300 hover:shadow-2xl border-2" style={{ borderColor: 'rgb(178, 137, 37)', backgroundColor: 'rgba(178, 137, 37, 0.08)' }}>
+            <div className="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300" style={{ background: 'linear-gradient(135deg, rgba(178, 137, 37, 0.2), rgba(128, 0, 0, 0.1))' }}></div>
+            <div className="relative z-10">
+              <div className="w-14 h-14 rounded-xl flex items-center justify-center mb-6 transition-all duration-300 group-hover:shadow-lg" style={{ backgroundColor: 'rgb(178, 137, 37)' }}>
+                <Calendar className="w-7 h-7 text-white" />
+              </div>
+              <h3 className="text-2xl font-bold text-gray-900 mb-3">Schedule a Campus Visit</h3>
+              <p className="text-gray-600 mb-6 leading-relaxed">Experience our campus firsthand. Book a guided tour with our admission counselors and explore in person.</p>
+              <button className="font-bold inline-flex items-center gap-2 group-hover:gap-4 transition-all duration-300 px-6 py-2 rounded-lg text-white" style={{ backgroundColor: 'rgb(178, 137, 37)' }}>
+                Book Now <ArrowRight className="w-5 h-5" />
+              </button>
             </div>
-         </div>
+          </div>
+        </motion.div>
       </section>
+
+      {/* Footer accent */}
     </div>
   );
 }
diff --git a/New/src/pages/ariia.jsx b/New/src/pages/ariia.jsx
new file mode 100644
index 0000000..58d9514
--- /dev/null
+++ b/New/src/pages/ariia.jsx
@@ -0,0 +1,85 @@
+import React, { useEffect, useState } from 'react';
+import PageHero from '../components/PageHero';
+import { FileText, ExternalLink, Mail } from 'lucide-react';
+
+export default function Ariia() {
+	const [config, setConfig] = useState(null);
+
+	useEffect(() => {
+		fetch('/config/page-ariia-config.json')
+			.then((res) => res.json())
+			.then((data) => setConfig(data))
+			.catch((err) => console.error('Failed to load ARIIA config:', err));
+	}, []);
+
+	if (!config) {
+		return (
+			<div className="min-h-screen flex items-center justify-center" style={{ backgroundColor: '#ffffff', color: '#800000' }}>
+				Loading ARIIA page...
+			</div>
+		);
+	}
+
+	return (
+		<div className="min-h-screen bg-brand-bg font-sans">
+			{/* HERO SECTION */}
+			<PageHero 
+				titleStroke="ARIIA"
+				titleFill="REPORT"
+				statutoryLabel="Atal Ranking of Institutions"
+				policyLabel="Innovation Achievements"
+				rightLabel="Innovation.Index"
+				rightContent={
+					<div className="space-y-4">
+						<p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+							National ranking framework for <span className="text-brand-accent">Innovation & Entrepreneurship</span> development among students and faculties.
+						</p>
+						<a 
+							href="/assets/pdfs/ARIIA_Rankings_2020_Report.pdf" 
+							target="_blank"
+							className="inline-flex items-center gap-2 px-6 py-3 bg-brand-maroon text-white font-mono font-black text-xs uppercase tracking-widest hover:bg-brand-accent transition-colors duration-300"
+						>
+							<FileText size={16} /> View Full Report
+						</a>
+					</div>
+				}
+			/>
+
+			<section className="max-w-7xl mx-auto px-6 lg:px-24 py-20">
+				<div className="flex items-center gap-3 mb-10">
+					<div className="w-12 h-[1.5px] bg-brand-accent" />
+					<span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Institutional Innovation</span>
+				</div>
+
+				<div className="grid grid-cols-1 lg:grid-cols-3 gap-16">
+					<div className="lg:col-span-2 space-y-8">
+						{(config.content || []).map((paragraph, index) => (
+							<p key={`ariia-content-${index}`} className="text-lg leading-relaxed text-slate-700 font-medium border-l-4 border-brand-blue/5 pl-6">
+								{paragraph}
+							</p>
+						))}
+					</div>
+
+					<div className="space-y-8">
+						<div className="bg-white p-8 border border-brand-blue/10 shadow-sm rounded-lg relative overflow-hidden group">
+							<div className="absolute top-0 left-0 w-1 h-full bg-brand-maroon" />
+							<div className="flex items-center gap-3 mb-6 text-brand-maroon">
+								<Mail size={24} />
+								<h2 className="text-xl font-black uppercase tracking-tight">Contact Node</h2>
+							</div>
+							<p className="text-sm text-slate-600 mb-6 font-medium leading-relaxed">{config.contacts?.description}</p>
+							<div className="space-y-3">
+								{(config.contacts?.emails || []).map((email, index) => (
+									<a key={`ariia-email-${index}`} href={`mailto:${email}`} className="flex items-center gap-3 text-brand-blue hover:text-brand-accent transition-colors font-mono text-sm font-bold truncate">
+										<ExternalLink size={14} className="shrink-0" />
+										{email}
+									</a>
+								))}
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+		</div>
+	);
+}
diff --git a/New/src/pages/nbapage.jsx b/New/src/pages/nbapage.jsx
new file mode 100644
index 0000000..ac1f70b
--- /dev/null
+++ b/New/src/pages/nbapage.jsx
@@ -0,0 +1,119 @@
+import React from 'react';
+import PageHero from '../components/PageHero';
+import { motion } from 'framer-motion';
+import { ShieldCheck, Award, CheckCircle2, FileText } from 'lucide-react';
+
+export default function NbaPage() {
+  return (
+    <div className="min-h-screen bg-brand-bg font-sans pb-24">
+      {/* HERO SECTION */}
+      <PageHero 
+        titleStroke="NBA"
+        titleFill="ACCREDITED"
+        statutoryLabel="National Board"
+        policyLabel="of Accreditation"
+        rightLabel="Quality.Assurance"
+        rightContent={
+          <div className="space-y-4">
+            <p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+              Institutional commitment to <span className="text-brand-accent">academic quality</span> and global standards in technical education.
+            </p>
+            <div className="flex items-center gap-3 mt-4">
+              <div className="p-2 bg-brand-accent/20 rounded-lg border border-brand-accent/30">
+                <ShieldCheck size={20} className="text-brand-accent" />
+              </div>
+              <span className="text-xs font-mono font-black text-white/50 uppercase tracking-widest">Certified.Standards</span>
+            </div>
+          </div>
+        }
+      />
+
+      <section className="max-w-7xl mx-auto px-6 lg:px-24 py-20">
+        <div className="flex items-center gap-3 mb-12">
+          <div className="w-12 h-[1.5px] bg-brand-accent" />
+          <span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Accreditation Status</span>
+        </div>
+
+        <div className="grid grid-cols-1 lg:grid-cols-12 gap-16">
+          <div className="lg:col-span-8 space-y-12">
+            <div className="space-y-6">
+              <h2 className="text-4xl font-black text-brand-blue uppercase tracking-tighter italic leading-none">
+                Excellence in <br /> 
+                <span className="text-brand-maroon">Technical Education</span>
+              </h2>
+              <p className="text-lg leading-relaxed text-slate-700 font-medium border-l-4 border-brand-blue/5 pl-6">
+                The National Board of Accreditation (NBA) is one of the two major bodies responsible for accreditation of higher education institutions in India, along with the National Assessment and Accreditation Council (NAAC).
+              </p>
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+              {[
+                { title: 'B.Tech CSE', status: 'Accredited', year: '2022-2025' },
+                { title: 'B.Tech IT', status: 'Accredited', year: '2022-2025' },
+                { title: 'B.Tech ECE', status: 'Accredited', year: '2022-2025' },
+                { title: 'B.Tech EE', status: 'Accredited', year: '2022-2025' },
+              ].map((dept, i) => (
+                <motion.div 
+                  key={i}
+                  initial={{ opacity: 0, y: 20 }}
+                  whileInView={{ opacity: 1, y: 0 }}
+                  transition={{ delay: i * 0.1 }}
+                  className="bg-white p-8 border border-brand-blue/10 rounded-xl relative group hover:shadow-xl transition-all duration-500"
+                >
+                  <div className="absolute top-0 left-0 w-1 h-0 group-hover:h-full bg-brand-accent transition-all duration-500" />
+                  <div className="flex justify-between items-start mb-6">
+                    <h3 className="text-xl font-black text-brand-blue uppercase tracking-tight">{dept.title}</h3>
+                    <CheckCircle2 size={24} className="text-brand-accent" />
+                  </div>
+                  <div className="flex items-center justify-between text-xs font-mono font-bold">
+                    <span className="text-slate-400 uppercase tracking-widest">Status</span>
+                    <span className="text-brand-maroon px-2 py-1 bg-brand-maroon/5 rounded">{dept.status}</span>
+                  </div>
+                  <div className="flex items-center justify-between text-xs font-mono font-bold mt-2">
+                    <span className="text-slate-400 uppercase tracking-widest">Validity</span>
+                    <span className="text-brand-blue">{dept.year}</span>
+                  </div>
+                </motion.div>
+              ))}
+            </div>
+          </div>
+
+          <div className="lg:col-span-4 space-y-8">
+            <div className="bg-brand-blue p-8 rounded-xl text-white relative overflow-hidden group">
+              <div className="absolute top-0 right-0 w-32 h-32 bg-white/5 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2" />
+              <div className="relative z-10">
+                <Award size={32} className="text-brand-accent mb-6" />
+                <h3 className="text-xl font-black uppercase tracking-tight mb-4">NBA Benefits</h3>
+                <ul className="space-y-4">
+                  {[
+                    'Global recognition of degrees',
+                    'Quality assurance in education',
+                    'Better employment opportunities',
+                    'Fosters R&D environment'
+                  ].map((item, i) => (
+                    <li key={i} className="flex items-start gap-3 text-sm text-white/70 font-medium">
+                      <div className="w-1.5 h-1.5 rounded-full bg-brand-accent mt-1.5 shrink-0" />
+                      {item}
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            </div>
+
+            <div className="bg-white p-8 border border-brand-blue/10 rounded-xl group hover:border-brand-accent transition-colors">
+              <h3 className="text-sm font-mono font-black text-brand-maroon uppercase tracking-[0.2em] mb-6">Documents Node</h3>
+              <div className="space-y-3">
+                {['Self Assessment Report', 'Accreditation Certificate', 'Evaluation Report'].map((doc, i) => (
+                  <a key={i} href="#" className="flex items-center justify-between p-4 bg-slate-50 rounded-lg group/link hover:bg-brand-blue hover:text-white transition-all">
+                    <span className="text-xs font-bold uppercase tracking-tight">{doc}</span>
+                    <FileText size={16} className="text-brand-accent group-hover/link:text-white transition-colors" />
+                  </a>
+                ))}
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+}
diff --git a/New/src/pages/nirf.jsx b/New/src/pages/nirf.jsx
new file mode 100644
index 0000000..af25e16
--- /dev/null
+++ b/New/src/pages/nirf.jsx
@@ -0,0 +1,190 @@
+import React, { useEffect, useState } from 'react';
+import { motion } from 'framer-motion';
+import { FileText, Archive, Mail, ExternalLink, ChevronRight } from 'lucide-react';
+import PageHero from '../components/PageHero';
+
+export default function NirfPage() {
+	const [config, setConfig] = useState(null);
+
+	useEffect(() => {
+		fetch('/config/page-nirf-config.json')
+			.then((res) => res.json())
+			.then((data) => setConfig(data))
+			.catch((err) => console.error('Failed to load NIRF config:', err));
+	}, []);
+
+	if (!config) {
+		return (
+			<div className="min-h-screen flex items-center justify-center bg-white">
+				<div className="animate-pulse text-lg font-semibold tracking-wider text-gray-400">Loading NIRF Data...</div>
+			</div>
+		);
+	}
+
+	return (
+		<div className="min-h-screen bg-brand-bg font-sans pb-24">
+			{/* HERO SECTION */}
+			<PageHero 
+				titleStroke="NIRF"
+				titleFill="RANKING"
+				statutoryLabel="National Institutional"
+				policyLabel="Ranking Framework"
+				rightLabel="Institutional.Value"
+				rightContent={
+					<div className="space-y-4">
+						<p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+							National Institutional Ranking Framework (NIRF) <span className="text-brand-accent">Rankings & Submissions</span> for the Ministry of Education.
+						</p>
+						<div className="relative mt-4 group">
+							<img
+								src="/assets/nirf/nirf-2020-rank-l.jpg"
+								alt="NIRF Ranking Certificate"
+								className="w-full h-auto object-cover rounded-lg border border-white/20 shadow-2xl transition-transform duration-500 group-hover:scale-[1.02]"
+							/>
+							<div className="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent rounded-lg pointer-events-none" />
+						</div>
+					</div>
+				}
+			/>
+
+			<div className="max-w-7xl mx-auto px-6 lg:px-12 py-16 space-y-16">
+				
+				{/* DESCRIPTION SECTION */}
+				<section className="bg-white rounded-3xl shadow-[0_10px_40px_rgba(0,0,0,0.03)] border border-gray-100 p-8 md:p-12 relative overflow-hidden">
+					<div className="absolute top-0 right-0 w-64 h-64 bg-[#008b8b] opacity-[0.03] rounded-full blur-3xl translate-x-1/2 -translate-y-1/2"></div>
+					<div className="flex items-center gap-4 mb-8 pb-4 border-b border-gray-100 relative z-10">
+						<div className="w-2 h-10 bg-[#008b8b] rounded-full"></div>
+						<h2 className="text-2xl md:text-3xl font-black text-[#800000] uppercase tracking-wide">Transparency & Accuracy</h2>
+					</div>
+					<div className="space-y-5 relative z-10">
+						{config.description.map((desc, idx) => (
+							<p key={idx} className="text-lg text-gray-700 leading-relaxed font-medium flex items-start gap-3">
+								<span className="text-[#008b8b] mt-1.5 shrink-0">•</span>
+								<span>{desc}</span>
+							</p>
+						))}
+					</div>
+				</section>
+
+				<div className="grid grid-cols-1 lg:grid-cols-3 gap-12">
+					{/* LEFT COLUMN: Current Year & Archives */}
+					<div className="lg:col-span-2 space-y-16">
+						
+						{/* CURRENT YEAR */}
+						<section>
+							<div className="flex items-center gap-4 mb-8">
+								<div className="w-14 h-14 rounded-2xl bg-[#800000]/10 flex items-center justify-center text-[#800000] shadow-inner">
+									<FileText size={28} />
+								</div>
+								<h2 className="text-3xl md:text-4xl font-black text-[#800000] tracking-tight">
+									Submitted Data {config.current_year.year}
+								</h2>
+							</div>
+
+							<div className="grid grid-cols-1 sm:grid-cols-2 gap-6">
+								{config.current_year.categories.map((cat, idx) => (
+									<a
+										key={idx}
+										href={cat.url || '#'}
+										target={cat.url ? "_blank" : "_self"}
+										className={`group p-8 rounded-2xl border transition-all duration-300 flex items-center justify-between shadow-sm ${
+											cat.url 
+												? 'bg-white border-gray-200 hover:border-[#008b8b] hover:shadow-xl hover:-translate-y-1' 
+												: 'bg-gray-50 border-gray-100 opacity-70 cursor-not-allowed'
+										}`}
+									>
+										<div>
+											<h3 className="font-bold text-xl text-gray-800 group-hover:text-[#008b8b] transition-colors">{cat.name}</h3>
+											<p className="text-sm text-gray-500 mt-2 uppercase tracking-widest font-bold">Category</p>
+										</div>
+										<div className={`w-12 h-12 rounded-full flex items-center justify-center transition-all duration-300 shrink-0 ${
+											cat.url ? 'bg-[#f5f0eb] text-[#800000] group-hover:bg-[#008b8b] group-hover:text-white' : 'bg-gray-200 text-gray-400'
+										}`}>
+											{cat.url ? <ExternalLink size={20} /> : <FileText size={20} />}
+										</div>
+									</a>
+								))}
+							</div>
+						</section>
+
+						{/* ARCHIVES */}
+						<section>
+							<div className="flex items-center gap-4 mb-8">
+								<div className="w-14 h-14 rounded-2xl bg-[#008b8b]/10 flex items-center justify-center text-[#008b8b] shadow-inner">
+									<Archive size={28} />
+								</div>
+								<h2 className="text-3xl md:text-4xl font-black text-[#800000] tracking-tight">Archives</h2>
+							</div>
+
+							<div className="bg-white rounded-3xl border border-gray-200 overflow-hidden shadow-sm">
+								{config.archives.map((archive, idx) => (
+									<div key={idx} className={`p-6 md:p-8 flex flex-col sm:flex-row sm:items-center justify-between gap-6 hover:bg-gray-50 transition-colors ${idx !== config.archives.length - 1 ? 'border-b border-gray-100' : ''}`}>
+										<h3 className="text-3xl font-black text-gray-800 w-28 shrink-0">{archive.year}</h3>
+										<div className="flex flex-wrap gap-3 flex-1">
+											{archive.categories ? (
+												archive.categories.map((cat, catIdx) => (
+													<span key={catIdx} className="bg-white border border-[#008b8b]/30 px-4 py-1.5 rounded-full text-sm font-bold text-[#008b8b] shadow-sm">
+														{cat}
+													</span>
+												))
+											) : (
+												<span className="text-sm font-medium text-gray-400 italic px-2">Data available upon request</span>
+											)}
+										</div>
+										<button className="text-[#800000] font-bold text-sm uppercase tracking-wider flex items-center gap-2 hover:text-[#008b8b] transition-colors group px-4 py-2 rounded-lg hover:bg-[#008b8b]/5">
+											View 
+											<ChevronRight size={16} className="group-hover:translate-x-1 transition-transform" />
+										</button>
+									</div>
+								))}
+							</div>
+						</section>
+					</div>
+
+					{/* RIGHT COLUMN: Contact & Info */}
+					<div className="space-y-8">
+						<div className="bg-gradient-to-br from-[#800000] to-[#5a0000] rounded-3xl p-8 md:p-10 text-white shadow-xl relative overflow-hidden">
+							<div className="absolute top-0 right-0 w-48 h-48 bg-white opacity-5 rounded-full blur-3xl translate-x-1/3 -translate-y-1/3"></div>
+							<div className="absolute bottom-0 left-0 w-32 h-32 bg-[#008b8b] opacity-20 rounded-full blur-2xl -translate-x-1/2 translate-y-1/2"></div>
+							
+							<div className="w-14 h-14 rounded-2xl bg-white/10 flex items-center justify-center backdrop-blur-md mb-8 border border-white/20 relative z-10 shadow-inner">
+								<Mail size={28} className="text-white" />
+							</div>
+							
+							<h3 className="text-2xl font-bold mb-4 relative z-10">Feedback & Comments</h3>
+							<p className="text-white/80 leading-relaxed mb-8 relative z-10 font-medium">
+								{config.contacts.description}
+							</p>
+							
+							<div className="space-y-4 relative z-10">
+								{config.contacts.emails.map((email, idx) => (
+									<a 
+										key={idx} 
+										href={`mailto:${email}`}
+										className="flex items-center gap-4 bg-white/5 hover:bg-white/15 p-4 rounded-xl transition-all border border-white/10 hover:border-white/30 group backdrop-blur-sm"
+									>
+										<div className="bg-white/10 p-2 rounded-lg group-hover:bg-[#008b8b] transition-colors">
+											<Mail size={16} className="text-white" />
+										</div>
+										<span className="font-bold tracking-wide">{email}</span>
+									</a>
+								))}
+							</div>
+						</div>
+						
+						<div className="bg-[#f5f0eb] rounded-3xl p-8 md:p-10 border border-[#800000]/10 shadow-sm relative overflow-hidden">
+							<div className="absolute right-0 top-0 w-24 h-24 bg-[#008b8b]/5 rounded-bl-full"></div>
+							<h3 className="text-xl font-black text-[#800000] mb-4 uppercase tracking-widest flex items-center gap-2">
+								<span className="w-2 h-2 rounded-full bg-[#008b8b]"></span>
+								Important Notice
+							</h3>
+							<p className="text-gray-700 text-sm md:text-base leading-relaxed font-medium">
+								All submitted data is strictly in accordance with the rules and guidelines provided by the National Institutional Ranking Framework (NIRF), Ministry of Education, Government of India.
+							</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	);
+}
diff --git a/New/src/pages/rd.jsx b/New/src/pages/rd.jsx
new file mode 100644
index 0000000..047855c
--- /dev/null
+++ b/New/src/pages/rd.jsx
@@ -0,0 +1,308 @@
+import React, { useEffect, useState } from 'react';
+import { motion } from 'framer-motion';
+import { FileText, Handshake, ChevronRight, FlaskConical, Library, Building2, ExternalLink, Award } from 'lucide-react';
+import PageHero from '../components/PageHero';
+
+export default function RDPage() {
+	const [config, setConfig] = useState(null);
+
+	useEffect(() => {
+		fetch('/config/page-rd-config.json')
+			.then((res) => res.json())
+			.then((data) => setConfig(data.research_and_development))
+			.catch((err) => console.error('Failed to load R&D config:', err));
+	}, []);
+
+	if (!config) {
+		return (
+			<div className="min-h-screen flex items-center justify-center bg-white">
+				<div className="animate-pulse text-lg font-semibold tracking-wider text-gray-400">Loading...</div>
+			</div>
+		);
+	}
+
+	const containerVariants = {
+		hidden: { opacity: 0 },
+		visible: {
+			opacity: 1,
+			transition: {
+				staggerChildren: 0.08
+			}
+		}
+	};
+
+	const itemVariants = {
+		hidden: { y: 16, opacity: 0 },
+		visible: { y: 0, opacity: 1 }
+	};
+
+	const getUrl = (url) => {
+		if (!url) return '#';
+		return url.startsWith('/') ? url : `/${url}`;
+	};
+
+	const getImageForItem = (title, category) => {
+		const imageMap = {
+			// General items - unique high-quality research/academic images
+			'R&D PROJECTS AND AWARDS': 'https://images.unsplash.com/photo-1532094349884-543bc11b234d?w=500&h=300&fit=crop',
+			'INNOVATION ECOSYSTEM': 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=500&h=300&fit=crop',
+			'R&D GUIDELINES': 'https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=500&h=300&fit=crop',
+			'PH.D. AWARDED': 'https://images.unsplash.com/photo-1523050854058-8df90110c9f1?w=500&h=300&fit=crop',
+			'PUBLICATIONS': 'https://images.unsplash.com/photo-1456324504439-367cee3b3c32?w=500&h=300&fit=crop',
+			'FACULTY EXCHANGE': 'https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=500&h=300&fit=crop'
+		};
+		
+		return imageMap[title.toUpperCase()] || 'https://images.unsplash.com/photo-1507413245164-6160d8298b31?w=500&h=300&fit=crop';
+	};
+
+	const getMouImage = (organization, index) => {
+		const mouImages = [
+			'https://images.unsplash.com/photo-1560264280-88b68371db39?w=500&h=300&fit=crop', // business handshake
+			'https://images.unsplash.com/photo-1556761175-5973dc0f32b7?w=500&h=300&fit=crop', // corporate meeting handshake
+			'https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=500&h=300&fit=crop', // team meeting
+			'https://images.unsplash.com/photo-1542744173-8e7e53415bb0?w=500&h=300&fit=crop', // presentation
+			'https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=300&fit=crop', // teamwork over laptop
+			'https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?w=500&h=300&fit=crop', // handshake over desk
+		];
+		return mouImages[index % mouImages.length];
+	};
+
+	const getOtherImage = (title, index) => {
+		const otherImages = [
+			'https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=500&h=300&fit=crop', // scientist microscope
+			'https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=500&h=300&fit=crop', // code/tech
+			'https://images.unsplash.com/photo-1531297172864-742c86d4109f?w=500&h=300&fit=crop', // digital tech
+			'https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=500&h=300&fit=crop', // globe connection
+		];
+		return otherImages[index % otherImages.length];
+	};
+
+	return (
+		<div className="min-h-screen bg-brand-bg font-sans">
+			{/* HERO SECTION */}
+			<PageHero 
+				titleStroke="R & D"
+				titleFill="CENTRE"
+				statutoryLabel="Research &"
+				policyLabel="Development"
+				rightLabel="Innovation.Core"
+				rightContent={
+					<div className="space-y-4">
+						<p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+							Driving innovation through <span className="text-brand-accent">academic excellence</span> and strategic partnerships with industry leaders.
+						</p>
+						<p className="text-white/45 text-[13px] font-body italic border-l-2 border-brand-maroon pl-3">
+							"The future belongs to the curious."
+						</p>
+					</div>
+				}
+			/>
+
+			{/* CONTENT SECTIONS */}
+			<div className="max-w-7xl mx-auto px-6 lg:px-24 py-20 space-y-20">
+				
+				{/* GENERAL INITIATIVES */}
+				{config.general && config.general.length > 0 && (
+					<motion.section 
+						variants={containerVariants}
+						initial="hidden"
+						animate="visible"
+						className="space-y-12"
+					>
+						<div className="flex items-center gap-3">
+							<div className="w-12 h-[1.5px] bg-brand-accent" />
+							<span className="text-xs font-mono font-black text-brand-accent uppercase tracking-[0.3em]">Key Initiatives & Reports</span>
+						</div>
+
+						<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+							{config.general.map((item, idx) => (
+								<motion.a
+									key={idx}
+									variants={itemVariants}
+									href={getUrl(item.url)}
+									target={item.url ? "_blank" : "_self"}
+									rel={item.url ? "noopener noreferrer" : ""}
+									className={`group block rounded-lg border overflow-hidden transition-all duration-300 ${
+										item.url 
+											? 'border-gray-200 hover:border-gray-300 hover:shadow-lg hover:-translate-y-1' 
+											: 'border-gray-100 opacity-60 cursor-not-allowed'
+									}`}
+									style={item.url ? { backgroundColor: '#fff' } : { backgroundColor: '#fafafa' }}
+								>
+									<div className="relative h-40 overflow-hidden bg-gray-200">
+										<img 
+											src={getImageForItem(item.title, 'general')}
+											alt={item.title}
+											className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+											onError={(e) => {
+												e.target.style.display = 'none';
+												e.target.nextElementSibling.style.display = 'flex';
+											}}
+										/>
+										<div 
+											className="absolute inset-0 hidden items-center justify-center"
+											style={{ backgroundColor: 'rgb(128, 0, 0)', opacity: 0.1 }}
+										>
+											<FileText size={32} style={{ color: 'rgb(128, 0, 0)' }} />
+										</div>
+									</div>
+									<div className="p-6">
+										<h3 
+											className="font-semibold text-lg text-gray-900 group-hover:text-gray-700 transition-colors"
+										>
+											{item.title}
+										</h3>
+										{item.url && (
+											<div className="flex items-center gap-1 mt-4 text-sm font-medium" style={{ color: 'rgb(128, 0, 0)' }}>
+												<span>View Document</span>
+												<ChevronRight size={16} className="group-hover:translate-x-1 transition-transform" />
+											</div>
+										)}
+									</div>
+								</motion.a>
+							))}
+						</div>
+					</motion.section>
+				)}
+
+				{/* MOUs SECTION */}
+				{config.mous && config.mous.length > 0 && (
+					<motion.section 
+						initial={{ y: 30, opacity: 0 }}
+						whileInView={{ y: 0, opacity: 1 }}
+						viewport={{ once: true }}
+						transition={{ duration: 0.6 }}
+						className="space-y-8"
+					>
+						<div className="space-y-2">
+							<div className="flex items-center gap-3">
+								<div className="w-1 h-8" style={{ backgroundColor: 'rgb(128, 0, 0)' }}></div>
+								<h2 
+									className="text-3xl md:text-4xl font-bold"
+									style={{ color: 'rgb(128, 0, 0)' }}
+								>
+									Industry Partnerships
+								</h2>
+							</div>
+							<p className="text-gray-500 ml-4 font-light">Strategic alliances with leading organizations</p>
+						</div>
+
+						<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+							{config.mous.map((item, idx) => (
+								<a
+									key={idx}
+									href={getUrl(item.url)}
+									target={item.url ? "_blank" : "_self"}
+									rel={item.url ? "noopener noreferrer" : ""}
+									className="group flex flex-col overflow-hidden border border-gray-200 rounded-lg hover:border-gray-300 hover:shadow-lg transition-all duration-300 hover:-translate-y-1 bg-white h-full"
+								>
+									<div className="relative h-40 overflow-hidden bg-gray-200">
+										<img 
+											src={getMouImage(item.organization, idx)}
+											alt={item.organization}
+											className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+											onError={(e) => {
+												e.target.style.display = 'none';
+												e.target.nextElementSibling.style.display = 'flex';
+											}}
+										/>
+										<div 
+											className="absolute inset-0 hidden items-center justify-center"
+											style={{ backgroundColor: 'rgb(128, 0, 0)', opacity: 0.15 }}
+										>
+											<Building2 size={32} style={{ color: 'rgb(128, 0, 0)' }} />
+										</div>
+									</div>
+									<div className="p-6 flex flex-col flex-1">
+										<h3 className="font-semibold text-lg text-gray-900 mb-2">
+											{item.organization}
+										</h3>
+										{item.url && (
+											<div className="mt-auto pt-4 flex items-center gap-2 text-sm font-medium" style={{ color: 'rgb(128, 0, 0)' }}>
+												<ExternalLink size={16} />
+												<span>View MOU</span>
+											</div>
+										)}
+									</div>
+								</a>
+							))}
+						</div>
+					</motion.section>
+				)}
+
+				{/* OTHER PROJECTS */}
+				{config.other && config.other.length > 0 && (
+					<motion.section 
+						initial={{ y: 30, opacity: 0 }}
+						whileInView={{ y: 0, opacity: 1 }}
+						viewport={{ once: true }}
+						transition={{ duration: 0.6 }}
+						className="space-y-8"
+					>
+						<div className="space-y-2">
+							<div className="flex items-center gap-3">
+								<div className="w-1 h-8" style={{ backgroundColor: 'rgb(128, 0, 0)' }}></div>
+								<h2 
+									className="text-3xl md:text-4xl font-bold"
+									style={{ color: 'rgb(128, 0, 0)' }}
+								>
+									Special Initiatives
+								</h2>
+							</div>
+							<p className="text-gray-500 ml-4 font-light">Featured projects and programs</p>
+						</div>
+
+						<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+							{config.other.map((item, idx) => (
+								<div 
+									key={idx} 
+									className="group relative overflow-hidden rounded-lg border border-gray-200 hover:border-gray-300 transition-all duration-300 hover:shadow-lg bg-white flex flex-col h-full hover:-translate-y-1"
+								>
+									<div className="relative h-40 overflow-hidden bg-gray-200">
+										<img 
+											src={getOtherImage(item.title, idx)}
+											alt={item.title}
+											className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+											onError={(e) => {
+												e.target.style.display = 'none';
+												e.target.nextElementSibling.style.display = 'flex';
+											}}
+										/>
+										<div 
+											className="absolute inset-0 hidden items-center justify-center"
+											style={{ backgroundColor: 'rgb(128, 0, 0)', opacity: 0.12 }}
+										>
+											<Award size={32} style={{ color: 'rgb(128, 0, 0)' }} />
+										</div>
+									</div>
+									<div className="p-6 flex flex-col h-full">
+										<h3 className="font-semibold text-lg text-gray-900 mb-4">
+											{item.title}
+										</h3>
+										
+										{item.url && (
+											<a 
+												href={getUrl(item.url)}
+												target="_blank"
+												rel="noopener noreferrer" 
+												className="mt-auto inline-flex items-center gap-2 text-sm font-medium transition-all hover:gap-3"
+												style={{ color: 'rgb(128, 0, 0)' }}
+												title={`View ${item.title}`}
+											>
+												<span>Learn More</span>
+												<ChevronRight size={16} />
+											</a>
+										)}
+									</div>
+								</div>
+							))}
+						</div>
+					</motion.section>
+				)}
+			</div>
+
+			{/* FOOTER SPACING */}
+			<div className="h-20"></div>
+		</div>
+	);
+}
diff --git a/New/src/pages/uba.jsx b/New/src/pages/uba.jsx
new file mode 100644
index 0000000..7d5c382
--- /dev/null
+++ b/New/src/pages/uba.jsx
@@ -0,0 +1,232 @@
+import React, { useEffect, useState } from 'react';
+import { motion } from 'framer-motion';
+import PageHero from '../components/PageHero';
+import { Mail, Phone, FileText, ExternalLink, MapPin } from 'lucide-react';
+
+export default function UbaPage() {
+	const [config, setConfig] = useState(null);
+
+	useEffect(() => {
+		fetch('/config/page-uba-config.json')
+			.then((res) => res.json())
+			.then((data) => setConfig(data))
+			.catch((err) => console.error('Failed to load UBA config:', err));
+	}, []);
+
+	if (!config) {
+		return (
+			<div className="min-h-screen flex items-center justify-center" style={{ backgroundColor: '#ffffff', color: '#800000' }}>
+				<div className="animate-pulse text-xl font-bold tracking-widest">Loading UBA page...</div>
+			</div>
+		);
+	}
+
+	return (
+		<div className="min-h-screen bg-brand-bg font-sans pb-24">
+			{/* HERO SECTION */}
+			<PageHero 
+				titleStroke="UNNAT"
+				titleFill="BHARAT"
+				statutoryLabel="Unnat Bharat"
+				policyLabel="Abhiyan (UBA)"
+				rightLabel="Community.Action"
+				rightContent={
+					<div className="space-y-4">
+						<p className="text-white/70 text-[15px] font-body font-medium leading-relaxed">
+							Transforming <span className="text-brand-accent">Rural India</span> through institutional knowledge and community participation.
+						</p>
+						<div className="flex items-center gap-4 mt-4">
+							<img src="/assets/uba/emblem.png" alt="Emblem" className="h-20 w-auto object-contain drop-shadow-2xl" />
+							<div className="h-12 w-px bg-white/20" />
+							<img src="/assets/uba/uba-logo.png" alt="UBA Logo" className="h-16 w-auto object-contain brightness-0 invert opacity-70" />
+						</div>
+					</div>
+				}
+			/>
+
+			{/* MAP SECTION */}
+			<section className="max-w-7xl mx-auto px-6 lg:px-24 -mt-16 relative z-10">
+				<motion.div 
+					initial={{ y: 40, opacity: 0 }}
+					animate={{ y: 0, opacity: 1 }}
+					transition={{ duration: 0.7, delay: 0.5 }}
+					className="rounded-xl overflow-hidden shadow-2xl border border-brand-blue/10 bg-white"
+				>
+					<div className="bg-brand-blue py-5 px-8 text-white flex items-center justify-between">
+						<h2 className="text-xl font-black uppercase tracking-[0.2em] italic">Adopted Villages Node</h2>
+						<div className="flex items-center gap-2 text-brand-accent text-xs font-mono font-bold uppercase tracking-widest">
+							<MapPin size={14} /> Regional Presence
+						</div>
+					</div>
+					<div className="w-full h-[50vh] md:h-[65vh] bg-slate-900 relative">
+						<img 
+							src="/assets/uba/uba-map-01.jpg" 
+							alt="UBA Map" 
+							className="w-full h-full object-cover object-center opacity-80"
+						/>
+						<div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent pointer-events-none" />
+					</div>
+					<div className="bg-white p-8 grid grid-cols-2 md:grid-cols-5 gap-6 border-t border-brand-blue/5">
+						{config.adopted_villages.map((village, idx) => (
+							<div key={idx} className="flex items-center gap-3 group">
+								<div className="w-2 h-2 rounded-full bg-brand-accent group-hover:scale-150 transition-transform shadow-[0_0_8px_rgba(0,139,139,0.6)]"></div>
+								<span className="text-sm font-black text-brand-blue/80 uppercase tracking-tight italic group-hover:text-brand-maroon transition-colors">{village}</span>
+							</div>
+						))}
+					</div>
+				</motion.div>
+			</section>
+
+			{/* MAIN CONTENT GRID */}
+			<section className="max-w-7xl mx-auto px-6 lg:px-12 py-20 grid grid-cols-1 lg:grid-cols-3 gap-12">
+				{/* LEFT COLUMN: About & Mission */}
+				<div className="lg:col-span-2 space-y-16">
+					<div>
+						<h2 className="text-3xl font-black text-[#800000] mb-6 border-l-4 border-[#008b8b] pl-4">About UBA</h2>
+						<div className="space-y-4">
+							{config.about.map((p, idx) => (
+								<p key={idx} className="text-lg text-gray-700 leading-relaxed font-medium">
+									{p}
+								</p>
+							))}
+						</div>
+					</div>
+
+					<div className="bg-[#f9f9f9] rounded-2xl p-8 border border-gray-200 shadow-sm">
+						<h2 className="text-2xl font-black text-[#800000] mb-6">Mission</h2>
+						<ul className="space-y-4">
+							{config.mission.map((m, idx) => (
+								<li key={idx} className="flex items-start gap-4">
+									<div className="w-8 h-8 rounded-full bg-[#008b8b] text-white flex items-center justify-center shrink-0 font-bold">
+										{idx + 1}
+									</div>
+									<span className="text-gray-800 text-lg pt-1">{m}</span>
+								</li>
+							))}
+						</ul>
+					</div>
+
+					<div>
+						<h2 className="text-3xl font-black text-[#800000] mb-6 border-l-4 border-[#008b8b] pl-4">Coordinator's Message</h2>
+						<div className="space-y-4 bg-white p-8 rounded-2xl shadow-lg border border-gray-100 relative">
+							<div className="absolute top-2 left-4 text-7xl text-gray-100 font-serif leading-none">"</div>
+							{config.coordinator_message.map((p, idx) => (
+								<p key={idx} className="text-lg text-gray-600 leading-relaxed relative z-10 italic">
+									{p}
+								</p>
+							))}
+						</div>
+					</div>
+				</div>
+
+				{/* RIGHT COLUMN: Focus, Functions, Intervention */}
+				<div className="space-y-8">
+					<div className="bg-white rounded-2xl shadow-md border border-gray-100 p-8 border-t-4 border-t-[#800000]">
+						<h3 className="text-xl font-bold text-[#800000] mb-4 uppercase tracking-widest">Major Focus</h3>
+						<ul className="space-y-3">
+							{config.major_focus.map((f, idx) => (
+								<li key={idx} className="flex items-start gap-2">
+									<span className="text-[#008b8b] font-bold mt-1">▹</span>
+									<span className="text-gray-700">{f}</span>
+								</li>
+							))}
+						</ul>
+					</div>
+
+					<div className="bg-white rounded-2xl shadow-md border border-gray-100 p-8 border-t-4 border-t-[#008b8b]">
+						<h3 className="text-xl font-bold text-[#800000] mb-4 uppercase tracking-widest">Functions</h3>
+						<ul className="space-y-3">
+							{config.functions.map((f, idx) => (
+								<li key={idx} className="flex items-start gap-2">
+									<span className="text-[#800000] font-bold mt-1">▹</span>
+									<span className="text-gray-700">{f}</span>
+								</li>
+							))}
+						</ul>
+					</div>
+
+					<div className="bg-gradient-to-br from-[#800000] to-[#5a0000] rounded-2xl shadow-md p-8 text-white">
+						<h3 className="text-xl font-bold mb-6 uppercase tracking-widest text-white">Intervention Areas</h3>
+						
+						<div className="mb-8">
+							<h4 className="font-bold text-[#008b8b] mb-4 uppercase text-sm bg-white px-3 py-1 rounded inline-block shadow-sm">Human Development</h4>
+							<div className="flex flex-wrap gap-2">
+								{config.intervention_areas.human_development.map((item, idx) => (
+									<span key={idx} className="bg-white/10 border border-white/20 px-3 py-1.5 rounded-full text-sm backdrop-blur-sm">{item}</span>
+								))}
+							</div>
+						</div>
+						
+						<div>
+							<h4 className="font-bold text-[#008b8b] mb-4 uppercase text-sm bg-white px-3 py-1 rounded inline-block shadow-sm">Economic Development</h4>
+							<div className="flex flex-wrap gap-2">
+								{config.intervention_areas.economic_development.map((item, idx) => (
+									<span key={idx} className="bg-white/10 border border-white/20 px-3 py-1.5 rounded-full text-sm backdrop-blur-sm">{item}</span>
+								))}
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+
+			{/* CONTACTS & DOCUMENTS */}
+			<section className="max-w-7xl mx-auto px-6 lg:px-12 pb-20">
+				<div className="grid grid-cols-1 md:grid-cols-2 gap-12">
+					<div>
+						<h2 className="text-2xl font-bold text-[#800000] mb-6">Contact Details</h2>
+						<div className="grid gap-6">
+							{config.contacts.map((contact, idx) => (
+								<div key={idx} className="bg-gray-50 p-6 rounded-xl border border-gray-200">
+									<h3 className="text-lg font-bold text-gray-800">{contact.name}</h3>
+									<p className="text-[#008b8b] font-bold text-sm mb-2">{contact.designation}</p>
+									<p className="text-sm text-gray-600 mb-4">{contact.role}</p>
+									<div className="space-y-2 text-sm bg-white p-4 rounded-lg border border-gray-100">
+										<p className="flex items-center gap-2"><span className="font-bold text-gray-700 w-12">Email:</span> <span className="text-gray-600">{Array.isArray(contact.email) ? contact.email.join(', ') : contact.email}</span></p>
+										<p className="flex items-center gap-2"><span className="font-bold text-gray-700 w-12">Phone:</span> <span className="text-gray-600">{Array.isArray(contact.phone) ? contact.phone.join(', ') : contact.phone}</span></p>
+									</div>
+								</div>
+							))}
+						</div>
+					</div>
+					<div>
+						<h2 className="text-2xl font-bold text-[#800000] mb-6">Important Documents</h2>
+						<div className="space-y-4">
+							{config.documents.map((doc, idx) => (
+								<a 
+									key={idx} 
+									href={doc.url}
+									target="_blank"
+									rel="noopener noreferrer"
+									className="flex items-center gap-4 bg-white p-5 rounded-xl border border-gray-200 hover:border-[#008b8b] hover:shadow-md transition-all group"
+								>
+									<div className="w-12 h-12 rounded-full bg-[#f5f0eb] flex items-center justify-center text-[#800000] group-hover:bg-[#008b8b] group-hover:text-white transition-colors">
+										<svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>
+									</div>
+									<div>
+										<h4 className="font-bold text-gray-800 group-hover:text-[#008b8b] transition-colors">{doc.title}</h4>
+										<p className="text-xs text-gray-500 uppercase mt-1 font-bold">{doc.type}</p>
+									</div>
+								</a>
+							))}
+						</div>
+					</div>
+				</div>
+			</section>
+
+			{/* FOOTER LOGOS */}
+			<section className="w-full bg-[#f9f9f9] py-16 border-t border-gray-200">
+				<div className="max-w-4xl mx-auto px-6 flex flex-col sm:flex-row items-center justify-center gap-16 md:gap-24">
+					<div className="flex flex-col items-center group cursor-pointer">
+						<img src="/assets/uba/uba-logo.png" alt="UBA Logo" className="h-32 md:h-40 object-contain drop-shadow-md group-hover:scale-105 transition-transform" />
+						<p className="mt-6 text-sm font-bold text-gray-500 uppercase tracking-widest text-center group-hover:text-[#800000] transition-colors">Unnat Bharat Abhiyan</p>
+					</div>
+					<div className="hidden sm:block w-px h-32 bg-gray-300"></div>
+					<div className="flex flex-col items-center group cursor-pointer">
+						<img src="/assets/uba/nsec_logo_w962xh1280.jpeg" alt="NSEC Logo" className="h-32 md:h-40 object-contain drop-shadow-md group-hover:scale-105 transition-transform rounded-md" />
+						<p className="mt-6 text-sm font-bold text-gray-500 uppercase tracking-widest text-center group-hover:text-[#008b8b] transition-colors">Netaji Subhash Engineering College</p>
+					</div>
+				</div>
+			</section>
+		</div>
+	);
+}