{"id":12,"date":"2026-03-13T07:28:08","date_gmt":"2026-03-13T07:28:08","guid":{"rendered":"https:\/\/Demo5.yinwoodweb.com\/perez\/?page_id=12"},"modified":"2026-07-22T03:46:44","modified_gmt":"2026-07-22T03:46:44","slug":"about-us","status":"publish","type":"page","link":"https:\/\/Demo5.yinwoodweb.com\/perez\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\n\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-3bf302a1 alignfull uagb-is-root-container\">\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n<title>About Us | St. Anthony of Padua Parish<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&#038;family=DM+Sans:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\n\n:root{\n  --bg:#F4EDE2;\n  --cream:#FFFEF9;\n  --warm:#FDF8F0;\n  --border:#E9DCCF;\n  --border-hover:#D0B084;\n  --brown-dark:#6B3E1C;\n  --brown:#7C4D2B;\n  --brown-mid:#9F6838;\n  --amber:#B47C48;\n  --gold:#C9915E;\n  --gold-light:#D6B17E;\n  --sand:#E2CFB7;\n  --cream-text:#FADB9F;\n  --text-primary:#2C241E;\n  --text-body:#3D2C20;\n  --text-muted:#7B5A3E;\n  --text-light:#9B7A5A;\n  --max-content:1400px;\n}\n\nhtml{scroll-behavior:smooth;}\nbody{\n  background:var(--bg);margin:0;padding:0;\n  font-family:'DM Sans',system-ui,-apple-system,sans-serif;\n  color:var(--text-primary);overflow-x:hidden;\n  -webkit-font-smoothing:antialiased;\n}\n\n.st-anthony-about{width:100%;position:relative;overflow:hidden;}\n.st-anthony-about a{text-decoration:none!important;}\n.inner{width:100%;max-width:var(--max-content);margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem);}\n\n\/* ===== ANIMATIONS ===== *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}\n@keyframes fadeInRight{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}\n@keyframes scaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}\n\n\/* ===== PARTICLES ===== *\/\n.particles-container{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}\n.particle{position:absolute;border-radius:50%;opacity:0;animation:particleFloat linear infinite;}\n@keyframes particleFloat{\n  0%{opacity:0;transform:translateY(0) translateX(0) scale(.5)}\n  10%{opacity:.5}90%{opacity:.4}\n  100%{opacity:0;transform:translateY(-100vh) translateX(50px) scale(1.2)}\n}\n.particle.p1{width:5px;height:5px;background:#C9915E;left:8%;bottom:-20px;animation-duration:14s;animation-delay:0s}\n.particle.p2{width:3px;height:3px;background:#B47C48;left:18%;bottom:-20px;animation-duration:17s;animation-delay:1.5s}\n.particle.p3{width:7px;height:7px;background:#E2CFB7;left:30%;bottom:-20px;animation-duration:13s;animation-delay:3s}\n.particle.p4{width:4px;height:4px;background:#9F6838;left:45%;bottom:-20px;animation-duration:16s;animation-delay:.8s}\n.particle.p5{width:6px;height:6px;background:#FADB9F;left:60%;bottom:-20px;animation-duration:18s;animation-delay:2s}\n.particle.p6{width:3px;height:3px;background:#D6B17E;left:75%;bottom:-20px;animation-duration:20s;animation-delay:4s}\n.particle.p7{width:5px;height:5px;background:#C9915E;left:88%;bottom:-20px;animation-duration:15s;animation-delay:5s}\n.particle.p8{width:4px;height:4px;background:rgba(244,237,226,.4);left:52%;bottom:-20px;animation-duration:22s;animation-delay:7s}\n\n\/* ===== HERO ===== *\/\n.about-hero{\n  width:100%;padding:clamp(3rem,7vw,5rem) 0;\n  text-align:center;position:relative;overflow:hidden;\n  min-height:clamp(280px,40vh,420px);\n  display:flex;align-items:center;justify-content:center;\n  animation:fadeUp .7s ease-out;z-index:1;\n}\n.about-hero-bg{\n  position:absolute;inset:0;z-index:0;\n  background:linear-gradient(135deg,var(--brown) 0%,var(--brown-mid) 50%,var(--amber) 100%);\n}\n.about-hero-bg::after{\n  content:'';position:absolute;inset:0;\n  background:url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='1.5'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  pointer-events:none;\n}\n.about-hero .hero-inner{position:relative;z-index:2;max-width:750px;padding:0 2rem}\n.about-hero h1{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(2.2rem,5vw,3.6rem);\n  font-weight:700;color:#FFF6EA;line-height:1.1;\n  display:flex;align-items:center;gap:16px;\n  flex-wrap:wrap;justify-content:center;\n  text-shadow:0 3px 30px rgba(0,0,0,.2);\n  animation:fadeUp .7s .1s ease-out backwards;\n}\n.about-hero h1 i{font-size:clamp(1.8rem,4vw,2.8rem);color:var(--cream-text)}\n.about-hero .hero-sub{\n  font-size:clamp(.95rem,1.6vw,1.15rem);color:#FFECCF;\n  margin-top:12px;font-weight:400;line-height:1.7;\n  max-width:600px;margin-left:auto;margin-right:auto;\n  animation:fadeUp .7s .2s ease-out backwards;\n}\n.about-hero .hero-cross{\n  display:block;margin-top:18px;\n  font-size:.75rem;color:rgba(255,255,255,.35);\n  letter-spacing:.3em;text-transform:uppercase;\n  animation:fadeUp .7s .3s ease-out backwards;\n}\n\n\/* ===== SECTION FULL ===== *\/\n.section-full{width:100%;padding:clamp(2.5rem,5vw,4rem) 0;position:relative;z-index:1;}\n\n\/* ===== SECTION HEAD ===== *\/\n.section-head{\n  display:flex;align-items:center;gap:12px;\n  font-family:'Cormorant Garamond',serif;font-size:1.9rem;\n  font-weight:700;color:var(--brown-dark);margin-bottom:28px;\n}\n.section-head i{font-size:1.5rem;color:var(--amber)}\n.section-head::after{\n  content:'';flex:1;height:2px;\n  background:linear-gradient(90deg,var(--sand),transparent);\n  margin-left:14px;\n}\n\n\/* ===== HISTORY + MISSION\/VISION ===== *\/\n.row-split{display:flex;flex-wrap:wrap;gap:2.5rem;}\n.col-timeline{flex:1.2;min-width:300px}\n.col-mv{flex:.9;min-width:280px;display:flex;flex-direction:column;gap:1.5rem}\n\n\/* Timeline *\/\n.timeline{position:relative;padding-left:2.4rem}\n.timeline::before{\n  content:'';position:absolute;left:.6rem;top:.6rem;bottom:.6rem;\n  width:2px;background:linear-gradient(180deg,var(--gold-light),var(--sand));\n}\n.timeline-item{\n  position:relative;margin-bottom:1.4rem;\n}\n.timeline-dot{\n  position:absolute;left:-2rem;top:1.1rem;\n  width:14px;height:14px;background:var(--amber);\n  border-radius:50%;border:3px solid var(--cream);\n  box-shadow:0 0 0 2px var(--sand);\n  transition:all .3s cubic-bezier(.4,0,.2,1);\n  z-index:2;\n}\n.timeline-card{\n  background:var(--cream);\n  border:1.5px solid var(--border);\n  border-radius:18px;\n  padding:1.2rem 1.5rem;\n  position:relative;\n  overflow:hidden;\n  transition:all .35s cubic-bezier(.4,0,.2,1);\n  cursor:default;\n}\n.timeline-card::before{\n  content:'';\n  position:absolute;top:0;left:0;right:0;\n  height:3px;\n  background:linear-gradient(90deg,var(--amber),var(--gold),var(--gold-light));\n  transform:scaleX(0);\n  transform-origin:left;\n  transition:transform .4s cubic-bezier(.4,0,.2,1);\n}\n.timeline-card:hover{\n  transform:translateX(8px);\n  box-shadow:0 12px 32px -8px rgba(107,62,28,.15);\n  border-color:var(--border-hover);\n}\n.timeline-card:hover::before{transform:scaleX(1)}\n.timeline-item:hover .timeline-dot{\n  transform:scale(1.4);\n  background:var(--brown-dark);\n  box-shadow:0 0 0 3px rgba(180,124,72,.3);\n}\n.timeline-card-header{\n  display:flex;align-items:center;gap:12px;margin-bottom:8px;\n}\n.timeline-year{\n  font-family:'Cormorant Garamond',serif;\n  font-weight:700;font-size:1.2rem;\n  color:var(--brown-dark);\n  background:linear-gradient(135deg,var(--brown),var(--brown-mid));\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n  background-clip:text;\n}\n.timeline-era{\n  font-size:.7rem;font-weight:600;color:var(--amber);\n  background:rgba(180,124,72,.1);\n  padding:3px 10px;border-radius:20px;\n  letter-spacing:.03em;\n}\n.timeline-text{\n  font-size:.92rem;line-height:1.65;color:var(--text-body);\n}\n\n\/* Mission & Vision *\/\n.mv-container{\n  background:var(--warm);border-radius:24px;\n  padding:1.6rem 1.8rem;border-left:5px solid var(--gold);\n  transition:all .3s ease;\n}\n.mv-container:hover{transform:translateX(6px);box-shadow:0 10px 25px rgba(0,0,0,.06)}\n.mv-container h3{\n  font-family:'Cormorant Garamond',serif;font-size:1.5rem;\n  font-weight:700;color:var(--brown-dark);margin-bottom:10px;\n  display:flex;align-items:center;gap:10px;\n}\n.mv-container h3 i{color:var(--amber);font-size:1.3rem}\n.mv-container p{font-size:.94rem;line-height:1.65;color:var(--text-body)}\n\n\/* ===== STATS CARDS ===== *\/\n.stats-section{\n  width:100%;\n  padding:clamp(2.5rem,5vw,4.5rem) 0;\n  position:relative;z-index:1;\n  background:linear-gradient(180deg,var(--bg) 0%,var(--warm) 100%);\n}\n.stats-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:clamp(1rem,2vw,1.4rem);\n}\n.stat-card{\n  background:var(--cream);\n  border:1.5px solid var(--border);\n  border-radius:20px;\n  padding:clamp(1.5rem,3vw,2rem) clamp(.8rem,1.5vw,1.4rem);\n  text-align:center;\n  position:relative;\n  overflow:hidden;\n  transition:all .35s cubic-bezier(.4,0,.2,1);\n}\n.stat-card::before{\n  content:'';\n  position:absolute;top:0;left:0;right:0;\n  height:4px;\n  background:linear-gradient(90deg,var(--amber),var(--gold),var(--gold-light));\n  border-radius:20px 20px 0 0;\n  opacity:.6;\n  transition:opacity .3s ease;\n}\n.stat-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 16px 40px -10px rgba(107,62,28,.18);\n  border-color:var(--border-hover);\n}\n.stat-card:hover::before{opacity:1}\n.stat-icon{\n  width:52px;height:52px;border-radius:14px;\n  background:linear-gradient(135deg,var(--brown),var(--brown-mid));\n  display:flex;align-items:center;justify-content:center;\n  margin:0 auto 14px;\n  font-size:1.2rem;color:var(--cream-text);\n  box-shadow:0 6px 18px -4px rgba(107,62,28,.3);\n  transition:transform .3s ease;\n}\n.stat-card:hover .stat-icon{transform:scale(1.08) rotate(-3deg)}\n.stat-number{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(1.7rem,2.5vw,2.4rem);\n  font-weight:700;color:var(--brown-dark);\n  line-height:1.1;margin-bottom:6px;\n}\n.stat-label{\n  font-size:clamp(.72rem,1vw,.85rem);\n  color:var(--text-muted);\n  font-weight:500;\n  letter-spacing:.02em;\n}\n\n\/* ===== LEADERSHIP ===== *\/\n.leadership-section{}\n.leadership-grid{\n  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));\n  gap:24px;margin-top:8px;\n}\n.staff-card{\n  background:var(--cream);border:1.5px solid var(--border);\n  border-radius:28px;padding:2rem 1.5rem 1.6rem;\n  text-align:center;position:relative;overflow:hidden;\n  transition:all .35s cubic-bezier(.4,0,.2,1);\n}\n.staff-card::before{\n  content:'';position:absolute;top:0;left:0;width:100%;height:5px;\n  background:linear-gradient(90deg,var(--brown),var(--gold));\n  transform:scaleX(0);transform-origin:left;transition:transform .4s ease;\n}\n.staff-card:hover::before{transform:scaleX(1)}\n.staff-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 20px 40px -12px rgba(70,40,20,.2);\n  border-color:var(--border-hover);\n}\n.staff-image{\n  width:130px;height:130px;margin:0 auto 1.2rem;\n  border-radius:50%;overflow:hidden;\n  background:var(--warm);\n  display:flex;align-items:center;justify-content:center;\n  cursor:pointer;border:4px solid #FFF2E6;\n  box-shadow:0 6px 16px rgba(0,0,0,.08);\n  transition:all .3s ease;position:relative;\n}\n.staff-image:hover{transform:scale(1.05);border-color:var(--gold-light)}\n.staff-image img{width:100%;height:100%;object-fit:cover;display:block}\n.staff-image .default-icon{font-size:3.2rem;color:var(--amber);opacity:.45}\n.staff-image .preview-badge{\n  position:absolute;bottom:4px;right:4px;\n  width:32px;height:32px;border-radius:50%;\n  background:rgba(107,62,28,.85);display:flex;\n  align-items:center;justify-content:center;\n  opacity:0;transition:opacity .25s ease;\n  border:2px solid #FFF2E6;\n}\n.staff-image:hover .preview-badge{opacity:1}\n.staff-image .preview-badge i{font-size:.7rem;color:#FFF6EA}\n.staff-name{\n  font-family:'Cormorant Garamond',serif;font-size:1.45rem;\n  font-weight:700;color:var(--brown-dark);margin-bottom:6px;\n}\n.staff-role{\n  font-size:.78rem;font-weight:600;color:var(--brown-mid);\n  background:#F4E9DE;display:inline-block;padding:4px 16px;\n  border-radius:30px;margin-bottom:12px;letter-spacing:.02em;\n}\n.staff-desc{\n  font-size:.88rem;color:var(--text-muted);line-height:1.55;\n  background:var(--warm);padding:10px 14px;border-radius:16px;\n}\n\n\/* ===== CONTACT ===== *\/\n.contact-full{\n  width:100%;\n  background:linear-gradient(135deg,var(--warm),#FAF3E8);\n  border-top:1px solid var(--border);\n  padding:clamp(2.5rem,5vw,4rem) 0;\n  position:relative;z-index:1;\n}\n.contact-card{\n  background:var(--cream);border:1.5px solid var(--border);\n  border-radius:28px;padding:2.2rem;\n  display:flex;align-items:center;gap:2.5rem;flex-wrap:wrap;\n  box-shadow:0 8px 30px -10px rgba(60,35,15,.1);\n}\n.contact-icon{\n  width:80px;height:80px;border-radius:50%;flex-shrink:0;\n  background:linear-gradient(135deg,var(--brown),var(--brown-mid));\n  display:flex;align-items:center;justify-content:center;\n}\n.contact-icon i{font-size:2rem;color:var(--cream-text)}\n.contact-text{flex:1;min-width:220px}\n.contact-text h3{\n  font-family:'Cormorant Garamond',serif;font-size:1.6rem;\n  font-weight:700;color:var(--brown-dark);margin-bottom:10px;\n}\n.contact-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}\n.contact-chip{\n  display:inline-flex;align-items:center;gap:8px;\n  background:var(--cream);border:1px solid var(--sand);\n  border-radius:50px;padding:8px 18px;font-size:.86rem;\n  color:var(--brown-dark);transition:all .25s;\n}\n.contact-chip:hover{border-color:var(--amber);background:#F9F2E8;transform:translateY(-2px)}\n.contact-chip i{color:var(--amber);font-size:.85rem}\n.contact-cta{\n  display:inline-flex;align-items:center;gap:8px;\n  background:linear-gradient(135deg,var(--brown),var(--brown-mid));\n  color:#FFF6EA;padding:12px 28px;border-radius:50px;\n  font-weight:600;font-size:.9rem;\n  transition:all .3s ease;flex-shrink:0;\n}\n.contact-cta:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(107,62,28,.3)}\n\n\/* ===== FOOTER ===== *\/\n.about-footer{\n  width:100%;text-align:center;\n  padding:clamp(2rem,4vw,3rem) 2rem;\n  position:relative;z-index:1;\n}\n.about-footer .af-quote{\n  font-family:'Cormorant Garamond',serif;font-size:1.2rem;\n  font-style:italic;color:var(--brown-dark);margin-bottom:10px;\n}\n.about-footer .af-quote i{color:var(--gold);margin-right:6px}\n.about-footer .af-divider{\n  width:60px;height:2px;\n  background:linear-gradient(90deg,var(--gold),var(--sand));\n  margin:14px auto;border-radius:2px;\n}\n.about-footer p{font-size:.8rem;color:var(--text-light)}\n\n\/* ===== LIGHTBOX ===== *\/\n.image-lightbox{\n  display:none;position:fixed;inset:0;\n  background:rgba(0,0,0,.92);z-index:100000;\n  justify-content:center;align-items:center;cursor:pointer;\n}\n.image-lightbox.active{display:flex}\n.lightbox-img{\n  max-width:90vw;max-height:85vh;object-fit:contain;\n  border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4);\n  border:3px solid #FFF6EA;\n}\n.close-lightbox{\n  position:absolute;top:20px;right:30px;\n  background:var(--brown);color:white;\n  border-radius:50%;width:46px;height:46px;\n  display:flex;align-items:center;justify-content:center;\n  font-size:1.5rem;cursor:pointer;border:none;\n  transition:all .25s ease;\n}\n.close-lightbox:hover{background:var(--brown-mid);transform:scale(1.1)}\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:1100px){\n  .stats-grid{grid-template-columns:repeat(3,1fr)}\n}\n@media(max-width:900px){\n  .row-split{gap:2rem}\n  .leadership-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}\n  .stats-grid{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:680px){\n  .about-hero{min-height:240px}\n  .row-split{flex-direction:column}\n  .leadership-grid{grid-template-columns:1fr}\n  .contact-card{flex-direction:column;text-align:center}\n  .contact-chips{justify-content:center}\n  .section-head{font-size:1.5rem}\n  .stats-grid{\n    grid-template-columns:1fr;\n    max-width:360px;\n    margin:0 auto;\n    gap:1rem;\n  }\n  .stat-card{\n    display:flex;\n    align-items:center;\n    gap:16px;\n    text-align:left;\n    padding:1.2rem 1.4rem;\n  }\n  .stat-card::before{\n    height:100%;width:4px;\n    border-radius:20px 0 0 20px;\n    top:0;bottom:0;left:0;right:auto;\n  }\n  .stat-icon{\n    margin:0;\n    min-width:48px;width:48px;height:48px;\n    border-radius:12px;font-size:1.1rem;\n  }\n  .stat-number{font-size:1.5rem;margin-bottom:2px}\n  .stat-label{font-size:.78rem}\n}\n@media(max-width:450px){\n  .timeline-card{padding:1rem 1.2rem}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"st-anthony-about\">\n\n  <!-- PARTICLES -->\n  <div class=\"particles-container\">\n    <div class=\"particle p1\"><\/div><div class=\"particle p2\"><\/div>\n    <div class=\"particle p3\"><\/div><div class=\"particle p4\"><\/div>\n    <div class=\"particle p5\"><\/div><div class=\"particle p6\"><\/div>\n    <div class=\"particle p7\"><\/div><div class=\"particle p8\"><\/div>\n  <\/div>\n\n  <!-- HERO -->\n  <header class=\"about-hero\">\n    <div class=\"about-hero-bg\"><\/div>\n    <div class=\"hero-inner\">\n      <h1><i class=\"fas fa-church\"><\/i> About Our Parish<\/h1>\n      <p class=\"hero-sub\">St. Anthony of Padua Parish \u00b7 Perez, Quezon Province \u2014 A living witness of faith, service, and community since 1958.<\/p>\n      <span class=\"hero-cross\">\u2726 \u2726 \u2726<\/span>\n    <\/div>\n  <\/header>\n\n  <!-- HISTORY + MISSION\/VISION -->\n  <div class=\"section-full\">\n    <div class=\"inner\">\n      <div class=\"row-split\">\n        <div class=\"col-timeline\">\n          <div class=\"section-head\"><i class=\"fas fa-history\"><\/i> Our History<\/div>\n          <div class=\"timeline\">\n\n            <div class=\"timeline-item\">\n              <div class=\"timeline-dot\"><\/div>\n              <div class=\"timeline-card\">\n                <div class=\"timeline-card-header\">\n                  <span class=\"timeline-year\">1958<\/span>\n                  <span class=\"timeline-era\">Foundation<\/span>\n                <\/div>\n                <div class=\"timeline-text\">Foundation of the first chapel as a mission station under the Diocese of Lucena \u2014 the seed of faith planted in Perez.<\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"timeline-item\">\n              <div class=\"timeline-dot\"><\/div>\n              <div class=\"timeline-card\">\n                <div class=\"timeline-card-header\">\n                  <span class=\"timeline-year\">1965<\/span>\n                  <span class=\"timeline-era\">Establishment<\/span>\n                <\/div>\n                <div class=\"timeline-text\">Erection as a full-fledged parish; first resident priest assigned to serve the growing community of faithful.<\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"timeline-item\">\n              <div class=\"timeline-dot\"><\/div>\n              <div class=\"timeline-card\">\n                <div class=\"timeline-card-header\">\n                  <span class=\"timeline-year\">1982<\/span>\n                  <span class=\"timeline-era\">Construction<\/span>\n                <\/div>\n                <div class=\"timeline-text\">Construction of the current stone church, dedicated to St. Anthony of Padua as patron saint of the parish.<\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"timeline-item\">\n              <div class=\"timeline-dot\"><\/div>\n              <div class=\"timeline-card\">\n                <div class=\"timeline-card-header\">\n                  <span class=\"timeline-year\">2000<\/span>\n                  <span class=\"timeline-era\">Growth<\/span>\n                <\/div>\n                <div class=\"timeline-text\">Establishment of parish social action center and basic ecclesial communities across the barangays of Perez.<\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"timeline-item\">\n              <div class=\"timeline-dot\"><\/div>\n              <div class=\"timeline-card\">\n                <div class=\"timeline-card-header\">\n                  <span class=\"timeline-year\">2020<\/span>\n                  <span class=\"timeline-era\">Renewal<\/span>\n                <\/div>\n                <div class=\"timeline-text\">Church renovation and digital outreach; new ministries launched for youth and families during challenging times.<\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"timeline-item\">\n              <div class=\"timeline-dot\"><\/div>\n              <div class=\"timeline-card\">\n                <div class=\"timeline-card-header\">\n                  <span class=\"timeline-year\">Present<\/span>\n                  <span class=\"timeline-era\">Today<\/span>\n                <\/div>\n                <div class=\"timeline-text\">Vibrant parish serving over 4,200 faithful with active liturgical, social, and community programs in Perez.<\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n        <div class=\"col-mv\">\n          <div class=\"mv-container\">\n            <h3><i class=\"fas fa-bullseye\"><\/i> Our Mission<\/h3>\n            <p>To proclaim the Gospel of Jesus Christ through vibrant liturgy, compassionate service, and authentic fellowship, fostering a community where every person encounters God&#8217;s love and mercy.<\/p>\n          <\/div>\n          <div class=\"mv-container\">\n            <h3><i class=\"fas fa-eye\"><\/i> Our Vision<\/h3>\n            <p>A Christ-centered, dynamic parish that inspires holiness, empowers the poor, and strengthens families as domestic churches \u2014 becoming a beacon of hope in Perez and beyond.<\/p>\n          <\/div>\n          <div class=\"mv-container\">\n            <h3><i class=\"fas fa-heart\"><\/i> Core Values<\/h3>\n            <p>Faith rooted in the Eucharist, service to the least among us, communion in diversity, stewardship of God&#8217;s gifts, and joyful witness to the Risen Christ.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- STATS CARDS -->\n  <div class=\"stats-section\">\n    <div class=\"inner\">\n      <div class=\"section-head\"><i class=\"fas fa-chart-line\"><\/i> Parish at a Glance<\/div>\n      <div class=\"stats-grid\">\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\n          <div class=\"stat-number\">1958<\/div>\n          <div class=\"stat-label\">Year Founded<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n          <div class=\"stat-number\">4,200+<\/div>\n          <div class=\"stat-label\">Parishioners<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\n          <div class=\"stat-number\">12<\/div>\n          <div class=\"stat-label\">Active Ministries<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-church\"><\/i><\/div>\n          <div class=\"stat-number\">3<\/div>\n          <div class=\"stat-label\">Chapels<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-cross\"><\/i><\/div>\n          <div class=\"stat-number\">67+<\/div>\n          <div class=\"stat-label\">Years of Faith<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PARISH LEADERSHIP -->\n  <div class=\"section-full\" id=\"leadership\">\n    <div class=\"inner\">\n      <div class=\"leadership-section\">\n        <div class=\"section-head\"><i class=\"fas fa-hands-praying\"><\/i> Parish Leadership<\/div>\n        <div class=\"leadership-grid\" id=\"leadershipGrid\"><\/div>\n        <p style=\"text-align:center;margin-top:16px;font-size:.75rem;color:var(--text-light);\">\n          <i class=\"fas fa-info-circle\" style=\"color:var(--gold);margin-right:4px;\"><\/i>\n          Click on a leader&#8217;s photo to preview it in full size.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CONTACT -->\n  <div class=\"contact-full\">\n    <div class=\"inner\">\n      <div class=\"contact-card\">\n        <div class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n        <div class=\"contact-text\">\n          <h3>Visit or Contact Our Parish<\/h3>\n          <p style=\"font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:12px;\">Our parish office is open Monday through Saturday. We welcome inquiries about sacraments, events, and community programs.<\/p>\n          <div class=\"contact-chips\">\n            <span class=\"contact-chip\"><i class=\"fas fa-map-marker-alt\"><\/i> Perez, Quezon Province<\/span>\n            <span class=\"contact-chip\"><i class=\"fas fa-phone-alt\"><\/i> +63 (42) 123 4567<\/span>\n            <span class=\"contact-chip\"><i class=\"fas fa-envelope\"><\/i> stanthonyperez@diocese.org<\/span>\n          <\/div>\n        <\/div>\n        <a href=\"https:\/\/demo5.yinwoodweb.com\/perez\/schedule\/\" class=\"contact-cta\" id=\"viewScheduleLink\"><i class=\"fas fa-calendar-week\"><\/i> Mass Schedule<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- FOOTER -->\n  <footer class=\"about-footer\">\n    <p class=\"af-quote\"><i class=\"fas fa-cross\"><\/i> &#8220;In all things, may the name of St. Anthony be glorified.&#8221;<\/p>\n    <div class=\"af-divider\"><\/div>\n    <p>St. Anthony of Padua Parish \u00b7 Perez, Quezon Province \u00b7 Diocese of Gumaca<\/p>\n  <\/footer>\n\n<\/div>\n\n<!-- LIGHTBOX -->\n<div id=\"imageLightbox\" class=\"image-lightbox\">\n  <button class=\"close-lightbox\" id=\"closeLightboxBtn\"><i class=\"fas fa-times\"><\/i><\/button>\n  <img decoding=\"async\" class=\"lightbox-img\" id=\"lightboxImg\" src=\"\" alt=\"Preview\">\n<\/div>\n\n<script>\n(function(){\n  'use strict';\n\n  var leaders = [\n    {\n      name: 'Rev. Fr. Jovito Olaya',\n      role: 'Parish Priest',\n      desc: 'Spiritual father and shepherd of the parish, guiding the community with zeal for the Gospel and deep devotion to St. Anthony of Padua.',\n      imgUrl: ''\n    },\n    {\n      name: 'Rev. Fr. Joseph R. Mercado',\n      role: 'Parochial Vicar',\n      desc: 'Assisting in liturgical celebrations, sacramental ministry, and pastoral outreach to families and the youth.',\n      imgUrl: ''\n    },\n    {\n      name: 'Luzviminda C. Villanueva',\n      role: 'Parish Pastoral Council Chair',\n      desc: 'Coordinating lay ministries, community development programs, and parish council governance.',\n      imgUrl: ''\n    },\n    {\n      name: 'Bro. Ricardo M. Santos',\n      role: 'Finance Council Head',\n      desc: 'Overseeing parish financial stewardship, renovation funds, and transparent resource management.',\n      imgUrl: ''\n    }\n  ];\n\n  function esc(s){\n    if(!s) return '';\n    return s.replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;').replace(\/\"\/g,'&quot;');\n  }\n\n  var lightbox    = document.getElementById('imageLightbox');\n  var lightboxImg = document.getElementById('lightboxImg');\n  var closeBtn    = document.getElementById('closeLightboxBtn');\n\n  function openPreview(src){\n    if(!src) return;\n    lightboxImg.src = src;\n    lightbox.classList.add('active');\n    document.body.style.overflow = 'hidden';\n  }\n  function closePreview(){\n    lightbox.classList.remove('active');\n    document.body.style.overflow = '';\n    lightboxImg.src = '';\n  }\n  lightbox.addEventListener('click', function(e){\n    if(e.target === lightbox) closePreview();\n  });\n  closeBtn.addEventListener('click', closePreview);\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' && lightbox.classList.contains('active')) closePreview();\n  });\n\n  function render(){\n    var grid = document.getElementById('leadershipGrid');\n    if(!grid) return;\n    var html = '';\n    leaders.forEach(function(L){\n      var hasImg = L.imgUrl && L.imgUrl.trim().length > 0;\n      var imgInner = hasImg\n        ? '<img decoding=\"async\" src=\"' + esc(L.imgUrl) + '\" alt=\"' + esc(L.name) + '\" loading=\"lazy\">'\n        : '<i class=\"fas fa-user-circle default-icon\"><\/i>';\n      html += ''\n        + '<div class=\"staff-card\">'\n        +   '<div class=\"staff-image\" data-url=\"' + esc(L.imgUrl) + '\" title=\"' + (hasImg ? 'Click to preview' : 'No image set') + '\">'\n        +     imgInner\n        +     (hasImg ? '<span class=\"preview-badge\"><i class=\"fas fa-expand\"><\/i><\/span>' : '')\n        +   '<\/div>'\n        +   '<div class=\"staff-name\">' + esc(L.name) + '<\/div>'\n        +   '<div class=\"staff-role\">' + esc(L.role) + '<\/div>'\n        +   '<div class=\"staff-desc\">' + esc(L.desc) + '<\/div>'\n        + '<\/div>';\n    });\n    grid.innerHTML = html;\n    document.querySelectorAll('.staff-image').forEach(function(el){\n      el.addEventListener('click', function(e){\n        e.stopPropagation();\n        var url = this.getAttribute('data-url');\n        if(url) openPreview(url);\n      });\n    });\n  }\n\n  render();\n\n  \/* ===== SCROLL REVEAL \u2014 NO layout jumps ===== *\/\n  if('IntersectionObserver' in window){\n    var items = document.querySelectorAll('.stat-card, .staff-card, .mv-container, .timeline-item');\n    var obs = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){\n          e.target.classList.add('revealed');\n          obs.unobserve(e.target);\n        }\n      });\n    }, { threshold: 0.08 });\n\n    items.forEach(function(el, i){\n      el.style.opacity = '0';\n      el.style.transform = 'translateY(18px)';\n      el.style.transition = 'opacity .6s ease ' + (i % 8) * 0.07 + 's, transform .6s ease ' + (i % 8) * 0.07 + 's';\n      obs.observe(el);\n    });\n\n    \/* Use a separate CSS rule for revealed state to avoid inline style conflicts *\/\n    var style = document.createElement('style');\n    style.textContent = '.revealed{opacity:1!important;transform:translateY(0)!important;}';\n    document.head.appendChild(style);\n  }\n\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>About Us We are a loving parish family committed to sharing God\u2019s word, strengthening faith, and serving the community with [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"About Us - St. Anthony of Padua Parish","description":"About Us | St. Anthony of Padua Parish About Our Parish St. Anthony of Padua Parish \u00b7 Perez, Quezon Province \u2014 A living witness of faith, service, and community"},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Diocese of Gumaca","author_link":"https:\/\/Demo5.yinwoodweb.com\/perez\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"About Us We are a loving parish family committed to sharing God\u2019s word, strengthening faith, and serving the community with [&hellip;]","_links":{"self":[{"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":61,"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1796,"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/pages\/12\/revisions\/1796"}],"wp:attachment":[{"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}