Select Page

New Home

🏠 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:
Yes please divi layout
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, or Open Sans for 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.