Studi Kasus UI Pemasaran Mode Gelap

{
  "type": "UI/UX landing page mockup",
  "theme": "dark mode, sleek modern aesthetic, glassmorphism, {argument name=\"primary accent color\" default=\"neon purple and blue\"} glowing accents",
  "header": {
    "logo": "{argument name=\"brand name\" default=\"goViralX\"}",
    "badge": "Viral marketing campaign case study"
  },
  "sections": [
    {
      "id": "hero",
      "layout": "Left text, right image layout",
      "content": {
        "badge": "Case study",
        "headline": "{argument name=\"hero headline\" default=\"How We Created 10M+ Viral Impact\"}",
        "subtitle": "Explode online in 3 days and help your brand achieve exponential growth",
        "stats_row": {
          "count": 4,
          "labels": [
            "Total views {argument name=\"main metric\" default=\"10,240,000+\"}",
            "Engagement rate 18.7%",
            "Conversions 3,200+",
            "Execution cycle 72 hours"
          ]
        },
        "hero_image": "Movie-quality shots showing a person in a darkroom watching a glowing, suspended video screen with a large play button overlay"
      }
    },
    {
      "id": "strategy",
      "title": "Event Breakdown: Our 3-Day Execution Strategy",
      "layout": "3-Step Vertical Timeline",
      "steps": [
        {
          "step": 1,
          "title": "Strategy Development",
          "image": "People analyzing data on a screen"
        },
        {
          "step": 2,
          "title": "Content Creation",
          "image": "Video Editing Interface"
        },
        {
          "step": 3,
          "title": "Distribution & Amplification",
          "image": "Hand holding a smartphone with social media icons"
        }
      ]
    },
    {
      "id": "performance",
      "title": "Effect Evaluation: Data-Driven Performance",
      "layout": "Left-side statistics card grid, right-side chart",
      "left_stats": {
        "count": 4,
        "labels": [
          "Total impressions 10 million+",
          "Average CPM down 43%",
          "New followers 28,000+",
          "Conversions 3,200+"
        ]
      },
      "right_charts": {
        "count": 2,
        "items": [
          "Line chart shows 7-day trend, peaking at 8,320,000 on day 3",
          "Horizontal bar chart showing platform distribution: TikTok 52%, Instagram 24%, X 15%, YouTube 9%"
        ]
      }
    },
    {
      "id": "keys_to_success",
      "title": "Why things go viral: The 3 key ingredients for success",
      "layout": "3 cards arranged horizontally",
      "cards": [
        {
          "icon": "fire",
          "title": "Emotional hook design"
        },
        {
          "icon": "bullseye",
          "title": "Content structure design"
        },
        {
          "icon": "antenna",
          "title": "Distribution Strategy Execution"
        }
      ]
    },
    {
      "id": "social_proof",
      "title": "Trusted by Creators & Brands: They're all using goViralX to grow",
      "layout": "Logo on the left, customer testimonials on the right",
      "left_logos": {
        "count": 8,
        "labels": [
          "SHEIN",
          "SHOPLINE",
          "Blueglass",
          "instacart",
          "lemon8",
          "mi",
          "CIDER",
          "bellroy"
        ]
      },
      "right_testimonials": {
        "count": 2,
        "labels": [
          "SaaS Founder Reviews",
          "Growth Manager Reviews"
        ]
      }
    },
    {
      "id": "cta",
      "title": "Ready to go viral? Want the same growth?",
      "layout": "Text on the left and input field, 3D illustration on the right",
      "elements": [
        "Input field with placeholder text",
        "Button: {argument name=\"call to action text\" default=\"Get a custom growth plan ->\"}"
      ],
      "image": "3D glowing purple and blue rocket launch"
    }
  ],
  "footer": "Logo and copyright statement text"
}