Component Browser
BrowseBuild
Home/Browse/Navbar 22

Navbar 22

ImageFormAccordion1 ColumnCards110 nodes ยท 54 styles
Navbar 22

Description

Mobile menu with navigation links and integrated contact form sidebar for immediate inquiries.

Detailed Analysis

This mobile navigation combines navigation with lead capture through an integrated contact form. The white left section displays eight bold navigation links in a 4x2 grid, with contact information (phone, email, address) and social icons at the bottom. The grey right sidebar features a complete contact form with heading, description, name field, email field, message textarea, terms acceptance checkbox, and black submit button. This design enables visitors to reach out without leaving the navigation overlay.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

mobile menucontact formlead capturesidebar form8 linksmessage formterms checkboxsubmit buttongrey sidebarsocial iconsintegrated forminquiry

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [
        {
          "id": "e-1718",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-436",
              "playInReverse": false,
              "autoStopEventId": "e-1719",
              "affectedElements": {}
            },
            "instant": true,
            "actionTypeId": "GENERAL_START_ACTION"
          },
          "config": {
            "loop": false,
            "delay": null,
            "effectIn": null,
            "direction": null,
            "playInReverse": false,
            "scrollOffsetUnit": null,
            "scrollOffsetValue": null
          },
          "target": {
            "id": "6540ac58fa7ea7efe56967ef|4ec7e293-7540-0564-a590-ea3a247ba22a",
            "appliesTo": "ELEMENT",
            "styleBlockIds": []
          },
          "targets": [
            {
              "id": "6540ac58fa7ea7efe56967ef|4ec7e293-7540-0564-a590-ea3a247ba22a",
              "appliesTo": "ELEMENT",
              "styleBlockIds": []
            }
          ],
          "createdOn": 1665740110224,
          "eventTypeId": "NAVBAR_OPEN",
          "mediaQueries": [
            "main",
            "medium",
            "small",
            "tiny"
          ],
          "animationType": "preset"
        },
        {
          "id": "e-1719",
          "name": "",
          "action": {
            "id": "",
            "config": {
              "delay": 0,
              "easing": "",
              "duration": 0,
              "actionListId": "a-437",
              "playInReverse": false,
              "autoStopEventId": "e-1718",
              "affec
... (truncated)