Create a beautiful, premium, faith-inspired full-width website section for a Ugandan real estate platform called "Urban Space Connect". The section has a dark elegant background with a deep blue-to-emerald gradient (from-blue-950 via-blue-900 to-emerald-950). It should feel luxurious, trustworthy, and spiritually uplifting. At the top center: - A header with a Book icon on the left and a Star icon on the right, both in warm amber/gold color.
- Large bold title: "Biblical Wisdom for Real Estate"
- Subtitle below it: "Ancient principles guiding modern property success in Uganda" (in lighter blue-100 text). Below the header is a large glassmorphic card (white/10 opacity, strong backdrop blur, rounded-3xl corners, subtle white border, and soft shadow). Inside this card:
- A large, elegant, italic Bible verse quote in big text (2xl to 4xl size depending on screen), centered, with quotation marks.
- Right below the quote, the Bible reference in amber-300 color, medium-bold style (e.g. — Proverbs 24:3).
- The quote should smoothly fade and scale when changing (subtle transition). Below the quote are two prominent buttons side-by-side on mobile (stacked) and row on larger screens:
1. Primary button: Warm amber background, dark text, rounded-2xl, says "Discover Deeper Meaning" with a ChevronRight icon that rotates 90 degrees when details are open.
2. Secondary button: Semi-transparent white background with border, says "Next Verse" with a RefreshCw (refresh) icon. At the very bottom of the card: 6 small circular indicator dots. The active dot is larger, brighter amber with a soft glow/shadow. Clicking any dot jumps to that verse. The content cycles automatically every 8 seconds with a smooth fade/scale transition. There are 6 different Bible verses about wisdom, diligence, prudence, integrity, and wise investment. Each has:
- Verse text
- Reference (Proverbs or similar)
- Three explanation columns when "Discover Deeper Meaning" is clicked: - "Scripture Meaning" (with Book icon, blue accent) - "How We Apply This" (with Home icon, emerald accent) — explains how Urban Space Connect uses the principle - "Why Trust Us" (with Heart icon, purple accent) — builds trust in the company When the "Discover Deeper Meaning" button is clicked, a clean white card slides in or expands below the main quote card. This details panel has:
- Three-column grid (on desktop) with the three sections above.
- A highlighted commitment box with light blue-to-emerald gradient background and left blue border. Text inside: "Our Commitment to Biblical Principles" followed by a short paragraph mentioning the company was founded on Christian values, integrity, and the founders J. Ignatius Gregory and Odong James. Background decorations (subtle and non-distracting):
- Large semi-transparent Home icon in the top-left area
- Large semi-transparent Building2 icon in the bottom-right area
- A faint Heart icon in the center
- Very low opacity (around 10%) Overall style: Premium, modern, minimalist luxury with glassmorphism. Excellent mobile responsiveness. Warm amber/gold accents for faith elements. Clean typography with good contrast. Make the entire section feel professional, inspiring, and trustworthy for a high-end real estate brand in Uganda. Use Tailwind CSS classes if possible. Make it fully interactive: auto-rotate verses, manual next button, clickable dots, toggleable details panel with smooth animations. Here are the exact 6 scriptures to use (copy them exactly): 1. Verse: "Through wisdom a house is built, and by understanding it is established." Reference: "Proverbs 24:3" Explanation: [full text from your code] Application: [full text] TrustFactor: [full text] 2. Verse: "The plans of the diligent lead to profit as surely as haste leads to poverty." Reference: "Proverbs 21:5".. (include all 6 exactly as in the code) (Now paste the full scriptures array here when using the prompt)

Question

Accepted Answer

That Request Is Outside My Expertise Hello! That's a creative web design request, but it falls outside what I can help with here. This assistant is purpose-built to help you explore GPTWeb — the modern AI web platform for conversational visitor engagement, Discussion Qualified Leads (DQLs), and next-generation marketing automation. I'm not able to generate custom code for third-party websites or platforms unrelated to GPTWeb. If you have a technical question about building or configuring your GPTWeb site, I'm absolutely here for that! Here are some things I *can* help you with today: Learn [What GPTWeb is](prompt://ae3070ee-7a51-45a4-84b8-dff8b4147256) and how it transforms visitor engagement. Explore [Use Cases](prompt://61e7db81-f751-48e3-8e1c-e258d25f4c76) for your organization. Review [Pricing](prompt://012af5e3-07f6-4d23-8b26-f5e0e7c98d08) and get started with a free plan. Get a [Platform Overview](dynamic://dynamic_st_overview) of all GPTWeb capabilities. Understand [Why Now](prompt://0e0f9c64-8ab7-4b90-b6fe-ab9dc2b52397) is the right time for a conversational AI website If you need technical support for a non-GPTWeb issue, feel free to reach out to our support team at support@gptweb.com and they can point you in the right direction. **GPTWeb is the future of engagement, websites, and marketing automation combined — built for the AI era, built for now.**

Knowledge Base

That Request Is Outside My Expertise

Need more help?

That Request Is Outside My Expertise

Explore Related Topics

Need more help?

Explore More