π Security IQ Homepage Layout
π¦ Hero Section (Dark Background)
Headline:
AI + Blockchain Solutions for Every Department
Subheadline:
From Clerk of Court to Sheriffβs Office β Security IQ stops fraud, answers questions, and improves public service with powerful tools made for government.
CTAs:[Choose Your Department] [See It in Action]
Visual:
Clean robot illustration + certified document icon on glowing dark-blue abstract background
π¨ What Is Security IQ? (Light Gray or White Section)
One Platform. Two Capabilities. Trusted Results.
Split into Two Columns:
| π Blockchain Security | π€ AI Assistant Tools |
|---|---|
| Tamper-proof document verification | Voice bots for public FAQs |
| Chain-of-custody protection | Smart redaction & filing |
| Legal-grade authenticity | Automated intake support |
π© Departments We Serve (Icon Grid with Buttons)
| Clerk of Court | Sheriffβs Office | Tax Collector | Property Appraiser |
|---|---|---|---|
| [View Tools] | [View Tools] | [View Tools] | [View Tools] |
Each button leads to a department-specific page.
π« Live Demos + Resources
See How It Works in 90 Seconds
-
Short demo videos: Certified PDF β’ AI voice call sample β’ Redaction overlay
-
Buttons:
[Watch Demo][Download Overview PDF]
π¦ Client Testimonial / Trust Statement
-
Seal of blockchain verification
-
Agency logo strip (or placeholder logos if new)
-
Optional quote from early adopter or beta user
βͺ Final Call to Action (Light Section or Banner)
Headline:
Ready to protect your documents β and empower your team?
CTAs:[Book a Demo] [Get More Info]
β Style Recommendations
-
Stick to cool, trustworthy tones (dark blue, slate gray, aqua, white)
-
Use animation sparingly (just enough to add energy)
-
Ensure all buttons are high-contrast and legible
Would you like this turned into a full-page visual wireframe next β or would you like Divi module layout guidance to implement it directly?
You said:
ChatGPT said:
Here is a complete Divi layout guide for building the Security IQ homepage as we just discussed β tailored for a professional, tech-forward government audience and optimized for AI + Blockchain integration:
ποΈ Security IQ Homepage β Divi Section-by-Section Layout
π· 1. HERO SECTION
Type: Fullwidth Section
Background: Dark blue gradient with abstract lines (use background image or gradient)
Modules:
-
Text Module
-
Heading:
AI + Blockchain Solutions for Every Department -
Subheading:
From Clerk of Court to Sheriffβs Office β Security IQ stops fraud, answers questions, and improves public service with powerful tools made for government. -
Align left or center
-
-
Button Module (x2)
-
Button 1:
Choose Your Departmentβ link to section or menu -
Button 2:
See It in Actionβ anchor to demo section or video modal -
Use contrasting button styles (e.g., one blue, one ghost)
-
-
Image Module
-
Right side: AI assistant + blockchain icon or certificate graphic
-
Layout: Two-column row (Text left, Image right)
π¨ 2. FEATURES SPLIT: “One Platform, Two Capabilities”
Type: Standard Section
Background: White or very light gray
Row: Two Columns
-
Column 1: Blockchain Security (Icon + Text Module)
-
Icon: π
-
Title:
Blockchain Security -
Bullets:
-
Tamper-proof document verification
-
Chain-of-custody protection
-
Legal-grade authenticity
-
-
-
Column 2: AI Assistant Tools (Icon + Text Module)
-
Icon: π€
-
Title:
AI Assistant Tools -
Bullets:
-
Voice bots for public FAQs
-
Smart redaction & filing
-
Automated intake support
-
-
π© 3. DEPARTMENT GRID
Type: Regular Section
Background: White or subtle light gradient
Row: Four columns (stack to 2×2 on mobile)
Each Column:
-
Blurb Module (Icon + Title + CTA Button)
-
Example:
-
Icon: ποΈ
-
Title:
Clerk of Court -
Button:
View Toolsβ /clerk
-
-
Repeat for: Sheriff, Tax Collector, Property Appraiser
πͺ 4. DEMO SECTION
Type: Standard Section
Background: Slightly darker background (light slate)
Row: 2 columns
-
Column 1: Video Module or Image with Play Button overlay
-
Use short animated video showing AI voice or PDF validation
-
-
Column 2: Text Module
-
Heading:
See It in Action -
CTA Buttons:
-
Watch Demo -
Download Overview PDF
-
-
π« 5. TESTIMONIAL / TRUST SECTION
Type: Regular Section
Background: White
Modules:
-
Logo Module (or Image Carousel) β Placeholder if logos are limited
-
Text Module β Pull quote:
βSecurity IQ gives us peace of mind and keeps us ahead of fraud.β
-
Optional: blockchain-certified seal as visual
π΅ 6. FINAL CTA BANNER
Type: Fullwidth Section
Background: Dark blue gradient
Text: Centered Text Module
-
Heading:
Ready to protect your documents β and empower your team? -
Subheading (optional):
Book a 15-minute walkthrough or download the quick-start guide.
Buttons:
-
Book a Demo -
Get More Info
π‘ Tips for Divi Styling:
-
Fonts: Use
Poppins,Montserrat, orOpen Sansfor modern clean look -
Colors:
-
Backgrounds:
#0F1B2B,#F8F9FA,#1D2A39 -
Accent: Aqua blue (
#00B8D9) or security blue (#2979FF)
-
-
Button Styling: Bold with hover effect, round corners
Would you like this packaged as a downloadable .json Divi layout file? I can provide the structure as code or visual reference.