Phần Hero Trang Đích B2B SaaS

{
  "type": "modern B2B SaaS landing page hero design",
  "brand": {
    "name": "[Atlas GTM]",
    "logo": "dark navy circular mark with a white abstract compass/letter A icon",
    "visual_style": "premium, minimal, conversion-focused, soft white background with pale lavender and peach gradient glow, subtle topographic contour lines, rounded glassmorphism cards, deep navy typography, electric blue accent color"
  },
  "layout": {
    "canvas": "wide desktop website screenshot, 16:9 aspect ratio, generous whitespace, polished Figma-style web design",
    "header": {
      "position": "top",
      "count": 6,
      "items": [
        "logo and Atlas GTM wordmark on the left",
        "What We Do",
        "Who We Help",
        "How It Works",
        "Results",
        "Resources"
      ],
      "cta": "Book a Strategy Call with right arrow, dark navy rounded pill button at top right"
    },
    "hero_left": {
      "position": "left half",
      "eyebrow": "MAP. MESSAGE. MEETINGS.",
      "headline": "[We build the map from your product to your most valuable buyers.]",
      "headline_treatment": "large bold dark navy sans serif, with the words 'the map' highlighted in vivid blue",
      "body": "[Atlas GTM gives B2B companies a precise, tested system to generate more pipeline, without guesswork or reliance on referrals.]",
      "buttons": {
        "count": 2,
        "items": [
          "Book a Strategy Call, dark navy filled button with arrow",
          "See How It Works, white outlined button with small diamond icon"
        ]
      }
    },
    "hero_right": {
      "position": "right half",
      "card_count": 4,
      "cards": [
        {
          "description": "large white core belief card near upper center",
          "text": "Know where you’re going. Move with precision.",
          "badge": "Core Belief",
          "graphic": "dotted curved path with small circular nodes and one filled blue endpoint"
        },
        {
          "description": "dark navy map panel behind the cards on the right",
          "icons_count": 3,
          "icons": [
            "target/crosshair icon",
            "audience/group icon",
            "growth chart icon"
          ],
          "graphic": "subtle contour map lines and dotted route"
        },
        {
          "description": "white analytics card in front lower right",
          "metric": "2.4x",
          "title": "Meetings Booked",
          "subtitle": "(per 1,000 contacts)",
          "caption": "Increase after 6 months with Atlas GTM",
          "chart": "blue rising line chart labeled Month 1, Month 3, Month 6"
        },
        {
          "description": "horizontal feature strip below analytics card",
          "feature_count": 4,
          "features": [
            "Territory Mapping",
            "Message Testing",
            "Reply Analysis",
            "System Compounding"
          ]
        }
      ]
    },
    "trust_bar": {
      "position": "bottom center",
      "heading": "TRUSTED BY B2B SAAS & CONSULTING COMPANIES",
      "logo_count": 6,
      "logos": [
        "fuse",
        "Nexora",
        "Northline",
        "Vectorly",
        "Clariovue",
        "Summit Labs"
      ]
    }
  },
  "typography": {
    "font": "clean modern sans serif similar to Inter or Satoshi",
    "colors": "dark navy, muted slate gray, bright royal blue, soft lavender"
  },
  "rendering_instructions": "Create a high-fidelity SaaS website landing page mockup, not a browser frame. Keep text crisp and readable, align elements precisely to a grid, use soft shadows, rounded corners, subtle blur, and a premium venture-backed startup aesthetic. The overall feeling should be strategic, precise, trustworthy, and modern."
}