PageSourceSearch

https://masterprophetlibrary.com/

html masterprophetlibrary.com collected 2026-09-25 03:26:23 UTC 47,423 bytes, 1,397 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta name="description" content="Master Prophet Library - Access premium spiritual teachings, business coaching, and personal development content from Prophet Ebenezer.">
7    <title>Master Prophet Library - Wisdom for Life & Business</title>
8    <link rel="icon" type="image/svg+xml" href="https://masterprophetlibrary.com/favicon.svg">
9    <link rel="icon" type="image/x-icon" href="https://masterprophetlibrary.com/favicon.ico">
10    <link rel="preconnect" href="https://fonts.googleapis.com">
11    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
13    <style>
14        :root {
15            --color-navy: #1a2332;
16            --color-navy-light: #2d3a4f;
17            --color-gold: #c9a227;
18            --color-gold-light: #d4b84a;
19            --color-cream: #faf8f5;
20            --color-warm-gray: #f5f3f0;
21            --color-text: #3d3d3d;
22            --color-text-light: #6b6b6b;
23            --color-border: #e8e5e1;
24            --font-serif: 'Cormorant Garamond', Georgia, serif;
25            --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
26        }
27
28        * {
29            margin: 0;
30            padding: 0;
31            box-sizing: border-box;
32        }
33
34        html {
35            scroll-behavior: smooth;
36        }
37
38        body {
39            font-family: var(--font-sans);
40            font-size: 17px;
41            line-height: 1.7;
42            color: var(--color-text);
43            background: var(--color-cream);
44            -webkit-font-smoothing: antialiased;
45        }
46
47        /* ============================================
48           NAVIGATION
49        ============================================ */
50        .nav {
51            position: fixed;
52            top: 0;
53            left: 0;
54            right: 0;
55            z-index: 1000;
56            background: rgba(255, 255, 255, 0.97);
57            backdrop-filter: blur(10px);
58            border-bottom: 1px solid var(--color-border);
59            transition: box-shadow 0.3s ease;
60        }
61
62        .nav.scrolled {
63            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
64        }
65
66        .nav-inner {
67            max-width: 1200px;
68            margin: 0 auto;
69            padding: 1rem 2rem;
70            display: flex;
71            justify-content: space-between;
72            align-items: center;
73        }
74
75        .logo {
76            display: flex;
77            align-items: center;
78            gap: 0.75rem;
79            text-decoration: none;
80        }
81
82        .logo-icon {
83            width: 44px;
84            height: 44px;
85            background: var(--color-navy);
86            border-radius: 8px;
87            display: flex;
88            align-items: center;
89            justify-content: center;
90        }
91
92        .logo-icon svg {
93            width: 24px;
94            height: 24px;
95            color: var(--color-gold);
96        }
97
98        .logo-text {
99            font-family: var(--font-serif);
100            font-size: 1.4rem;
101            font-weight: 600;
102            color: var(--color-navy);
103            letter-spacing: -0.02em;
104        }
105
106        .nav-actions {
107            display: flex;
108            align-items: center;
109            gap: 1rem;
110        }
111
112        .nav-link {
113            font-size: 0.95rem;
114            font-weight: 500;
115            color: var(--color-text);
116            text-decoration: none;
117            padding: 0.5rem 1rem;
118            transition: color 0.2s ease;
119        }
120
121        .nav-link:hover {
122            color: var(--color-navy);
123        }
124
125        /* ============================================
126           BUTTONS
127        ============================================ */
128        .btn {
129            display: inline-flex;
130            align-items: center;
131            justify-content: center;
132            gap: 0.5rem;
133            padding: 0.875rem 1.75rem;
134            font-family: var(--font-sans);
135            font-size: 0.95rem;
136            font-weight: 600;
137            text-decoration: none;
138            border-radius: 6px;
139            border: none;
140            cursor: pointer;
141            transition: all 0.25s ease;
142        }
143
144        .btn-primary {
145            background: var(--color-navy);
146            color: #fff;
147        }
148
149        .btn-primary:hover {
150            background: var(--color-navy-light);
151            transform: translateY(-1px);
152        }
153
154        .btn-secondary {
155            background: transparent;
156            color: var(--color-navy);
157            border: 2px solid var(--color-navy);
158        }
159
160        .btn-secondary:hover {
161            background: var(--color-navy);
162            color: #fff;
163        }
164
165        .btn-gold {
166            background: var(--color-gold);
167            color: var(--color-navy);
168        }
169
170        .btn-gold:hover {
171            background: var(--color-gold-light);
172            transform: translateY(-1px);
173        }
174
175        .btn-large {
176            padding: 1.125rem 2.25rem;
177            font-size: 1.05rem;
178        }
179
180        /* ============================================
181           HERO SECTION
182        ============================================ */
183        .hero {
184            padding: 10rem 2rem 6rem;
185            background: linear-gradient(180deg, #fff 0%, var(--color-cream) 100%);
186            text-align: center;
187        }
188
189        .hero-inner {
190            max-width: 800px;
191            margin: 0 auto;
192        }
193
194        .hero-badge {
195            display: inline-flex;
196            align-items: center;
197            gap: 0.5rem;
198            padding: 0.5rem 1rem;
199            background: var(--color-warm-gray);
200            border: 1px solid var(--color-border);
201            border-radius: 100px;
202            font-size: 0.85rem;
203            font-weight: 500;
204            color: var(--color-text-light);
205            margin-bottom: 2rem;
206        }
207
208        .hero-badge-dot {
209            width: 8px;
210            height: 8px;
211            background: var(--color-gold);
212            border-radius: 50%;
213        }
214
215        .hero h1 {
216            font-family: var(--font-serif);
217            font-size: clamp(2.5rem, 5vw, 3.75rem);
218            font-weight: 600;
219            color: var(--color-navy);
220            line-height: 1.15;
221            letter-spacing: -0.02em;
222            margin-bottom: 1.5rem;
223        }
224
225        .hero-subtitle {
226            font-size: 1.2rem;
227            color: var(--color-text-light);
228            max-width: 580px;
229            margin: 0 auto 2.5rem;
230            line-height: 1.7;
231        }
232
233        .hero-cta {
234            display: flex;
235            justify-content: center;
236            gap: 1rem;
237            flex-wrap: wrap;
238            margin-bottom: 3rem;
239        }
240
241        .hero-trust {
242            display: flex;
243            justify-content: center;
244            align-items: center;
245            gap: 2rem;
246            padding-top: 2rem;
247            border-top: 1px solid var(--color-border);
248            flex-wrap: wrap;
249        }
250
251        .trust-item {
252            display: flex;
253            align-items: center;
254            gap: 0.5rem;
255            font-size: 0.9rem;
256            color: var(--color-text-light);
257        }
258
259        .trust-item svg {
260            width: 18px;
261            height: 18px;
262            color: var(--color-gold);
263        }
264
265        /* ============================================
266           SECTION STYLES
267        ============================================ */
268        .section {
269            padding: 5rem 2rem;
270        }
271
272        .section-alt {
273            background: #fff;
274        }
275
276        .section-inner {
277            max-width: 1100px;
278            margin: 0 auto;
279        }
280
281        .section-header {
282            text-align: center;
283            max-width: 600px;
284            margin: 0 auto 3.5rem;
285        }
286
287        .section-label {
288            font-size: 0.8rem;
289            font-weight: 600;
290            text-transform: uppercase;
291            letter-spacing: 0.12em;
292            color: var(--color-gold);
293            margin-bottom: 0.75rem;
294        }
295
296        .section-title {
297            font-family: var(--font-serif);
298            font-size: clamp(1.75rem, 3vw, 2.5rem);
299            font-weight: 600;
300            color: var(--color-navy);
301            line-height: 1.2;
302            letter-spacing: -0.01em;
303            margin-bottom: 1rem;
304        }
305
306        .section-desc {
307            font-size: 1.05rem;
308            color: var(--color-text-light);
309            line-height: 1.7;
310        }
311
312        /* ============================================
313           VALUE PROPOSITION
314        ============================================ */
315        .value-grid {
316            display: grid;
317            grid-template-columns: repeat(3, 1fr);
318            gap: 2rem;
319        }
320
321        .value-card {
322            padding: 2rem;
323            background: var(--color-warm-gray);
324            border-radius: 12px;
325            border: 1px solid var(--color-border);
326            transition: transform 0.3s ease, box-shadow 0.3s ease;
327        }
328
329        .value-card:hover {
330            transform: translateY(-4px);
331            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
332        }
333
334        .value-icon {
335            width: 52px;
336            height: 52px;
337            background: var(--color-navy);
338            border-radius: 10px;
339            display: flex;
340            align-items: center;
341            justify-content: center;
342            margin-bottom: 1.25rem;
343        }
344
345        .value-icon svg {
346            width: 26px;
347            height: 26px;
348            color: var(--color-gold);
349        }
350
351        .value-card h3 {
352            font-family: var(--font-serif);
353            font-size: 1.35rem;
354            font-weight: 600;
355            color: var(--color-navy);
356            margin-bottom: 0.75rem;
357        }
358
359        .value-card p {
360            font-size: 0.95rem;
361            color: var(--color-text-light);
362            line-height: 1.65;
363        }
364
365        /* ============================================
366           HOW IT WORKS
367        ============================================ */
368        .steps-grid {
369            display: grid;
370            grid-template-columns: repeat(3, 1fr);
371            gap: 3rem;
372            position: relative;
373        }
374
375        .steps-grid::before {
376            content: '';
377            position: absolute;
378            top: 32px;
379            left: 16.66%;
380            right: 16.66%;
381            height: 2px;
382            background: var(--color-border);
383        }
384
385        .step {
386            text-align: center;
387            position: relative;
388        }
389
390        .step-number {
391            width: 64px;
392            height: 64px;
393            background: #fff;
394            border: 2px solid var(--color-gold);
395            border-radius: 50%;
396            display: flex;
397            align-items: center;
398            justify-content: center;
399            font-family: var(--font-serif);
400            font-size: 1.5rem;
401            font-weight: 600;
402            color: var(--color-navy);
403            margin: 0 auto 1.5rem;
404            position: relative;
405            z-index: 1;
406        }
407
408        .step h3 {
409            font-family: var(--font-serif);
410            font-size: 1.3rem;
411            font-weight: 600;
412            color: var(--color-navy);
413            margin-bottom: 0.75rem;
414        }
415
416        .step p {
417            font-size: 0.95rem;
418            color: var(--color-text-light);
419            line-height: 1.65;
420            max-width: 280px;
421            margin: 0 auto;
422        }
423
424        /* ============================================
425           CONTENT TYPES
426        ============================================ */
427        .content-grid {
428            display: grid;
429            grid-template-columns: repeat(4, 1fr);
430            gap: 1.5rem;
431        }
432
433        .featured-grid {
434            display: grid;
435            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
436            gap: 1.25rem;
437        }
438
439        .featured-collections-label {
440            font-size: 0.9rem;
441            font-weight: 600;
442            color: var(--color-text-light);
443            margin-top: 2rem;
444            margin-bottom: 0.75rem;
445        }
446
447        .featured-card {
448            display: block;
449            padding: 0;
450            background: #fff;
451            border: 1px solid var(--color-border);
452            border-radius: 12px;
453            text-decoration: none;
454            transition: all 0.2s ease;
455            overflow: hidden;
456        }
457
458        .featured-card:hover {
459            border-color: var(--color-gold);
460            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
461            transform: translateY(-2px);
462        }
463
464        .featured-card-cover {
465            aspect-ratio: 1;
466            background: var(--color-warm-gray);
467            overflow: hidden;
468        }
469
470        .featured-card-cover img {
471            width: 100%;
472            height: 100%;
473            object-fit: cover;
474            display: block;
475        }
476
477        .featured-card-cover-placeholder {
478            width: 100%;
479            height: 100%;
480            display: flex;
481            align-items: center;
482            justify-content: center;
483            color: var(--color-border);
484        }
485
486        .featured-card-cover-placeholder svg {
487            width: 48px;
488            height: 48px;
489        }
490
491        .featured-card .featured-card-type,
492        .featured-card .featured-card-title,
493        .featured-card .featured-card-desc {
494            padding-left: 1rem;
495            padding-right: 1rem;
496        }
497
498        .featured-card .featured-card-type {
499            padding-top: 0.75rem;
500        }
501
502        .featured-card .featured-card-desc {
503            padding-bottom: 1rem;
504        }
505
506        .featured-card-type {
507            display: inline-block;
508            padding: 0.25rem 0.6rem;
509            background: var(--color-warm-gray);
510            border-radius: 100px;
511            font-size: 0.75rem;
512            font-weight: 500;
513            color: var(--color-text-light);
514            margin-bottom: 0.75rem;
515        }
516
517        .featured-card-title {
518            font-family: var(--font-serif);
519            font-size: 1.1rem;
520            font-weight: 600;
521            color: var(--color-navy);
522            margin-bottom: 0.35rem;
523        }
524
525        .featured-card-desc {
526            font-size: 0.875rem;
527            color: var(--color-text-light);
528            margin: 0;
529            line-height: 1.5;
530        }
531
532        .content-card {
533            padding: 2rem 1.5rem;
534            background: #fff;
535            border: 1px solid var(--color-border);
536            border-radius: 12px;
537            text-align: center;
538            transition: all 0.3s ease;
539        }
540
541        .content-card:hover {
542            border-color: var(--color-gold);
543            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
544        }
545
546        .content-icon {
547            width: 56px;
548            height: 56px;
549            background: var(--color-cream);
550            border-radius: 50%;
551            display: flex;
552            align-items: center;
553            justify-content: center;
554            margin: 0 auto 1rem;
555        }
556
557        .content-icon svg {
558            width: 28px;
559            height: 28px;
560            color: var(--color-navy);
561        }
562
563        .content-card h3 {
564            font-family: var(--font-serif);
565            font-size: 1.15rem;
566            font-weight: 600;
567            color: var(--color-navy);
568            margin-bottom: 0.5rem;
569        }
570
571        .content-card p {
572            font-size: 0.875rem;
573            color: var(--color-text-light);
574        }
575
576        /* ============================================
577           TESTIMONIAL
578        ============================================ */
579        .testimonial-section {
580            background: var(--color-navy);
581            color: #fff;
582        }
583
584        .testimonial-inner {
585            max-width: 800px;
586            margin: 0 auto;
587            text-align: center;
588        }
589
590        .testimonial-quote {
591            font-family: var(--font-serif);
592            font-size: clamp(1.5rem, 2.5vw, 2rem);
593            font-weight: 400;
594            line-height: 1.5;
595            font-style: italic;
596            margin-bottom: 2rem;
597            color: rgba(255, 255, 255, 0.95);
598        }
599
600        .testimonial-quote::before {
601            content: '"';
602            display: block;
603            font-size: 4rem;
604            line-height: 0.5;
605            color: var(--color-gold);
606            margin-bottom: 1rem;
607        }
608
609        .testimonial-author {
610            display: flex;
611            align-items: center;
612            justify-content: center;
613            gap: 1rem;
614        }
615
616        .testimonial-avatar {
617            width: 56px;
618            height: 56px;
619            background: var(--color-gold);
620            border-radius: 50%;
621            display: flex;
622            align-items: center;
623            justify-content: center;
624            font-family: var(--font-serif);
625            font-size: 1.25rem;
626            font-weight: 600;
627            color: var(--color-navy);
628        }
629
630        .testimonial-info {
631            text-align: left;
632        }
633
634        .testimonial-name {
635            font-weight: 600;
636            font-size: 1rem;
637        }
638
639        .testimonial-role {
640            font-size: 0.875rem;
641            color: rgba(255, 255, 255, 0.7);
642        }
643
644        /* ============================================
645           CATEGORIES
646        ============================================ */
647        .categories-wrapper {
648            display: flex;
649            flex-wrap: wrap;
650            justify-content: center;
651            gap: 0.75rem;
652        }
653
654        .category-tag {
655            padding: 0.625rem 1.25rem;
656            background: #fff;
657            border: 1px solid var(--color-border);
658            border-radius: 100px;
659            font-size: 0.9rem;
660            font-weight: 500;
661            color: var(--color-text);
662            text-decoration: none;
663            transition: all 0.2s ease;
664        }
665
666        .category-tag:hover {
667            background: var(--color-navy);
668            border-color: var(--color-navy);
669            color: #fff;
670        }
671
672        /* ============================================
673           PLANS
674        ============================================ */
675        .plans-grid {
676            display: grid;
677            grid-template-columns: repeat(3, 1fr);
678            gap: 1.5rem;
679        }
680
681        .plan-card {
682            padding: 2.5rem 2rem;
683            background: #fff;
684            border: 1px solid var(--color-border);
685            border-radius: 12px;
686            text-align: center;
687            transition: all 0.3s ease;
688        }
689
690        .plan-card.featured {
691            border-color: var(--color-gold);
692            box-shadow: 0 8px 40px rgba(201, 162, 39, 0.15);
693            transform: scale(1.02);
694        }
695
696        .plan-card:hover {
697            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
698        }
699
700        .plan-badge {
701            display: inline-block;
702            padding: 0.25rem 0.75rem;
703            background: var(--color-gold);
704            border-radius: 100px;
705            font-size: 0.7rem;
706            font-weight: 600;
707            text-transform: uppercase;
708            letter-spacing: 0.05em;
709            color: var(--color-navy);
710            margin-bottom: 1rem;
711        }
712
713        .plan-name {
714            font-family: var(--font-serif);
715            font-size: 1.5rem;
716            font-weight: 600;
717            color: var(--color-navy);
718            margin-bottom: 0.5rem;
719        }
720
721        .plan-desc {
722            font-size: 0.9rem;
723            color: var(--color-text-light);
724            margin-bottom: 1.5rem;
725            line-height: 1.6;
726        }
727
728        .plan-features {
729            list-style: none;
730            text-align: left;
731            margin-bottom: 1.5rem;
732        }
733
734        .plan-features li {
735            display: flex;
736            align-items: flex-start;
737            gap: 0.75rem;
738            padding: 0.5rem 0;
739            font-size: 0.9rem;
740            color: var(--color-text);
741        }
742
743        .plan-features li svg {
744            width: 18px;
745            height: 18px;
746            color: var(--color-gold);
747            flex-shrink: 0;
748            margin-top: 2px;
749        }
750
751        /* ============================================
752           FAQ
753        ============================================ */
754        .faq-grid {
755            display: grid;
756            grid-template-columns: repeat(2, 1fr);
757            gap: 1.5rem;
758        }
759
760        .faq-item {
761            padding: 1.75rem;
762            background: #fff;
763            border: 1px solid var(--color-border);
764            border-radius: 10px;
765        }
766
767        .faq-item h3 {
768            font-family: var(--font-serif);
769            font-size: 1.15rem;
770            font-weight: 600;
771            color: var(--color-navy);
772            margin-bottom: 0.75rem;
773        }
774
775        .faq-item p {
776            font-size: 0.95rem;
777            color: var(--color-text-light);
778            line-height: 1.65;
779        }
780
781        /* ============================================
782           CTA SECTION
783        ============================================ */
784        .cta-section {
785            padding: 5rem 2rem;
786            background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-navy-light) 100%);
787            text-align: center;
788        }
789
790        .cta-inner {
791            max-width: 600px;
792            margin: 0 auto;
793        }
794
795        .cta-section h2 {
796            font-family: var(--font-serif);
797            font-size: clamp(1.75rem, 3vw, 2.25rem);
798            font-weight: 600;
799            color: #fff;
800            margin-bottom: 1rem;
801        }
802
803        .cta-section p {
804            font-size: 1.05rem;
805            color: rgba(255, 255, 255, 0.8);
806            margin-bottom: 2rem;
807        }
808
809        .cta-buttons {
810            display: flex;
811            justify-content: center;
812            gap: 1rem;
813            flex-wrap: wrap;
814        }
815
816        /* ============================================
817           FOOTER
818        ============================================ */
819        .footer {
820            padding: 3rem 2rem;
821            background: var(--color-navy);
822            border-top: 1px solid rgba(255, 255, 255, 0.1);
823        }
824
825        .footer-inner {
826            max-width: 1100px;
827            margin: 0 auto;
828            display: flex;
829            justify-content: space-between;
830            align-items: center;
831            flex-wrap: wrap;
832            gap: 1.5rem;
833        }
834
835        .footer-brand {
836            display: flex;
837            align-items: center;
838            gap: 0.75rem;
839        }
840
841        .footer-logo {
842            width: 36px;
843            height: 36px;
844            background: var(--color-gold);
845            border-radius: 6px;
846            display: flex;
847            align-items: center;
848            justify-content: center;
849        }
850
851        .footer-logo svg {
852            width: 20px;
853            height: 20px;
854            color: var(--color-navy);
855        }
856
857        .footer-name {
858            font-family: var(--font-serif);
859            font-size: 1.1rem;
860            font-weight: 600;
861            color: #fff;
862        }
863
864        .footer-copy {
865            font-size: 0.875rem;
866            color: rgba(255, 255, 255, 0.6);
867        }
868
869        /* ============================================
870           RESPONSIVE
871        ============================================ */
872        @media (max-width: 1024px) {
873            .value-grid {
874                grid-template-columns: repeat(2, 1fr);
875            }
876
877            .content-grid {
878                grid-template-columns: repeat(2, 1fr);
879            }
880
881            .plans-grid {
882                grid-template-columns: 1fr;
883                max-width: 400px;
884                margin: 0 auto;
885            }
886
887            .plan-card.featured {
888                transform: none;
889            }
890        }
891
892        @media (max-width: 768px) {
893            .nav-inner {
894                padding: 0.875rem 1.5rem;
895            }
896
897            .nav-link {
898                display: none;
899            }
900
901            .hero {
902                padding: 8rem 1.5rem 4rem;
903            }
904
905            .section {
906                padding: 3.5rem 1.5rem;
907            }
908
909            .value-grid,
910            .steps-grid,
911            .faq-grid,
912            .content-grid {
913                grid-template-columns: 1fr;
914            }
915
916            .steps-grid::before {
917                display: none;
918            }
919
920            .hero-cta {
921                flex-direction: column;
922                align-items: center;
923            }
924
925            .btn-large {
926                width: 100%;
927                max-width: 300px;
928            }
929
930            .hero-trust {
931                flex-direction: column;
932                gap: 1rem;
933            }
934
935            .footer-inner {
936                flex-direction: column;
937                text-align: center;
938            }
939        }
940
941        @media (max-width: 480px) {
942            .logo-text {
943                font-size: 1.15rem;
944            }
945
946            .btn {
947                padding: 0.75rem 1.25rem;
948                font-size: 0.9rem;
949            }
950        }
951    </style>
952</head>
953<body>
954    <!-- Navigation -->
955    <nav class="nav" id="nav">
956        <div class="nav-inner">
957            <a href="/" class="logo">
958                <div class="logo-icon">
959                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
960                        <path d="M12 2L2 7l10 5 10-5-10-5z"/>
961                        <path d="M2 17l10 5 10-5"/>
962                        <path d="M2 12l10 5 10-5"/>
963                    </svg>
964                </div>
965                <span class="logo-text">Master Prophet Library</span>
966            </a>
967            <div class="nav-actions">
968                <a href="#how-it-works" class="nav-link">How It Works</a>
969                <a href="#plans" class="nav-link">Plans</a>
970                <a href="https://masterprophetlibrary.com/dashboard/login" class="btn btn-secondary">Sign In</a>
971            </div>
972        </div>
973    </nav>
974
975    <!-- Hero Section -->
976    <section class="hero">
977        <div class="hero-inner">
978            <div class="hero-badge">
979                <span class="hero-badge-dot"></span>
980                Trusted by thousands worldwide
981            </div>
982            <h1>Wisdom & Guidance for Life, Business & Faith</h1>
983            <p class="hero-subtitle">
984                Access a curated collection of teachings, audiobooks, and resources from Bishop E. Bernard Jordan. Grow spiritually, lead effectively, and build with purpose.
985            </p>
986            <div class="hero-cta">
987                <a href="https://masterprophetlibrary.com/dashboard/register" class="btn btn-gold btn-large">
988                    Start Free Today
989                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
990                        <path d="M5 12h14M12 5l7 7-7 7"/>
991                    </svg>
992                </a>
993                <a href="https://masterprophetlibrary.com/dashboard/login" class="btn btn-secondary btn-large">Sign In to Account</a>
994            </div>
995            <div class="hero-trust">
996                <div class="trust-item">
997                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
998                        <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
999                    </svg>
1000                    Secure & Private
1001                </div>
1002                <div class="trust-item">
1003                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1004                        <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
1005                        <polyline points="22 4 12 14.01 9 11.01"/>
1006                    </svg>
1007                    No Credit Card Required
1008                </div>
1009                <div class="trust-item">
1010                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1011                        <circle cx="12" cy="12" r="10"/>
1012                        <path d="M12 6v6l4 2"/>
1013                    </svg>
1014                    Instant Access
1015                </div>
1016            </div>
1017        </div>
1018    </section>
1019
1020    <!-- Value Proposition -->
1021    <section class="section section-alt">
1022        <div class="section-inner">
1023            <div class="section-header">
1024                <p class="section-label">Why Choose Us</p>
1025                <h2 class="section-title">Everything You Need in One Place</h2>
1026                <p class="section-desc">
1027                    A comprehensive library designed for busy professionals and seekers of wisdom.
1028                </p>
1029            </div>
1030            <div class="value-grid">
1031                <div class="value-card">
1032                    <div class="value-icon">
1033                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1034                            <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/>
1035                            <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/>
1036                        </svg>
1037                    </div>
1038                    <h3>Spiritual Growth</h3>
1039                    <p>Deep teachings on faith, prayer, and spiritual development to strengthen your walk and deepen your understanding.</p>
1040                </div>
1041                <div class="value-card">
1042                    <div class="value-icon">
1043                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1044                            <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
1045                            <circle cx="8.5" cy="7" r="4"/>
1046                            <line x1="20" y1="8" x2="20" y2="14"/>
1047                            <line x1="23" y1="11" x2="17" y2="11"/>
1048                        </svg>
1049                    </div>
1050                    <h3>Leadership & Business</h3>
1051                    <p>Practical wisdom for entrepreneurs and leaders. Build businesses that prosper and team
1051s that thrive.</p>
1052                </div>
1053                <div class="value-card">
1054                    <div class="value-icon">
1055                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1056                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
1057                        </svg>
1058                    </div>
1059                    <h3>Relationships & Family</h3>
1060                    <p>Guidance for building strong marriages, raising children with purpose, and nurturing meaningful relationships.</p>
1061                </div>
1062            </div>
1063        </div>
1064    </section>
1065
1066    <!-- Featured Content -->
1067        <section class="section">
1068        <div class="section-inner">
1069            <div class="section-header">
1070                <p class="section-label">Featured</p>
1071                <h2 class="section-title">Spotlight on Wisdom</h2>
1072                <p class="section-desc">
1073                    Hand-picked teachings, albums, and content to get you started.
1074                </p>
1075            </div>
1076                        <div class="featured-grid">
1077                                                                <a href="https://masterprophetlibrary.com/dashboard/collections/touching-incidents-and-remarkable-answer-to-prayers-a-kzyqbc" class="featured-card">
1078                    <div class="featured-card-cover">
1079                                                    <img src="https://masterprophetlibrary.s3.us-west-2.amazonaws.com/covers/13/a87a0689-7daf-47e2-ac7d-9fdaad6b1213.jpg?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIAQZU5GDSZRTB5YL4A%2F20260925%2Fus-west-2%2Fs3%2Faws4_request&amp;X-Amz-Date=20260925T032623Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=3600&amp;X-Amz-Signature=3c0d81d64999e30dee5fdbc43037828d5542e505cdabf99543806cbf005192b2" alt="" loading="lazy">
1080                                            </div>
1081                    <span class="featured-card-type">Album</span>
1082                    <h3 class="featured-card-title">Touching Incidents and Remarkable Answer to Prayers A</h3>
1083                    <p class="featured-card-desc">Auto-imported audiobook album</p>
1084                </a>
1085                                            </div>
1086        </div>
1087    </section>
1088    
1089    <!-- Content Types -->
1090    <section class="section">
1091        <div class="section-inner">
1092            <div class="section-header">
1093                <p class="section-label">Content Library</p>
1094                <h2 class="section-title">Multiple Formats, One Destination</h2>
1095                <p class="section-desc">
1096                    Access your content the way you prefer — read, listen, or watch.
1097                </p>
1098            </div>
1099            <div class="content-grid">
1100                <div class="content-card">
1101                    <div class="content-icon">
1102                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1103                            <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/>
1104                            <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/>
1105                        </svg>
1106                    </div>
1107                    <h3>Ebooks</h3>
1108                    <p>Read directly in your browser</p>
1109                </div>
1110                <div class="content-card">
1111                    <div class="content-icon">
1112                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1113                            <path d="M3 18v-6a9 9 0 0 1 18 0v6"/>
1114                            <path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/>
1115                        </svg>
1116                    </div>
1117                    <h3>Audiobooks</h3>
1118                    <p>Listen on the go</p>
1119                </div>
1120                <div class="content-card">
1121                    <div class="content-icon">
1122                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1123                            <circle cx="12" cy="12" r="10"/>
1124                            <polygon points="10 8 16 12 10 16 10 8"/>
1125                        </svg>
1126                    </div>
1127                    <h3>Music</h3>
1128                    <p>Worship and inspiration</p>
1129                </div>
1130                <div class="content-card">
1131                    <div class="content-icon">
1132                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1133                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
1134                            <polyline points="14 2 14 8 20 8"/>
1135                            <line x1="16" y1="13" x2="8" y2="13"/>
1136                            <line x1="16" y1="17" x2="8" y2="17"/>
1137                            <polyline points="10 9 9 9 8 9"/>
1138                        </svg>
1139                    </div>
1140                    <h3>Documents</h3>
1141                    <p>PDFs and study guides</p>
1142                </div>
1143            </div>
1144        </div>
1145    </section>
1146
1147    <!-- How It Works -->
1148    <section class="section section-alt" id="how-it-works">
1149        <div class="section-inner">
1150            <div class="section-header">
1151                <p class="section-label">Getting Started</p>
1152                <h2 class="section-title">Simple to Begin, Powerful to Use</h2>
1153                <p class="section-desc">
1154                    Get started in under a minute. No complicated signup process.
1155                </p>
1156            </div>
1157            <div class="steps-grid">
1158                <div class="step">
1159                    <div class="step-number">1</div>
1160                    <h3>Enter Your Phone</h3>
1161                    <p>Just your mobile number. We'll send a quick verification code via SMS.</p>
1162                </div>
1163                <div class="step">
1164                    <div class="step-number">2</div>
1165                    <h3>Verify & Access</h3>
1166                    <p>Enter the code and you're in. Instant access to free content library.</p>
1167                </div>
1168                <div class="step">
1169                    <div class="step-number">3</div>
1170                    <h3>Explore & Grow</h3>
1171                    <p>Browse categories, discover teachings, and start your journey today.</p>
1172                </div>
1173            </div>
1174        </div>
1175    </section>
1176
1177    <!-- Testimonial -->
1178    <section class="section testimonial-section">
1179        <div class="testimonial-inner">
1180            <blockquote class="testimonial-quote">
1181                The teachings in this library have transformed how I approach both my business and my faith. 
1182                It's like having a mentor available whenever I need guidance.
1183            </blockquote>
1184            <div class="testimonial-author">
1185                <div class="testimonial-avatar">JM</div>
1186                <div class="testimonial-info">
1187                    <div class="testimonial-name">Bro. James M.</div>
1188                    <div class="testimonial-role">Business Owner, Atlanta</div>
1189                </div>
1190            </div>
1191        </div>
1192    </section>
1193
1194    <!-- Categories -->
1195    <section class="section">
1196        <div class="section-inner">
1197            <div class="section-header">
1198                <p class="section-label">Topics</p>
1199                <h2 class="section-title">Explore What Matters to You</h2>
1200                <p class="section-desc">
1201                    Content organized by life area so you can find exactly what you need.
1202                </p>
1203            </div>
1204            <div class="categories-wrapper">
1205                <span class="category-tag">Faith & Spiritual Growth</span>
1206                <span class="category-tag">Leadership</span>
1207                <span class="category-tag">Business & Entrepreneurship</span>
1208                <span class="category-tag">Relationships</span>
1209                <span class="category-tag">Family & Parenting</span>
1210                <span class="category-tag">Health & Wellness</span>
1211                <span class="category-tag">Finance & Prosperity</span>
1212                <span class="category-tag">Career Development</span>
1213                <span class="category-tag">Purpose & Destiny</span>
1214                <span class="category-tag">Emotional Healing</span>
1215                <span class="category-tag">Prayer & Meditation</span>
1216                <span class="category-tag">Legacy & Impact</span>
1217            </div>
1218        </div>
1219    </section>
1220
1221    <!-- Plans -->
1222    <section class="section section-alt" id="plans">
1223        <div class="section-inner">
1224            <div class="section-header">
1225                <p class="section-label">Membership</p>
1226                <h2 class="section-title">Choose Your Path</h2>
1227                <p class="section-desc">
1228                    Start free and upgrade when you're ready for more.
1229                </p>
1230            </div>
1231            <div class="plans-grid">
1232                <div class="plan-card">
1233                    <div class="plan-name">Free</div>
1234                    <p class="plan-desc">Perfect for getting started</p>
1235                    <ul class="plan-features">
1236                        <li>
1237                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1238                                <polyline points="20 6 9 17 4 12"/>
1239                            </svg>
1240                            Access to free library content
1241                        </li>
1242                        <li>
1243                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1244                                <polyline points="20 6 9 17 4 12"/>
1245                            </svg>
1246                            Basic ebooks and teachings
1247                        </li>
1248                        <li>
1249                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1250                                <polyline points="20 6 9 17 4 12"/>
1251                            </svg>
1252                            Read & listen in browser
1253                        </li>
1254                    </ul>
1255                    <a href="https://masterprophetlibrary.com/dashboard/register" class="btn btn-secondary" style="width: 100%;">Get Started</a>
1256                </div>
1257                <div class="plan-card featured">
1258                    <span class="plan-badge">Most Popular</span>
1259                    <div class="plan-name">Blessing Plan</div>
1260                    <p class="plan-desc">
1260For dedicated learners</p>
1261                    <ul class="plan-features">
1262                        <li>
1263                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1264                                <polyline points="20 6 9 17 4 12"/>
1265                            </svg>
1266                            Everything in Free
1267                        </li>
1268                        <li>
1269                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1270                                <polyline points="20 6 9 17 4 12"/>
1271                            </svg>
1272                            Premium spiritual teachings
1273                        </li>
1274                        <li>
1275                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1276                                <polyline points="20 6 9 17 4 12"/>
1277                            </svg>
1278                            Full audiobook library
1279                        </li>
1280                        <li>
1281                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1282                                <polyline points="20 6 9 17 4 12"/>
1283                            </svg>
1284                            Exclusive music collection
1285                        </li>
1286                    </ul>
1287                    <a href="https://masterprophetlibrary.com/dashboard/register" class="btn btn-gold" style="width: 100%;">Start Free Trial</a>
1288                </div>
1289                <div class="plan-card">
1290                    <div class="plan-name">Mastermind</div>
1291                    <p class="plan-desc">
1291For leaders and entrepreneurs</p>
1292                    <ul class="plan-features">
1293                        <li>
1294                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1295                                <polyline points="20 6 9 17 4 12"/>
1296                            </svg>
1297                            Everything in Blessing
1298                        </li>
1299                        <li>
1300                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1301                                <polyline points="20 6 9 17 4 12"/>
1302                            </svg>
1303                            Business coaching content
1304                        </li>
1305                        <li>
1306                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1307                                <polyline points="20 6 9 17 4 12"/>
1308                            </svg>
1309                            Leadership masterclasses
1310                        </li>
1311                        <li>
1312                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1313                                <polyline points="20 6 9 17 4 12"/>
1314                            </svg>
1315                            Priority new releases
1316                        </li>
1317                    </ul>
1318                    <a href="https://masterprophetlibrary.com/dashboard/register" class="btn btn-secondary" style="width: 100%;">Learn More</a>
1319                </div>
1320            </div>
1321        </div>
1322    </section>
1323
1324    <!-- FAQ -->
1325    <section class="section">
1326        <div class="section-inner">
1327            <div class="section-header">
1328                <p class="section-label">Questions</p>
1329                <h2 class="section-title">Frequently Asked</h2>
1330            </div>
1331            <div class="faq-grid">
1332                <div class="faq-item">
1333                    <h3>How do I sign up?</h3>
1334                    <p>Simply enter your phone number and verify with the code we send via SMS. No email or credit card required to get started.</p>
1335                </div>
1336                <div class="faq-item">
1337                    <h3>What devices can I use?</h3>
1338                    <p>Access your library from any device with a modern web browser — desktop, tablet, or mobile phone.</p>
1339                </div>
1340                <div class="faq-item">
1341                    <h3>Is my information secure?</h3>
1342                    <p>Yes. We only collect your phone number for verification. Your data is encrypted and never shared with third parties.</p>
1343                </div>
1344                <div class="faq-item">
1345                    <h3>Can I upgrade later?</h3>
1346                    <p>Absolutely. Start with the free plan and upgrade anytime to access premium content and features.</p>
1347                </div>
1348            </div>
1349        </div>
1350    </section>
1351
1352    <!-- Final CTA -->
1353    <section class="cta-section">
1354        <div class="cta-inner">
1355            <h2>Begin Your Journey Today</h2>
1356            <p>Join thousands who are growing in wisdom, faith, and purpose.</p>
1357            <div class="cta-buttons">
1358                <a href="https://masterprophetlibrary.com/dashboard/register" class="btn btn-gold btn-large">
1359                    Create Free Account
1360                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1361                        <path d="M5 12h14M12 5l7 7-7 7"/>
1362                    </svg>
1363                </a>
1364            </div>
1365        </div>
1366    </section>
1367
1368    <!-- Footer -->
1369    <footer class="footer">
1370        <div class="footer-inner">
1371            <div class="footer-brand">
1372                <div class="footer-logo">
1373                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1374                        <path d="M12 2L2 7l10 5 10-5-10-5z"/>
1375                        <path d="M2 17l10 5 10-5"/>
1376                        <path d="M2 12l10 5 10-5"/>
1377                    </svg>
1378                </div>
1379                <span class="footer-name">Master Prophet Library</span>
1380            </div>
1381            <p class="footer-copy">© 2026 Master Prophet Library. All rights reserved.</p>
1382        </div>
1383    </footer>
1384
1385    <!-- Scroll Effect for Nav -->
1386    
1386<script>
1387        const nav = document.getElementById('nav');
1388        window.addEventListener('scroll', () => {
1389            if (window.scrollY > 50) {
1390                nav.classList.add('scrolled');
1391            } else {
1392                nav.classList.remove('scrolled');
1393            }
1394        });
1395    </script>
1395
1396</body>
1397</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.