Home

{{ shop.name }} - The Bible Band + Christian Resources * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif; line-height: 1.6; color: #0A0908; background-color: #FFFFFF; } :root { --deep-black: #0A0908; --deep-blue-charcoal: #22333B; --warm-cream: #EAE0D5; --sand-tan: #C6AC8F; --earth-brown: #5E503F; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideInLeft { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideInRight { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: translateX(0); } } @keyframes scaleUp { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } } @keyframes popUp { 0% { transform: translateY(60px) scale(0.8); opacity: 0; } 50% { transform: translateY(-10px) scale(1.05); } 100% { transform: translateY(0) scale(1); opacity: 1; } } /* MASCOT/CARICATURE */ .mascot-container { position: absolute; top: -50px; right: 80px; z-index: 100; animation: popUp 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s forwards; opacity: 0; } .mascot-image { width: 140px; height: auto; filter: drop-shadow(0 8px 16px rgba(0,0,0,0.12)); } /* HEADER */ header { background: white; padding: 20px 0; border-bottom: 1px solid #f0f0f0; position: sticky; top: 0; z-index: 1000; } .header-content { max-width: 1200px; margin: 0 auto; padding: 0 24px; display: flex; justify-content: space-between; align-items: center; } .logo { font-size: 16px; font-weight: 700; color: var(--deep-black); letter-spacing: 2px; text-decoration: none; } nav { display: flex; gap: 40px; align-items: center; } nav a { text-decoration: none; color: var(--deep-black); font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; transition: color 0.3s ease; } nav a:hover { color: var(--sand-tan); } /* HERO SECTION - SPLIT LAYOUT */ .hero { background-color: var(--warm-cream); padding: 80px 24px; min-height: 600px; display: flex; align-items: center; } .hero-content { max-width: 1200px; margin: 0 auto; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .hero-text { animation: slideInLeft 0.8s ease-out; } .hero-image { animation: slideInRight 0.8s ease-out; text-align: center; } .hero-image img { max-width: 100%; height: auto; animation: scaleUp 0.8s ease-out; } .hero-label { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 16px; color: var(--earth-brown); font-weight: 700; } .hero h1 { font-size: 48px; font-weight: 800; line-height: 1.1; margin-bottom: 24px; color: var(--deep-black); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } .hero p { font-size: 16px; line-height: 1.7; margin-bottom: 32px; color: var(--earth-brown); } .btn-primary { display: inline-block; background-color: var(--sand-tan); color: var(--deep-black); padding: 16px 40px; text-decoration: none; font-weight: 700; border-radius: 50px; transition: all 0.3s ease; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; border: none; cursor: pointer; box-shadow: 0 4px 15px rgba(198, 172, 143, 0.2); } .btn-primary:hover { background-color: #B39A7D; transform: translateY(-3px); box-shadow: 0 8px 25px rgba(198, 172, 143, 0.3); } /* FEATURES WITH CIRCULAR BADGES */ .features { background-color: white; padding: 80px 24px; } .features-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; } .feature { text-align: center; animation: fadeIn 1s ease-out; animation-fill-mode: both; } .feature:nth-child(1) { animation-delay: 0.2s; } .feature:nth-child(2) { animation-delay: 0.4s; } .feature:nth-child(3) { animation-delay: 0.6s; } .feature-badge { width: 120px; height: 120px; background-color: var(--warm-cream); border: 3px solid var(--sand-tan); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; font-size: 48px; transition: all 0.3s ease; } .feature:hover .feature-badge { transform: scale(1.1); background-color: var(--sand-tan); color: white; } .feature h3 { font-size: 18px; font-weight: 700; margin-bottom: 12px; color: var(--deep-black); letter-spacing: 0.5px; } .feature p { font-size: 14px; color: var(--earth-brown); line-height: 1.7; } /* HOW IT WORKS */ .how-it-works { background-color: var(--warm-cream); padding: 80px 24px; } .how-it-works-content { max-width: 1200px; margin: 0 auto; } .section-heading { font-size: 42px; font-weight: 800; text-align: center; margin-bottom: 60px; color: var(--deep-black); } .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; } .step { text-align: center; animation: fadeIn 1s ease-out; } .step-number { width: 70px; height: 70px; background-color: var(--sand-tan); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 28px; margin: 0 auto 20px; transition: all 0.3s ease; } .step:hover .step-number { transform: scale(1.15); box-shadow: 0 8px 20px rgba(198, 172, 143, 0.3); } .step h4 { font-size: 16px; font-weight: 700; margin-bottom: 8px; color: var(--deep-black); letter-spacing: 0.5px; } .step p { font-size: 13px; color: var(--earth-brown); line-height: 1.6; } /* FEATURED PRODUCTS SHOWCASE */ .featured-products-section { background-color: white; padding: 80px 24px; } .featured-products-content { max-width: 1200px; margin: 0 auto; } .featured-products-intro { text-align: center; margin-bottom: 60px; } .featured-products-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 48px; } .featured-product-card { background-color: var(--warm-cream); border-radius: 8px; overflow: hidden; transition: all 0.3s ease; border: 2px solid transparent; animation: scaleUp 0.6s ease-out; } .featured-product-card:hover { transform: translateY(-8px); border-color: var(--sand-tan); box-shadow: 0 12px 40px rgba(0,0,0,0.08); } .featured-product-image { width: 100%; height: 220px; object-fit: cover; background-color: #f5f5f5; } .featured-product-info { padding: 20px 16px; text-align: center; } .featured-product-info h4 { font-size: 14px; font-weight: 700; color: var(--deep-black); margin-bottom: 8px; line-height: 1.4; } .featured-product-info p { font-size: 12px; color: var(--earth-brown); margin-bottom: 12px; } .featured-product-link { display: inline-block; color: var(--sand-tan); text-decoration: none; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; transition: color 0.3s ease; } .featured-product-link:hover { color: var(--deep-blue-charcoal); } /* PRINTABLES SECTION */ .printables-section { background-color: white; padding: 80px 24px; } .printables-content { max-width: 1200px; margin: 0 auto; } .printables-intro { text-align: center; margin-bottom: 60px; } .section-label { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--earth-brown); font-weight: 700; display: block; margin-bottom: 16px; } .printables-intro p { font-size: 15px; color: var(--earth-brown); line-height: 1.7; max-width: 600px; margin: 0 auto; } .printables-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 40px; } .printable-card { background-color: var(--warm-cream); padding: 32px 20px; border-radius: 8px; text-align: center; transition: all 0.3s ease; border: 2px solid transparent; animation: scaleUp 0.6s ease-out; } .printable-card:hover { transform: translateY(-6px); border-color: var(--sand-tan); box-shadow: 0 10px 30px rgba(0,0,0,0.06); } .printable-icon { font-size: 48px; margin-bottom: 16px; display: block; } .printable-card h3 { font-size: 16px; font-weight: 700; margin-bottom: 8px; color: var(--deep-black); } .printable-card p { font-size: 12px; color: var(--earth-brown); margin-bottom: 16px; line-height: 1.5; } /* TESTIMONIAL */ .testimonial-section { background-color: var(--warm-cream); padding: 80px 24px; } .testimonial-content { max-width: 900px; margin: 0 auto; text-align: center; animation: fadeIn 1s ease-out; } .quote { font-size: 24px; font-weight: 700; color: var(--deep-blue-charcoal); margin-bottom: 24px; line-height: 1.8; } .quote-author { font-size: 13px; color: var(--earth-brown); font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 24px; } /* COLLECTIONS */ .collections-section { background-color: var(--warm-cream); padding: 80px 24px; } .collections-content { max-width: 1200px; margin: 0 auto; } .collections-intro { text-align: center; margin-bottom: 60px; max-width: 700px; margin-left: auto; margin-right: auto; } .collections-intro p { font-size: 15px; color: var(--earth-brown); line-height: 1.7; } .collections-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .collection-card { background-color: white; padding: 40px 24px; border-radius: 8px; text-align: center; transition: all 0.3s ease; border: 2px solid transparent; animation: scaleUp 0.6s ease-out; } .collection-card:hover { transform: translateY(-8px); border-color: var(--sand-tan); box-shadow: 0 12px 40px rgba(0,0,0,0.08); } .collection-card h3 { font-size: 18px; font-weight: 700; margin-bottom: 12px; color: var(--deep-black); letter-spacing: 0.5px; } .collection-card p { font-size: 13px; color: var(--earth-brown); margin-bottom: 24px; line-height: 1.6; } .btn-collection { display: inline-block; background-color: transparent; color: var(--sand-tan); padding: 12px 28px; text-decoration: none; font-weight: 700; border: 2px solid var(--sand-tan); border-radius: 50px; transition: all 0.3s ease; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } .btn-collection:hover { background-color: var(--sand-tan); color: white; transform: scale(1.05); } /* FAQ */ .faq-section { background-color: white; padding: 80px 24px; text-align: center; } .faq-content { max-width: 1200px; margin: 0 auto; } .faq-section p { font-size: 15px; color: var(--earth-brown); margin-bottom: 32px; line-height: 1.7; } /* FINAL CTA */ .final-cta { background-color: var(--deep-blue-charcoal); color: white; padding: 100px 24px; text-align: center; } .final-cta-content { max-width: 1200px; margin: 0 auto; } .final-cta h2 { font-size: 42px; font-weight: 800; margin-bottom: 20px; animation: fadeIn 0.8s ease-out; } .final-cta p { font-size: 16px; margin-bottom: 32px; opacity: 0.95; } .btn-light { display: inline-block; background-color: var(--sand-tan); color: var(--deep-black); padding: 16px 40px; text-decoration: none; font-weight: 700; border-radius: 50px; transition: all 0.3s ease; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 12px; border: 2px solid var(--sand-tan); } .btn-light:hover { background-color: transparent; color: var(--sand-tan); transform: translateY(-3px); } /* FOOTER */ footer { background-color: #1a1a1a; color: #999; padding: 60px 24px 40px; } .footer-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin-bottom: 40px; } .footer-section h4 { color: white; font-size: 12px; font-weight: 700; margin-bottom: 20px; letter-spacing: 1.5px; text-transform: uppercase; } .footer-section ul { list-style: none; } .footer-section ul li { margin-bottom: 12px; } .footer-section ul li a { color: #999; text-decoration: none; font-size: 13px; transition: color 0.3s ease; } .footer-section ul li a:hover { color: var(--sand-tan); } .footer-section input { width: 100%; padding: 10px; background: #333; border: 1px solid #555; color: white; font-size: 12px; border-radius: 4px; } .footer-bottom { border-top: 1px solid #333; padding-top: 24px; display: flex; justify-content: space-between; align-items: center; font-size: 11px; max-width: 1200px; margin: 0 auto; } .footer-bottom a { color: #999; text-decoration: none; margin-left: 20px; transition: color 0.3s ease; } .footer-bottom a:hover { color: var(--sand-tan); } /* RESPONSIVE */ @media (max-width: 768px) { nav { display: none; } .hero h1 { font-size: 32px; } .hero-content { grid-template-columns: 1fr; gap: 40px; } .hero { min-height: auto; padding: 60px 24px; } .features-content, .steps, .collections-grid, .printables-grid, .footer-content { grid-template-columns: 1fr; gap: 30px; } .section-heading { font-size: 32px; } .footer-bottom { flex-direction: column; gap: 12px; } .footer-bottom a { margin-left: 0; } .btn-primary, .btn-light { padding: 14px 32px; font-size: 11px; } } BIBLE HOUSE GOODS SHOP DEVOTIONALS PRINTABLES APPAREL FAQ The Bible Band Keep God's Word Close Daily Scripture, prayer, and devotion on your wrist. One simple tap. Get Your Bible Band [Product Image Goes Here] ✝️ Pastor-Written Real biblical insight. No AI. Practical encouragement for daily faith. 📱 No App Needed Just tap your phone. Scripture, prayer, devotion, audio, Bible plan. 🔄 Works Everywhere iPhone & Android compatible. QR backup in every package. Simple Daily Discipleship 1 Wear It Daily reminder on your wrist. 2 Tap It Your phone opens today's page. 3 Read & Pray Scripture, devotion, prayer, audio, Bible plan. CUSTOMER FAVORITES From Our Shop Real products from real customers. Explore what people are loving. Biblical Anxiety Relief Guide 8 Biblical Strategies for Peace View on Etsy Complete Old Testament Books 39 Scripture One-Sheets View on Etsy Christian Marriage Worksheets Couples Devotional & Counseling Tools View on Etsy How to Pray Workbook R.A. Torrey 7-Day Bible Study View on Etsy DIGITAL RESOURCES Bible Study Made Simple Downloadable guides, prayer journals, and Bible study resources designed to deepen your faith journey. 📖 Bible Study Guides Structured lessons for personal or group study of Scripture. Browse 🙏 Prayer Journals Beautiful templates to record your prayers and God's faithfulness. Browse ✝️ Scripture Resources Devotionals, memory cards, and Bible verse collections. Browse 👨👩👧👦 Family Discipleship Resources for teaching faith to your children and family. Browse See All Printables Keep God's Word close to your heart and carry it with you daily. — Deuteronomy 11:18 Our Story More Ways to Engage Your Faith Beyond The Bible Band, Bible House Goods offers Christian printables, prayer resources, and faith apparel for your family, church, and journey with God. Devotionals & Prayer Bible studies, prayer journals, workbooks, and spiritual resources for deeper engagement with God's Word. Explore Printables & Resources Beautiful, downloadable guides and resources for Bible study, family discipleship, and church leadership. Explore Faith Apparel Christian t-shirts and wearables designed to spark conversations about faith and Christ. Explore Questions About The Bible Band? Our FAQ covers NFC compatibility, sizing, troubleshooting, and everything you need to know. Read the FAQ Keep God's Word Close — Every Day Start your wearable discipleship journey with The Bible Band. Get The Bible Band Shop All Shop The Bible Band All Products Devotionals Apparel Learn About Us How It Works Churches & Groups Contact Support FAQ Returns & Refunds Privacy Policy Terms of Use Newsletter Sign up for updates, new products, and encouragement. © 2026 Bible House Goods. All rights reserved. Privacy Terms