import { useState, useEffect, useRef } from “react”;

const GOLD = “#c8a84b”;
const GOLD_L = “#e8c96a”;
const GOLD_D = “#8a6e28”;
const DEEP = “#1a1710”;
const MID = “#2d2a22”;
const VELLUM = “#f5f0e8”;
const CREAM = “#faf7f2”;
const PARCHMENT = “#ede6d5”;
const MUTED = “#6b6452”;
const INK = “#0f0e0c”;

const BOOKS = [
{
href: “https://100-books-project.com/intelligent-design-the-final-proof-of-god-by-dr-dan-anghel/”,
tag: “Audiobook”, cat: “Philosophy · Science & Faith”,
title: “Intelligent Design: The Final Proof of God”,
desc: “A 48-minute journey bridging quantum physics, consciousness, and the philosophical case for a higher intelligence behind the cosmos.”,
symbol: “✝”, bg: [”#2a2318”,”#1a1710”],
},
{
href: “https://100-books-project.com/soulfield-theory/”,
tag: “Philosophy”, cat: “Consciousness · Post-Material Science”,
title: “Soulfield Theory”,
desc: “A groundbreaking framework proposing consciousness reflects a deeper causal structure of reality — irreducible to determinism or quantum chance.”,
symbol: “∞”, bg: [”#25201a”,”#181410”],
},
{
href: “https://100-books-project.com/the-philosophy-of-light-by-gods-advocate-book-summary-key-benefits/”,
tag: “Spiritual”, cat: “Spiritual Philosophy”,
title: “The Philosophy of Light”,
desc: “Written as God’s Advocate — a luminous exploration of how perception, consciousness, and divine light shape the soul.”,
symbol: “☀”, bg: [”#1a1820”,”#0e0d18”],
},
{
href: “https://100-books-project.com/the-remnant/”,
tag: “Christian”, cat: “Christian Faith · Witness”,
title: “The Remnant”,
desc: “A powerful reflection on those who hold to truth and authentic Christian witness in a world of compromise and spiritual confusion.”,
symbol: “✝”, bg: [”#14180e”,”#0c1008”],
},
{
href: “https://100-books-project.com/pathways-to-the-ultimate-reality-by-dan-anghel-book-overview-deep-insights/”,
tag: “Metaphysics”, cat: “Metaphysics · Faith”,
title: “Pathways to the Ultimate Reality”,
desc: “A philosophical investigation tracing pathways from human reason and authentic faith toward the absolute ground of being.”,
symbol: “◉”, bg: [”#181510”,”#100e0b”],
},
{
href: “https://100-books-project.com/freed-by-infinity-a-philosophical-journey-beyond-tribal-identity-by-dan-anghel/”,
tag: “Philosophy”, cat: “Identity · Freedom · Faith”,
title: “Freed by Infinity”,
desc: “How authentic faith in an infinite God liberates the human soul from the prisons of tribal, ideological, and cultural identity.”,
symbol: “∞”, bg: [”#0e1418”,”#080c10”],
},
];

const AUDIO = [
{ href:“https://100-books-project.com/intelligent-design-the-final-proof-of-god-by-dr-dan-anghel/”, title:“Intelligent Design: The Final Proof of God”, desc:“48 min · Narrated by Steve Bramham · Free on Google Play”, tags:[“48 min”,“Free”,“Google Play”] },
{ href:“https://100-books-project.com/the-eye-of-light-how-perception-shapes-the-soul-an-illuminating-audiobook-by-dan-crown/”, title:“The Eye of Light: How Perception Shapes the Soul”, desc:“The relationship between spiritual perception, consciousness, and soul formation. By Dan Crown.”, tags:[“Audiobook”,“Dan Crown”] },
{ href:“https://100-books-project.com/the-light-within-by-dan-crown-overcome-stress-with-faith-prayer/”, title:“The Light Within: Overcome Stress with Faith & Prayer”, desc:“A faith-grounded guide to peace amid pressure — prayer, Scripture, and Christian contemplation.”, tags:[“Faith & Wellbeing”,“Dan Crown”] },
{ href:“https://100-books-project.com/the-power-of-our-thoughts/”, title:“The Power of Our Thoughts”, desc:“A philosophical and spiritual exploration of thought, intention, and the transformative power of renewed consciousness.”, tags:[“Mind & Spirit”] },
{ href:“https://100-books-project.com/the-enduring-power-of-moral-courage/”, title:“The Enduring Power of Moral Courage”, desc:“What gives human beings the strength to stand for truth when comfort and consensus point the other way?”, tags:[“Ethics”,“Essay”] },
{ href:“https://100-books-project.com/the-heart-that-conquers-power/”, title:“The Heart That Conquers Power”, desc:“On the paradox at the core of Christian ethics: how love, not force, is the ultimate power.”, tags:[“Christian Ethics”] },
];

const ARTICLES = [
{ href:“https://100-books-project.com/the-enduring-power-of-moral-courage/”, n:“01”, title:“The Enduring Power of Moral Courage”, desc:“What gives a human being the strength to stand alone for truth? An exploration of courage, conscience, and the cost of integrity.” },
{ href:“https://100-books-project.com/freed-by-infinity-a-philosophical-journey-beyond-tribal-identity-by-dan-anghel/”, n:“02”, title:“Freed by Infinity: Beyond Tribal Identity”, desc:“How genuine faith in an infinite God dissolves the walls we build around tribal and cultural identity.” },
{ href:“https://100-books-project.com/the-heart-that-conquers-power/”, n:“03”, title:“The Heart That Conquers Power”, desc:“On the paradox of Christian ethics: how self-giving love outmaneuvers every form of worldly force.” },
{ href:“https://100-books-project.com/pathways-to-the-ultimate-reality-by-dan-anghel-book-overview-deep-insights/”, n:“04”, title:“Pathways to the Ultimate Reality”, desc:“A philosophical map tracing the roads that human reason and authentic faith walk toward the absolute ground of being.” },
{ href:“https://100-books-project.com/the-remnant/”, n:“05”, title:“The Remnant: Faith in the Age of Compromise”, desc:“A searching reflection on holding to truth when the culture — and even the church — bows to comfort.” },
{ href:“https://100-books-project.com/the-power-of-our-thoughts/”, n:“06”, title:“The Power of Our Thoughts”, desc:“How conscious intention reshapes the architecture of the soul — philosophy and faith intertwined.” },
];

function useScrollReveal() {
const ref = useRef(null);
const [visible, setVisible] = useState(false);
useEffect(() => {
const el = ref.current;
if (!el) return;
const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) { setVisible(true); obs.disconnect(); } }, { threshold: 0.12 });
obs.observe(el);
return () => obs.disconnect();
}, []);
return [ref, visible];
}

function Reveal({ children, delay = 0, style = {} }) {
const [ref, vis] = useScrollReveal();
return (

);
}

function Eyebrow({ children, light }) {
return (

);
}

function Btn({ href, variant = “gold”, children }) {
const styles = {
gold: { background: GOLD, color: INK, border: “none” },
ghost: { background: “transparent”, color: GOLD_L, border: `1px solid rgba(200,168,75,0.4)` },
dark: { background: “transparent”, color: VELLUM, border: `1px solid rgba(245,240,232,0.2)` },
};
return (

{children}

);
}

function BookCard({ book }) {
const [hov, setHov] = useState(false);
return (
setHov(true)} onMouseLeave={() => setHov(false)}
style={{ display:“block”, textDecoration:“none”, color:“inherit”, borderRadius:3, overflow:“hidden”, background:“white”, boxShadow: hov ? “0 20px 48px rgba(0,0,0,0.14)” : “0 2px 10px rgba(0,0,0,0.07)”, transform: hov ? “translateY(-6px)” : “translateY(0)”, transition:“all .3s”, border:“1px solid rgba(0,0,0,0.06)” }}>
{/* Cover */}