{"id":18,"date":"2026-04-08T21:42:50","date_gmt":"2026-04-08T21:42:50","guid":{"rendered":"https:\/\/demowebdesign.live\/petricia\/index.php\/e-books\/"},"modified":"2026-04-16T19:15:24","modified_gmt":"2026-04-16T19:15:24","slug":"books","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/petricia\/books\/","title":{"rendered":"Books"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c93d1fa e-con-full e-flex e-con e-parent\" data-id=\"c93d1fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee14722 elementor-widget elementor-widget-html\" data-id=\"ee14722\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\nbody { font-family: 'Inter', sans-serif; overflow-x: hidden; background: #06111c; }\r\n\r\n\/* HERO *\/\r\n.hero {\r\n  position: relative;\r\n  \/*min-height: 100vh;*\/\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  padding: 180px 48px !important;\r\n  text-align: center;\r\n}\r\n\r\n.hero-bg {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(135deg,\r\n    #041c2c 0%, #0a2a4a 30%, #0d4f6e 55%, #0e6b7a 75%, #083040 100%\r\n  );\r\n  z-index: 0;\r\n}\r\n\r\n\/* Orbs *\/\r\n.orb {\r\n  position: absolute; border-radius: 50%;\r\n  animation: floatOrb 9s ease-in-out infinite; z-index: 1;\r\n}\r\n.orb-1 { width:520px; height:520px; background:#3ecfcf; opacity:0.10; top:-120px; left:-160px; }\r\n.orb-2 { width:300px; height:300px; background:#5ba8e0; opacity:0.09; bottom:-60px; left:30%; }\r\n.orb-3 { width:180px; height:180px; background:#c0392b; opacity:0.08; top:25%; right:42%; }\r\n\r\n@keyframes floatOrb {\r\n  0%,100% { transform: translateY(0) scale(1); }\r\n  50% { transform: translateY(-28px) scale(1.04); }\r\n}\r\n\r\n.hero-grid {\r\n  position: absolute; inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  z-index: 1;\r\n}\r\n\r\n\/* CENTER CONTENT *\/\r\n.hero-inner {\r\n  position: relative; z-index: 10;\r\n  max-width: 800px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.badge {\r\n  display: inline-block;\r\n  background: rgba(62,207,207,0.13);\r\n  border: 1px solid rgba(62,207,207,0.32);\r\n  color: #7ee8e8;\r\n  font-size: 11px; font-weight: 600;\r\n  letter-spacing: 2px; text-transform: uppercase;\r\n  padding: 6px 18px; border-radius: 50px;\r\n  margin-bottom: 26px;\r\n  animation: fadeUp 1s ease 0.2s forwards;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n}\r\n\r\n.hero-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(36px, 5vw, 64px);\r\n  font-weight: 900; line-height: 1.2; color: #fff;\r\n  margin-bottom: 20px;\r\n  animation: fadeUp 1s ease 0.4s forwards;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n}\r\n\r\n.hero-title .accent-teal { color: #3ecfcf; }\r\n.hero-title .accent-red  { color: #e74c3c; }\r\n\r\n.hero-sub {\r\n  font-size: 16px;\r\n  color: rgba(190,220,230,0.8);\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n  margin-bottom: 36px;\r\n  animation: fadeUp 1s ease 0.6s forwards;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n}\r\n\r\n\/* CTA *\/\r\n.cta-group {\r\n  display: flex;\r\n  gap: 14px;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  animation: fadeUp 1s ease 0.8s forwards;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n}\r\n\r\n.btn {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  padding: 13px 30px;\r\n  border-radius: 50px;\r\n  cursor: pointer;\r\n  border: none;\r\n  text-decoration: none;\r\n  transition: 0.3s;\r\n}\r\n\r\n.btn-primary {\r\n  background: #3ecfcf;\r\n  color: #041c2c;\r\n}\r\n.btn-primary:hover {\r\n  transform: scale(1.05);\r\n  box-shadow: 0 0 25px rgba(62,207,207,0.6);\r\n}\r\n\r\n.btn-secondary {\r\n  background: transparent;\r\n  color: #fff;\r\n  border: 1px solid rgba(255,255,255,0.4);\r\n}\r\n.btn-secondary:hover {\r\n  transform: scale(1.05);\r\n  border-color: #fff;\r\n}\r\n\r\n\/* Animation *\/\r\n@keyframes fadeUp {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hero\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  <div class=\"orb orb-1\"><\/div>\r\n  <div class=\"orb orb-2\"><\/div>\r\n  <div class=\"orb orb-3\"><\/div>\r\n  <div class=\"hero-grid\"><\/div>\r\n  <div class=\"hero-inner\">\r\n    <div class=\"badge\">Explore the Collection<\/div>\r\n    <h1 class=\"hero-title\">\r\n      <span class=\"accent-red\">Books <\/span> Written From<br\/>\r\n      the Places <span class=\"accent-teal\">Faith Gets Tested<\/span>\r\n    <\/h1>\r\n    <p class=\"hero-sub\">\r\n      Three books by Patricia Morgan each one born from lived grief, quiet faith,\r\n      and the honest work of trusting God when life stops making sense. From learning\r\n      to breathe through loss, to finding solid ground when certainty disappears,\r\n      to discovering grace when the skies grow unsteady these pages walk with you\r\n      through the seasons most people navigate alone.\r\n      <br\/><br\/>\r\n      Find the book that meets you where you are.\r\n    <\/p>\r\n    <!--<div class=\"cta-group\">-->\r\n    <!--  <a href=\"#books\" class=\"btn btn-primary\">Browse All Books<\/a>-->\r\n    <!--  <a href=\"#featured\" class=\"btn btn-secondary\">Featured Book<\/a>-->\r\n    <!--<\/div>-->\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e706601 e-flex e-con-boxed e-con e-parent\" data-id=\"e706601\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d45a17f elementor-widget elementor-widget-html\" data-id=\"d45a17f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n* { margin:0; padding:0; box-sizing:border-box; }\r\n\r\n.books-section {\r\n  background: #06111c;\r\n  padding: 100px 40px 120px;\r\n  font-family: 'Inter', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.section-top {\r\n  text-align: center;\r\n  margin-bottom: 72px;\r\n}\r\n\r\n.section-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: #3ecfcf;\r\n  margin-bottom: 18px;\r\n}\r\n.eyebrow-line {\r\n  width: 32px; height: 1px;\r\n  background: #3ecfcf;\r\n  opacity: 0.5;\r\n}\r\n\r\n.section-heading {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(32px, 4vw, 52px);\r\n  font-weight: 900;\r\n  color: #ffffff;\r\n  line-height: 1.1;\r\n  margin-bottom: 16px;\r\n}\r\n.section-heading em {\r\n  font-style: italic;\r\n  color: #3ecfcf;\r\n}\r\n\r\n.section-sub {\r\n  font-size: 15px;\r\n  color: #fff;\r\n  font-weight: 300;\r\n  max-width: 480px;\r\n  margin: 0 auto;\r\n  line-height: 1.7;\r\n}\r\n\r\n.books-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 28px;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.book-card {\r\n  position: relative;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  background: #0c1e2e;\r\n  border: 1px solid rgba(62,207,207,0.1);\r\n  transition: transform 0.45s cubic-bezier(0.23,1,0.32,1),\r\n              box-shadow 0.45s cubic-bezier(0.23,1,0.32,1),\r\n              border-color 0.3s ease;\r\n  opacity: 0;\r\n  transform: translateY(50px);\r\n}\r\n\r\n.book-card.revealed {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.23,1,0.32,1),\r\n              box-shadow 0.45s cubic-bezier(0.23,1,0.32,1),\r\n              border-color 0.3s ease;\r\n}\r\n\r\n.book-card:hover {\r\n  transform: translateY(-14px) scale(1.02);\r\n  box-shadow: 0 40px 80px rgba(0,0,0,0.6), 0 0 40px rgba(62,207,207,0.08);\r\n  border-color: rgba(62,207,207,0.35);\r\n}\r\n\r\n.card-cover {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 380px;\r\n  overflow: hidden;\r\n}\r\n\r\n.card-cover img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: top center;\r\n  display: block;\r\n  transition: transform 0.6s cubic-bezier(0.23,1,0.32,1);\r\n}\r\n\r\n.book-card:hover .card-cover img {\r\n  transform: scale(1.08);\r\n}\r\n\r\n.cover-gradient {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 180px;\r\n  background: linear-gradient(to top, #0c1e2e 0%, transparent 100%);\r\n  z-index: 2;\r\n}\r\n\r\n.card-genre-badge {\r\n  position: absolute;\r\n  top: 18px; left: 18px;\r\n  z-index: 5;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  padding: 5px 14px;\r\n  border-radius: 50px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.badge-teal {\r\n  background: rgba(62,207,207,0.18);\r\n  border: 1px solid rgba(62,207,207,0.4);\r\n  color: #7ee8e8;\r\n}\r\n.badge-red {\r\n  background: rgba(231,76,60,0.18);\r\n  border: 1px solid rgba(231,76,60,0.4);\r\n  color: #f08070;\r\n}\r\n.badge-blue {\r\n  background: rgba(91,168,224,0.18);\r\n  border: 1px solid rgba(91,168,224,0.4);\r\n  color: #90c8f0;\r\n}\r\n\r\n.card-number {\r\n  position: absolute;\r\n  top: 18px; right: 18px;\r\n  z-index: 5;\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: rgba(255,255,255,0.25);\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.card-body {\r\n  padding: 24px 26px 28px;\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\r\n.card-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  line-height: 1.3;\r\n  margin-bottom: 10px;\r\n  transition: color 0.3s;\r\n}\r\n.book-card:hover .card-title { color: #3ecfcf; }\r\n\r\n.card-tagline {\r\n  font-size: 16px;\r\n  color: #fff !important;\r\n  font-weight: 300;\r\n  line-height: 1.65;\r\n  margin-bottom: 22px;\r\n  font-style: italic;\r\n}\r\n\r\n.card-divider {\r\n  width: 36px; height: 1px;\r\n  margin-bottom: 22px;\r\n  transition: width 0.4s ease;\r\n}\r\n.divider-teal { background: #3ecfcf; }\r\n.divider-red  { background: #e74c3c; }\r\n.divider-blue { background: #5ba8e0; }\r\n.book-card:hover .card-divider { width: 70px; }\r\n\r\n.card-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12.5px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n  text-decoration: none;\r\n  padding: 11px 24px;\r\n  border-radius: 50px;\r\n  border: 1.5px solid;\r\n  cursor: pointer;\r\n  background: transparent;\r\n  transition: background 0.3s, color 0.3s, transform 0.2s, box-shadow 0.3s;\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n.btn-teal { border-color: rgba(62,207,207,0.5); color: #3ecfcf; }\r\n.btn-red  { border-color: rgba(231,76,60,0.5);  color: #e74c3c; }\r\n.btn-blue { border-color: rgba(91,168,224,0.5); color: #5ba8e0; }\r\n\r\n.btn-teal:hover { background: #3ecfcf; color: #041c2c; box-shadow: 0 0 24px rgba(62,207,207,0.4); transform: scale(1.04); }\r\n.btn-red:hover  { background: #e74c3c; color: #fff;    box-shadow: 0 0 24px rgba(231,76,60,0.4);  transform: scale(1.04); }\r\n.btn-blue:hover { background: #5ba8e0; color: #041c2c; box-shadow: 0 0 24px rgba(91,168,224,0.4); transform: scale(1.04); }\r\n\r\n.btn-arrow {\r\n  display: inline-block;\r\n  transition: transform 0.2s ease;\r\n  font-size: 14px;\r\n}\r\n.card-btn:hover .btn-arrow { transform: translateX(4px); }\r\n\r\n.card-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 20px;\r\n  background: linear-gradient(160deg, rgba(6,17,28,0.96) 0%, rgba(12,30,46,0.98) 100%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  padding: 36px 32px;\r\n  z-index: 20;\r\n  opacity: 0;\r\n  transform: translateY(12px);\r\n  transition: opacity 0.35s ease, transform 0.35s ease;\r\n  pointer-events: none;\r\n}\r\n.book-card:hover .card-overlay {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  pointer-events: auto;\r\n}\r\n\r\n.overlay-tag {\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 2.5px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 16px;\r\n  opacity: 0.7;\r\n}\r\n.otag-teal { color: #3ecfcf; }\r\n.otag-red  { color: #e74c3c; }\r\n.otag-blue { color: #5ba8e0; }\r\n\r\n.overlay-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  line-height: 1.3;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.overlay-desc {\r\n  font-size: 13.5px;\r\n  color: #fff !important;\r\n  line-height: 1.75;\r\n  font-weight: 300;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.overlay-meta {\r\n  display: flex;\r\n  gap: 20px;\r\n  margin-bottom: 28px;\r\n}\r\n.meta-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 3px;\r\n}\r\n.meta-label {\r\n  font-size: 10px;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.3);\r\n  font-weight: 600;\r\n}\r\n.meta-value {\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.8);\r\n  font-weight: 500;\r\n}\r\n\r\n.overlay-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12.5px;\r\n  font-weight: 600;\r\n  padding: 12px 26px;\r\n  border-radius: 50px;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  border: none;\r\n  font-family: 'Inter', sans-serif;\r\n  transition: transform 0.2s, box-shadow 0.2s;\r\n}\r\n.obtn-teal { background: #3ecfcf; color: #041c2c; }\r\n.obtn-red  { background: #e74c3c; color: #fff; }\r\n.obtn-blue { background: #5ba8e0; color: #041c2c; }\r\n.overlay-btn:hover { transform: scale(1.05); box-shadow: 0 8px 28px rgba(0,0,0,0.4); }\r\n\r\n.bottom-cta {\r\n  text-align: center;\r\n  margin-top: 64px;\r\n}\r\n.bottom-cta p {\r\n  font-size: 14px;\r\n  color: #fff !important;\r\n  margin-bottom: 20px;\r\n  letter-spacing: 0.3px;\r\n}\r\n.view-all-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  color: #fff;\r\n  text-decoration: none;\r\n  padding: 14px 36px;\r\n  border-radius: 50px;\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n  transition: border-color 0.3s, box-shadow 0.3s, transform 0.2s;\r\n}\r\n.view-all-btn:hover {\r\n  border-color: rgba(62,207,207,0.6);\r\n  box-shadow: 0 0 30px rgba(62,207,207,0.15);\r\n  transform: scale(1.03);\r\n  color: #57CDCD !important;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .books-grid { grid-template-columns: 1fr 1fr; gap: 20px; }\r\n}\r\n@media (max-width: 580px) {\r\n  .books-section { padding: 70px 20px 90px; }\r\n  .books-grid { grid-template-columns: 1fr; }\r\n  .card-cover { height: 300px; }\r\n  .card-overlay { display: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"books-section\">\r\n\r\n  <div class=\"section-top\">\r\n    <div class=\"section-eyebrow\">\r\n      <span class=\"eyebrow-line\"><\/span>\r\n      Written From the Journey\r\n      <span class=\"eyebrow-line\"><\/span>\r\n    <\/div>\r\n    <h2 class=\"section-heading\">Books That <em>Carry<\/em> You<\/h2>\r\n    <p class=\"section-sub\">Three seasons. Three truths. One author who stayed honest through every one of them.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"books-grid\">\r\n\r\n    <div class=\"book-card\" data-delay=\"0\">\r\n      <div class=\"card-cover\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Artboard-1-copy-2-2-scaled.jpg\" alt=\"Ocean and sky\" \/>\r\n        <div class=\"cover-gradient\"><\/div>\r\n        <span class=\"card-genre-badge badge-teal\">Calm &amp; Resilience<\/span>\r\n        <span class=\"card-number\">01<\/span>\r\n      <\/div>\r\n      <div class=\"card-body\">\r\n        <div class=\"card-divider divider-teal\"><\/div>\r\n        <h3 class=\"card-title\">The Sky Is Green, The Ocean Is Blue<\/h3>\r\n        <p class=\"card-tagline\">For when life stops making sense and faith feels thinner.<\/p>\r\n        <!--<button class=\"card-btn btn-teal\">View Details <span class=\"btn-arrow\">\u2192<\/span><\/button>-->\r\n      <\/div>\r\n      <div class=\"card-overlay\">\r\n        <div class=\"overlay-tag otag-teal\">Calm &amp; Resilience<\/div>\r\n        <div class=\"overlay-title\">The Sky Is Green,<br\/>The Ocean Is Blue<\/div>\r\n        <p class=\"overlay-desc\">An honest companion for those navigating seasons of confusion and quiet collapse. Patricia walks with you through distorted faith and invisible progress back toward the God who never moved.<\/p>\r\n        <div class=\"overlay-meta\">\r\n          <div class=\"meta-item\">\r\n            <span class=\"meta-label\">Genre<\/span>\r\n            <span class=\"meta-value\">Self-Help<\/span>\r\n          <\/div>\r\n          <div class=\"meta-item\">\r\n            <span class=\"meta-label\">Mood<\/span>\r\n            <span class=\"meta-value\">Calming<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/a.co\/d\/0duH7qFa\">\r\n          <button class=\"overlay-btn obtn-blue\">Get the Book \u2192<\/button>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"book-card\" data-delay=\"150\">\r\n      <div class=\"card-cover\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Artboard-1-copy-2-scaled.jpg\" alt=\"Dark dramatic heart\" \/>\r\n        <div class=\"cover-gradient\"><\/div>\r\n        <span class=\"card-genre-badge badge-red\">Grief &amp; Healing<\/span>\r\n        <span class=\"card-number\">02<\/span>\r\n      <\/div>\r\n      <div class=\"card-body\">\r\n        <div class=\"card-divider divider-red\"><\/div>\r\n        <h3 class=\"card-title\">When the Heart Shatters and the Lungs Collapse<\/h3>\r\n        <p class=\"card-tagline\">When breath becomes the only prayer you have left.<\/p>\r\n        <!--<button class=\"card-btn btn-red\">View Details <span class=\"btn-arrow\">\u2192<\/span><\/button>-->\r\n      <\/div>\r\n      <div class=\"card-overlay\">\r\n        <div class=\"overlay-tag otag-red\">Grief &amp; Healing<\/div>\r\n        <div class=\"overlay-title\">When the Heart Shatters and the Lungs Collapse<\/div>\r\n        <p class=\"overlay-desc\">Grief lands in the body before the mind can name it. This book sits beside you in that collapse one breath at a time and trusts that God stayed close in every moment you could not feel Him.<\/p>\r\n        <div class=\"overlay-meta\">\r\n          <div class=\"meta-item\">\r\n            <span class=\"meta-label\">Genre<\/span>\r\n            <span class=\"meta-value\">Memoir<\/span>\r\n          <\/div>\r\n          <div class=\"meta-item\">\r\n            <span class=\"meta-label\">Mood<\/span>\r\n            <span class=\"meta-value\">Intense<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/a.co\/d\/07p2ged8\">\r\n          <button class=\"overlay-btn obtn-blue\">Get the Book \u2192<\/button>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"book-card\" data-delay=\"300\">\r\n      <div class=\"card-cover\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Artboard-1-copy-2-2-1-scaled.jpg\" alt=\"Airplane in blue sky\" \/>\r\n        <div class=\"cover-gradient\"><\/div>\r\n        <span class=\"card-genre-badge badge-blue\">Grace &amp; Freedom<\/span>\r\n        <span class=\"card-number\">03<\/span>\r\n      <\/div>\r\n      <div class=\"card-body\">\r\n        <div class=\"card-divider divider-blue\"><\/div>\r\n        <h3 class=\"card-title\">Grace in the Skies<\/h3>\r\n        <p class=\"card-tagline\">Trusting the Pilot when the route is no longer yours to manage.<\/p>\r\n        <!--<button class=\"card-btn btn-blue\">View Details <span class=\"btn-arrow\">\u2192<\/span><\/button>-->\r\n      <\/div>\r\n      <div class=\"card-overlay\">\r\n        <div class=\"overlay-tag otag-blue\">Grace &amp; Freedom<\/div>\r\n        <div class=\"overlay-title\">Grace in the Skies<\/div>\r\n        <p class=\"overlay-desc\">When turbulence begins and fear takes the controls, grace meets you midair. A faith rooted journey through uncertainty, surrender, and the quiet steadiness of a God who holds you even when you cannot hold yourself.<\/p>\r\n        <div class=\"overlay-meta\">\r\n          <div class=\"meta-item\">\r\n            <span class=\"meta-label\">Genre<\/span>\r\n            <span class=\"meta-value\">Inspirational<\/span>\r\n          <\/div>\r\n          <div class=\"meta-item\">\r\n            <span class=\"meta-label\">Mood<\/span>\r\n            <span class=\"meta-value\">Uplifting<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/a.co\/d\/04lky2Js\">\r\n          <button class=\"overlay-btn obtn-blue\">Get the Book \u2192<\/button>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!--<div class=\"bottom-cta\">-->\r\n  <!--  <p>Step into the full world of Patricia Morgan's writing<\/p>-->\r\n    <!--<a href=\"https:\/\/demowebdesign.live\/petricia\/books\/\" class=\"view-all-btn\">View All Books <span>\u2192<\/span><\/a>-->\r\n  <!--<\/div>-->\r\n\r\n<\/section>\r\n\r\n<script>\r\n  const cards = document.querySelectorAll('.book-card');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        const delay = parseInt(entry.target.dataset.delay) || 0;\r\n        setTimeout(() => entry.target.classList.add('revealed'), delay);\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  cards.forEach(card => observer.observe(card));\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89169da e-flex e-con-boxed e-con e-parent\" data-id=\"89169da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6452d56 elementor-widget elementor-widget-html\" data-id=\"6452d56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   BOOK THEMES SECTION - SCOPED STYLES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.pm-themes-section {\r\n    background: #06111c;\r\n    padding: 100px 24px;\r\n    font-family: 'Inter', sans-serif;\r\n    color: #fff;\r\n    position: relative;\r\n    overflow: hidden;\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.pm-themes-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n}\r\n\r\n\/* Header Styling *\/\r\n.themes-header {\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #3ecfcf;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.eyebrow-line { width: 30px; height: 1px; background: #3ecfcf; opacity: .5; }\r\n\r\n.sec-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(32px, 5vw, 48px);\r\n    font-weight: 900;\r\n    line-height: 1.2;\r\n    margin: 0;\r\n    color: #fff !important;\r\n}\r\n\r\n.sec-title em { font-style: italic; color: #3ecfcf; }\r\n\r\n\/* Themes Layout *\/\r\n.themes-grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 18px;\r\n    margin-top: 50px;\r\n}\r\n\r\n\/* Premium Tag Style *\/\r\n.theme-tag {\r\n    background: rgba(12, 30, 46, 0.4);\r\n    border: 1px solid rgba(62, 207, 207, 0.15);\r\n    padding: 22px 38px;\r\n    border-radius: 100px;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    min-width: 220px;\r\n}\r\n\r\n.theme-tag:hover {\r\n    background: #0c2636;\r\n    border-color: #3ecfcf;\r\n    transform: translateY(-8px) scale(1.03);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.3), 0 0 15px rgba(62, 207, 207, 0.1);\r\n}\r\n\r\n.theme-label {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    margin-bottom: 4px;\r\n    transition: color 0.3s;\r\n}\r\n\r\n.theme-tag:hover .theme-label {\r\n    color: #3ecfcf;\r\n}\r\n\r\n.theme-subtitle {\r\n    font-size: 10px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: rgba(62, 207, 207, 0.5);\r\n    font-weight: 600;\r\n    transition: color 0.3s;\r\n}\r\n\r\n.theme-tag:hover .theme-subtitle {\r\n    color: rgba(62, 207, 207, 0.9);\r\n}\r\n\r\n\/* Subtle Ornaments *\/\r\n.ornament {\r\n    position: absolute;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(62, 207, 207, 0.04) 0%, transparent 70%);\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .pm-themes-section { padding: 80px 20px; }\r\n    .theme-tag { \r\n        width: 100%; \r\n        padding: 18px 25px; \r\n        border-radius: 16px;\r\n    }\r\n    .theme-label { font-size: 18px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"pm-themes-section\">\r\n    <div class=\"ornament\"><\/div>\r\n    <div class=\"pm-themes-container\">\r\n        \r\n        <div class=\"themes-header\">\r\n            <div class=\"eyebrow\">\r\n                <span class=\"eyebrow-line\"><\/span>\r\n                Thematic Core\r\n                <span class=\"eyebrow-line\"><\/span>\r\n            <\/div>\r\n            <h2 class=\"sec-title\">The Foundation of <em>My Writing<\/em><\/h2>\r\n        <\/div>\r\n        <div class=\"themes-grid\">\r\n            \r\n            <!-- Faith -->\r\n            <div class=\"theme-tag\">\r\n                <span class=\"theme-label\">Faith<\/span>\r\n                <span class=\"theme-subtitle\">Trust in the unseen<\/span>\r\n            <\/div>\r\n            <!-- Grief -->\r\n            <div class=\"theme-tag\">\r\n                <span class=\"theme-label\">Grief<\/span>\r\n                <span class=\"theme-subtitle\">Honoring what was lost<\/span>\r\n            <\/div>\r\n            <!-- Surrender -->\r\n            <div class=\"theme-tag\">\r\n                <span class=\"theme-label\">Surrender<\/span>\r\n                <span class=\"theme-subtitle\">Releasing what you cannot hold<\/span>\r\n            <\/div>\r\n            <!-- Endurance -->\r\n            <div class=\"theme-tag\">\r\n                <span class=\"theme-label\">Endurance<\/span>\r\n                <span class=\"theme-subtitle\">The quiet work of staying<\/span>\r\n            <\/div>\r\n            <!-- Breath & Survival -->\r\n            <div class=\"theme-tag\">\r\n                <span class=\"theme-label\">Breath &amp; Survival<\/span>\r\n                <span class=\"theme-subtitle\">One moment at a time<\/span>\r\n            <\/div>\r\n            <!-- Grace -->\r\n            <div class=\"theme-tag\">\r\n                <span class=\"theme-label\">Grace<\/span>\r\n                <span class=\"theme-subtitle\">God's presence in the unsteady<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5997077 e-flex e-con-boxed e-con e-parent\" data-id=\"5997077\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b6727f elementor-widget elementor-widget-html\" data-id=\"8b6727f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts Link -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.pm-testimonials-wrapper {\r\n    background: #06111c;\r\n    padding: 120px 20px;\r\n    font-family: 'Inter', sans-serif;\r\n    color: #fff;\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n\r\n.testi-header { text-align: center; margin-bottom: 70px; }\r\n.eyebrow { display: inline-flex; align-items: center; gap: 12px; font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: #3ecfcf; margin-bottom: 20px; }\r\n.eyebrow-line { width: 30px; height: 1px; background: #3ecfcf; opacity: .5; }\r\n.sec-heading { font-family: 'Playfair Display', serif; font-size: clamp(32px, 5vw, 52px); font-weight: 900; line-height: 1.1; margin: 0;color:#fff !important; }\r\n.sec-heading em { font-style: italic; color: #3ecfcf; }\r\n\r\n\/* Infinite Slider Logic *\/\r\n.carousel-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    padding: 20px 0;\r\n}\r\n\r\n.carousel-viewport {\r\n    overflow: visible;\r\n    perspective: 2000px;\r\n}\r\n\r\n.carousel-track {\r\n    display: flex;\r\n    gap: 30px;\r\n    transition: transform 0.1s ease-out; \/* Slowing down for direct JS control *\/\r\n    transform-style: preserve-3d;\r\n    will-change: transform;\r\n}\r\n\r\n.carousel-track.smooth {\r\n    transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n\/* 3D Premium Card *\/\r\n.testi-card {\r\n    min-width: 400px;\r\n    max-width: 400px;\r\n    background: linear-gradient(135deg, #0c1e2e 0%, #081622 100%);\r\n    border: 1px solid rgba(62, 207, 207, 0.12);\r\n    border-radius: 24px;\r\n    padding: 45px;\r\n    position: relative;\r\n    transition: all 0.5s ease;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n.testi-card:hover { border-color: rgba(62, 207, 207, 0.4); transform: translateY(-10px) rotateX(4deg); }\r\n\r\n.quote-icon { font-family: 'Playfair Display', serif; font-size: 80px; color: #3ecfcf; opacity: 0.1; position: absolute; top: 10px; left: 35px; line-height: 1; }\r\n.testi-text { font-size: 16px; line-height: 1.9; color: rgba(255, 255, 255, 0.8); font-weight: 300; font-style: italic; margin-bottom: 35px; position: relative; z-index: 2; }\r\n\r\n.testi-author { display: flex; align-items: center; gap: 15px; }\r\n.author-img { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #3ecfcf; object-fit: cover; }\r\n.author-info h4 { font-size: 15px; font-weight: 700; margin: 0; color: #fff;}\r\n.author-info span { font-size: 11px; text-transform: uppercase; color: #3ecfcf; font-weight: 600; }\r\n\r\n\/* Navigation *\/\r\n.slider-footer { display: flex; justify-content: center; align-items: center; gap: 40px; margin-top: 60px; }\r\n.nav-btn { width: 54px; height: 70px; border-radius: 50%; border: 1px solid rgba(62, 207, 207, 0.2); background: transparent; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.3s; font-size: 18px; }\r\n.nav-btn:hover { background: #3ecfcf; color: #06111c; border-color: #3ecfcf; transform: scale(1.1); }\r\n\r\n.dots-nav { display: flex; gap: 10px; }\r\n.dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(62, 207, 207, 0.2); cursor: pointer; transition: 0.4s; }\r\n.dot.active { width: 28px; border-radius: 10px; background: #3ecfcf; }\r\n\r\n@media (max-width: 768px) {\r\n    .testi-card { min-width: 290px; max-width: 290px; padding: 30px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"pm-testimonials-wrapper\">\r\n    <div class=\"testi-header\">\r\n        <div class=\"eyebrow\"><span class=\"eyebrow-line\"><\/span>Testimonials<span class=\"eyebrow-line\"><\/span><\/div>\r\n        <h2 class=\"sec-heading\">What Readers <em>Experience<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"carousel-container\">\r\n        <div class=\"carousel-viewport\" id=\"viewport\">\r\n            <div class=\"carousel-track smooth\" id=\"track\">\r\n                <!-- Original Content (Will be cloned by JS for Real Infinite Loop) -->\r\n                <div class=\"testi-card\">\r\n                    <span class=\"quote-icon\">\u201c<\/span>\r\n                    <p class=\"testi-text\">Patricia\u2019s writing feels like a soft hand on a weary shoulder. I found parts of myself in her book that I thought were lost forever.<\/p>\r\n                    <div class=\"testi-author\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=100\" class=\"author-img\" alt=\"\">\r\n                        <div class=\"author-info\"><h4>Sarah Jenkins<\/h4><span>United States<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"testi-card\">\r\n                    <span class=\"quote-icon\">\u201c<\/span>\r\n                    <p class=\"testi-text\">Every chapter is a lesson in letting go. Highly recommend her works for anyone seeking emotional clarity in this digital noise.<\/p>\r\n                    <div class=\"testi-author\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=100\" class=\"author-img\" alt=\"\">\r\n                        <div class=\"author-info\"><h4>Marcus Thorne<\/h4><span>Literary Times<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"testi-card\">\r\n                    <span class=\"quote-icon\">\u201c<\/span>\r\n                    <p class=\"testi-text\">I haven't been this moved by an author in years. The way she describes surrender as strength is simply brilliant.<\/p>\r\n                    <div class=\"testi-author\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=100\" class=\"author-img\" alt=\"\">\r\n                        <div class=\"author-info\"><h4>Elena Rodriguez<\/h4><span>Artist<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"testi-card\">\r\n                    <span class=\"quote-icon\">\u201c<\/span>\r\n                    <p class=\"testi-text\">Her meditation on loss changed my life. It isn't just a book; it's a lighthouse in a very dark storm. Must read.<\/p>\r\n                    <div class=\"testi-author\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=100\" class=\"author-img\" alt=\"\">\r\n                        <div class=\"author-info\"><h4>David Kaufman<\/h4><span>Author<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slider-footer\">\r\n            <button class=\"nav-btn\" id=\"prevBtn\">\u2190<\/button>\r\n            <div class=\"dots-nav\" id=\"dots\"><\/div>\r\n            <button class=\"nav-btn\" id=\"nextBtn\">\u2192<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    const track = document.getElementById('track');\r\n    const viewport = document.getElementById('viewport');\r\n    const prevBtn = document.getElementById('prevBtn');\r\n    const nextBtn = document.getElementById('nextBtn');\r\n    const dotsNav = document.getElementById('dots');\r\n    \r\n    let originalCards = Array.from(track.querySelectorAll('.testi-card'));\r\n    const totalOriginal = originalCards.length;\r\n    let currentIndex = totalOriginal; \/\/ Start at the first cloned set\r\n    const gap = 30;\r\n\r\n    \/\/ 1. Setup Clones for Infinite Loop\r\n    \/\/ Copy at start and end\r\n    originalCards.forEach(card => {\r\n        let cloneEnd = card.cloneNode(true);\r\n        let cloneStart = card.cloneNode(true);\r\n        track.appendChild(cloneEnd); \/\/ Clone to end\r\n        track.insertBefore(cloneStart, track.firstChild); \/\/ Clone to start\r\n    });\r\n\r\n    const allCards = track.querySelectorAll('.testi-card');\r\n    \r\n    \/\/ 2. Dots\r\n    for(let i=0; i < totalOriginal; i++) {\r\n        const dot = document.createElement('div');\r\n        dot.className = i === 0 ? 'dot active' : 'dot';\r\n        dot.addEventListener('click', () => goToSlide(i + totalOriginal));\r\n        dotsNav.appendChild(dot);\r\n    }\r\n    const dots = dotsNav.querySelectorAll('.dot');\r\n\r\n    function getCardWidth() {\r\n        return allCards[0].offsetWidth + gap;\r\n    }\r\n\r\n    function updateSlider(instant = false) {\r\n        if (instant) track.classList.remove('smooth');\r\n        else track.classList.add('smooth');\r\n        \r\n        const offset = currentIndex * getCardWidth();\r\n        track.style.transform = `translateX(-${offset}px)`;\r\n\r\n        \/\/ Update Dots\r\n        const dotIndex = (currentIndex % totalOriginal);\r\n        dots.forEach((dot, i) => dot.classList.toggle('active', i === dotIndex));\r\n    }\r\n\r\n    \/\/ Initial Position\r\n    currentIndex = totalOriginal;\r\n    setTimeout(() => updateSlider(true), 10);\r\n\r\n    function handleNext() {\r\n        currentIndex++;\r\n        updateSlider();\r\n        \r\n        \/\/ Loop back logic\r\n        if (currentIndex >= totalOriginal * 2) {\r\n            setTimeout(() => {\r\n                currentIndex = totalOriginal;\r\n                updateSlider(true);\r\n            }, 700);\r\n        }\r\n    }\r\n\r\n    function handlePrev() {\r\n        currentIndex--;\r\n        updateSlider();\r\n        \r\n        \/\/ Loop back logic\r\n        if (currentIndex < totalOriginal) {\r\n            setTimeout(() => {\r\n                currentIndex = totalOriginal * 2 - 1;\r\n                updateSlider(true);\r\n            }, 700);\r\n        }\r\n    }\r\n\r\n    nextBtn.addEventListener('click', handleNext);\r\n    prevBtn.addEventListener('click', handlePrev);\r\n\r\n    function goToSlide(index) {\r\n        currentIndex = index;\r\n        updateSlider();\r\n    }\r\n\r\n    \/\/ Window resize handling\r\n    window.addEventListener('resize', () => updateSlider(true));\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e66601 e-con-full e-flex e-con e-parent\" data-id=\"9e66601\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d70f6fa elementor-widget elementor-widget-html\" data-id=\"d70f6fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cta-section\">\r\n  <div class=\"cta-bg-gradient\"><\/div>\r\n  <div class=\"cta-orb cta-orb-1\"><\/div>\r\n  <div class=\"cta-orb cta-orb-2\"><\/div>\r\n  <div class=\"cta-orb cta-orb-3\"><\/div>\r\n  <div class=\"cta-grid-overlay\"><\/div>\r\n  <div class=\"cta-inner\">\r\n    <div class=\"cta-eyebrow reveal\" data-delay=\"0\">\r\n      <span class=\"eyebrow-line\"><\/span>\r\n      Find Your Next Read\r\n      <span class=\"eyebrow-line\"><\/span>\r\n    <\/div>\r\n    <h2 class=\"cta-heading reveal\" data-delay=\"100\">\r\n      Your Story Doesn't<br\/><em>End Here.<\/em>\r\n    <\/h2>\r\n    <p class=\"cta-sub reveal\" data-delay=\"200\">\r\n      Three books written for the in-between  the seasons of loss, uncertainty, and quiet faith. Wherever you are in the journey, there is a page that meets you there.\r\n    <\/p>\r\n    <div class=\"cta-books-row reveal\" data-delay=\"250\">\r\n      <div class=\"mini-book\"><img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Artboard-1-copy-2-2-scaled.jpg\" alt=\"Book 1\"\/><\/div>\r\n      <div class=\"mini-book\"><img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Artboard-1-copy-2-scaled.jpg\" alt=\"Book 2\"\/><\/div>\r\n      <div class=\"mini-book\"><img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/petricia\/wp-content\/uploads\/2026\/04\/Artboard-1-copy-2-2-1-scaled.jpg\" alt=\"Book 3\"\/><\/div>\r\n    <\/div>\r\n    <div class=\"cta-buttons reveal\" data-delay=\"300\">\r\n      <a href=\"https:\/\/demowebdesign.live\/petricia\/books\/\" class=\"cta-btn-primary\">\r\n        <span class=\"btn-icon\">\ud83d\udcda<\/span> Buy Books\r\n      <\/a>\r\n      <a href=\"https:\/\/demowebdesign.live\/petricia\/contact\/\" class=\"cta-btn-secondary\">\r\n        <span class=\"btn-icon\">\u2709\ufe0f<\/span> Contact Author\r\n      <\/a>\r\n    <\/div>\r\n    <div class=\"cta-divider reveal\" data-delay=\"400\">\r\n      <div class=\"cta-divider-line\"><\/div>\r\n      <span class=\"cta-divider-text\">Walking with readers through every season<\/span>\r\n      <div class=\"cta-divider-line\"><\/div>\r\n    <\/div>\r\n    <div class=\"cta-trust reveal\" data-delay=\"500\">\r\n      <div class=\"trust-item\">\r\n        <span class=\"trust-num\">10K+<\/span>\r\n        <span class=\"trust-label\">Readers<\/span>\r\n      <\/div>\r\n      <div class=\"trust-item\">\r\n        <span class=\"trust-num\">3<\/span>\r\n        <span class=\"trust-label\">Books<\/span>\r\n      <\/div>\r\n      <div class=\"trust-item\">\r\n        <span class=\"trust-num\">15+<\/span>\r\n        <span class=\"trust-label\">Years<\/span>\r\n      <\/div>\r\n      <div class=\"trust-item\">\r\n        <span class=\"trust-num\">4.9\u2605<\/span>\r\n        <span class=\"trust-label\">Avg Rating<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n    \r\n    .cta-section{position:relative;padding:130px 48px;overflow:hidden;background:#041c2c;}\r\n\r\n.cta-bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#041c2c 0%,#0a2a4a 30%,#0d4f6e 60%,#083040 100%);z-index:0;}\r\n\r\n.cta-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1;}\r\n.cta-orb-1{width:600px;height:600px;background:#3ecfcf;opacity:.07;top:-200px;left:-200px;animation:ctaOrb 10s ease-in-out infinite;}\r\n.cta-orb-2{width:400px;height:400px;background:#e74c3c;opacity:.06;bottom:-150px;right:-100px;animation:ctaOrb 13s ease-in-out infinite;animation-delay:-5s;}\r\n.cta-orb-3{width:250px;height:250px;background:#5ba8e0;opacity:.07;top:50%;right:20%;animation:ctaOrb 8s ease-in-out infinite;animation-delay:-3s;}\r\n@keyframes ctaOrb{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-30px) scale(1.05);}}\r\n\r\n.cta-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;z-index:1;}\r\n\r\n.cta-inner{position:relative;z-index:10;max-width:760px;margin:0 auto;text-align:center;}\r\n\r\n.cta-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#3ecfcf;margin-bottom:20px;}\r\n\r\n.cta-heading{font-family:'Playfair Display',serif;font-size:clamp(36px,5vw,64px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:14px;}\r\n.cta-heading em{font-style:italic;color:#3ecfcf;}\r\n\r\n.cta-sub{font-size:16px;color:rgba(190,220,230,.6);font-weight:300;line-height:1.75;max-width:520px;margin:0 auto 44px;}\r\n\r\n.cta-buttons{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:52px;}\r\n\r\n.cta-btn-primary{display:inline-flex;align-items:center;gap:10px;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 38px;border-radius:50px;border:none;background:#3ecfcf;color:#041c2c;cursor:pointer;text-decoration:none;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;}\r\n.cta-btn-primary::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.15);opacity:0;transition:opacity .3s;}\r\n.cta-btn-primary:hover::before{opacity:1;}\r\n.cta-btn-primary:hover{transform:scale(1.06);box-shadow:0 0 40px rgba(62,207,207,.55),0 20px 40px rgba(0,0,0,.3);}\r\n\r\n.cta-btn-secondary{display:inline-flex;align-items:center;gap:10px;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 38px;border-radius:50px;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;}\r\n.cta-btn-secondary:hover{transform:scale(1.05);border-color:#fff !important;box-shadow:0 0 28px rgba(255,255,255,.12);}\r\n\r\n.btn-icon{font-size:16px;}\r\n\r\n.cta-divider{display:flex;align-items:center;gap:20px;margin-bottom:44px;}\r\n.cta-divider-line{flex:1;height:1px;background:rgba(255,255,255,.08);}\r\n.cta-divider-text{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.25);}\r\n\r\n.cta-trust{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;}\r\n.trust-item{display:flex;flex-direction:column;align-items:center;gap:5px;}\r\n.trust-num{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:#3ecfcf;}\r\n.trust-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);font-weight:600;}\r\n\r\n.cta-books-row{display:flex;justify-content:center;gap:16px;margin-bottom:50px;}\r\n.mini-book{width:52px;height:72px;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .3s,box-shadow .3s;}\r\n.mini-book img{width:100%;height:100%;object-fit:cover;}\r\n.mini-book:hover{transform:translateY(-6px) scale(1.08);box-shadow:0 16px 32px rgba(0,0,0,.5);}\r\n    \r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Explore the Collection Books Written From the Places Faith Gets Tested Three books by Patricia Morgan each one born from lived grief, quiet faith, and the honest work of trusting God when life stops making sense. From learning to breathe through loss, to finding solid ground when certainty disappears, to discovering grace when the skies [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","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":"","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":""}},"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":55,"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":1211,"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/pages\/18\/revisions\/1211"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}