Encouraging Words eBooks

import React, { useState, useMemo } from ‘react’; import { EBOOKS } from ‘./constants’; import { Book, Category } from ‘./types’; import { BookCard } from ‘./components/BookCard’; import { FunnelSection } from ‘./components/FunnelSection’; const App: React.FC = () => { const [selectedCategory, setSelectedCategory] = useState(‘All’); const [selectedAuthor, setSelectedAuthor] = useState(‘All’); const [searchQuery, setSearchQuery] = useState(”); const [activeBook, setActiveBook] = useState(null); // Derive unique authors for filter const authors = useMemo(() => { const list = Array.from(new Set(EBOOKS.map(b => b.author))); return [‘All’, …list]; }, []); const filteredBooks = useMemo(() => { return EBOOKS.filter(book => { const matchesCategory = selectedCategory === ‘All’ || book.category === selectedCategory; const matchesAuthor = selectedAuthor === ‘All’ || book.author === selectedAuthor; const search = searchQuery.toLowerCase(); const matchesSearch = book.title.toLowerCase().includes(search) || book.description.toLowerCase().includes(search) || book.author.toLowerCase().includes(search) || book.category.toLowerCase().includes(search); return matchesCategory && matchesAuthor && matchesSearch; }); }, [selectedCategory, selectedAuthor, searchQuery]); return (

{/* Navigation */} {/* Hero Section */}

Ancient Biblical Wisdom for Modern Times

Inspiring Success through Faith

Discover a curated library dedicated to spiritual growth, church revitalization, and the art of biblical salesmanship.

Explore Library The Mission

New Release

Available Today

{/* Book Gallery Section */}

The Digital Shelf

Filter by genre or search keywords to find the exact wisdom your mission requires.

{/* Advanced Filter Bar */}

{/* Search Bar */}

setSearchQuery(e.target.value)} className=”block w-full pl-11 pr-4 py-4 bg-white border border-slate-200 rounded-2xl focus:ring-2 focus:ring-brand-neon focus:border-transparent transition-all outline-none text-slate-900 font-medium” />

{/* Author Filter */}

setSelectedAuthor(e.target.value)} className=”block w-full px-4 py-4 bg-white border border-slate-200 rounded-2xl appearance-none focus:ring-2 focus:ring-brand-neon outline-none text-slate-900 font-medium cursor-pointer” > All Authors {authors.filter(a => a !== ‘All’).map(a => ( {a} ))}

{/* Reset Button */} { setSearchQuery(”); setSelectedCategory(‘All’); setSelectedAuthor(‘All’); }} className=”px-4 py-4 bg-slate-200 hover:bg-slate-300 text-slate-700 font-bold rounded-2xl transition-all” > Clear All

{/* Genre Filter Chips */}

Quick Genres: {[‘All’, …Object.values(Category)].map((cat) => ( setSelectedCategory(cat as any)} className={`px-6 py-2 rounded-xl text-xs font-black transition-all border-2 ${ selectedCategory === cat ? ‘bg-brand-blue border-brand-blue text-white shadow-[0_5px_15px_rgba(30,64,175,0.3)]’ : ‘bg-white border-slate-200 text-slate-600 hover:border-brand-neon’ }`} > {cat} ))}

{/* Results Summary */}

Showing {filteredBooks.length} eBooks {searchQuery && for “{searchQuery}“}

{/* Gallery Grid */}

{filteredBooks.map((book) => ( ))}

{filteredBooks.length === 0 && (

No match found

We couldn’t find any books matching your current search criteria. Try broadening your filters.

{ setSearchQuery(”); setSelectedCategory(‘All’); setSelectedAuthor(‘All’); }} className=”text-brand-blue font-bold hover:underline” > Reset all filters

)}

{/* Funnel Modal */} {activeBook && ( setActiveBook(null)} /> )} {/* Footer (Condensed for space) */}

); }; export default App;