Add editable PRISM homepage section
This commit is contained in:
+43
@@ -990,6 +990,49 @@ function LandingPage({ content }: { content: SiteContent }) {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="section-prism" aria-label="PRISM featured video">
|
||||
<div className="section-inner prism-feature">
|
||||
<div className="prism-video-shell">
|
||||
<video
|
||||
className="prism-video"
|
||||
controls
|
||||
playsInline
|
||||
preload="metadata"
|
||||
poster="/images/banner.png"
|
||||
>
|
||||
<source src={content.prismVideoUrl || '/images/PRISM.mp4'} type="video/mp4" />
|
||||
Your browser does not support embedded video playback.
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<div className="prism-copy">
|
||||
<p className="eyebrow">{content.prismEyebrow || 'Featured Video'}</p>
|
||||
<h2 className="section-heading prism-heading">
|
||||
<span className="ornament">✦</span> {content.prismHeading || 'PRISM'} <span className="ornament">✦</span>
|
||||
</h2>
|
||||
<p className="prism-description">
|
||||
{content.prismIntro || 'What if every time you opened your Bible, you had a clear, repeatable method to actually dig in?'}
|
||||
</p>
|
||||
<p className="prism-description">
|
||||
{content.prismPatternIntro || 'In this bonus episode, I walk you through P.R.I.S.M. — a five-step daily Bible study pattern designed to help you slow down, go deep, and let the Word do its work.'}
|
||||
</p>
|
||||
<div className="prism-steps" aria-label="P.R.I.S.M. steps">
|
||||
<p>{content.prismStep1 || 'P — Pray before you read'}</p>
|
||||
<p>{content.prismStep2 || 'R — Read slowly and observe'}</p>
|
||||
<p>{content.prismStep3 || 'I — Interpret with context'}</p>
|
||||
<p>{content.prismStep4 || 'S — Study and apply specifically'}</p>
|
||||
<p>{content.prismStep5 || 'M — Memorize one verse at a time'}</p>
|
||||
</div>
|
||||
<p className="prism-description">
|
||||
{content.prismOutro || "Whether you're brand new to daily Bible reading or you've been at it for years, P.R.I.S.M. gives you a consistent framework for every passage, every day."}
|
||||
</p>
|
||||
<p className="prism-description prism-emphasis">
|
||||
{content.prismClosing || "The goal isn't to get through the text — it's to let the text get through to you."}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="section-series" id="series" aria-label="Current series">
|
||||
<div className="section-inner">
|
||||
<h2 className="section-heading">
|
||||
|
||||
Reference in New Issue
Block a user