{
  "type": "excalidraw",
  "version": 2,
  "source": "turbostarter-wireframes",
  "elements": [
    {
      "id": "outer-frame",
      "type": "rectangle",
      "x": 0,
      "y": 0,
      "width": 1440,
      "height": 900,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": [],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar",
      "type": "rectangle",
      "x": 0,
      "y": 0,
      "width": 280,
      "height": 900,
      "strokeColor": "$border",
      "backgroundColor": "$sidebar",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-logo-area",
      "type": "rectangle",
      "x": 0,
      "y": 0,
      "width": 280,
      "height": 64,
      "strokeColor": "$border",
      "backgroundColor": "$sidebar",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-logo-placeholder",
      "type": "rectangle",
      "x": 20,
      "y": 16,
      "width": 120,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-logo-text",
      "type": "text",
      "x": 40,
      "y": 24,
      "width": 80,
      "height": 16,
      "text": "MCPGet",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-item-1",
      "type": "rectangle",
      "x": 20,
      "y": 100,
      "width": 240,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$sidebar",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-item-1-text",
      "type": "text",
      "x": 40,
      "y": 112,
      "width": 80,
      "height": 16,
      "text": "Dashboard",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-item-2",
      "type": "rectangle",
      "x": 20,
      "y": 160,
      "width": 240,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$sidebar",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-item-2-text",
      "type": "text",
      "x": 40,
      "y": 172,
      "width": 80,
      "height": 16,
      "text": "Browse MCPs",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-item-3",
      "type": "rectangle",
      "x": 20,
      "y": 220,
      "width": 240,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$sidebar",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-item-3-text",
      "type": "text",
      "x": 40,
      "y": 232,
      "width": 80,
      "height": 16,
      "text": "Bundles",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$sidebar-foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-settings-active",
      "type": "rectangle",
      "x": 20,
      "y": 280,
      "width": 240,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-nav-settings-text",
      "type": "text",
      "x": 40,
      "y": 292,
      "width": 80,
      "height": 16,
      "text": "Settings",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-footer",
      "type": "rectangle",
      "x": 0,
      "y": 836,
      "width": 280,
      "height": 64,
      "strokeColor": "$border",
      "backgroundColor": "$sidebar",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-footer-user",
      "type": "rectangle",
      "x": 20,
      "y": 852,
      "width": 240,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "sidebar-footer-user-text",
      "type": "text",
      "x": 40,
      "y": 860,
      "width": 100,
      "height": 16,
      "text": "John Doe",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["sidebar-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header",
      "type": "rectangle",
      "x": 280,
      "y": 0,
      "width": 1160,
      "height": 64,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["header-group"],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-title",
      "type": "rectangle",
      "x": 304,
      "y": 20,
      "width": 120,
      "height": 24,
      "strokeColor": "$border",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["header-group"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "header-title-text",
      "type": "text",
      "x": 314,
      "y": 24,
      "width": 100,
      "height": 18,
      "text": "Settings",
      "fontSize": 18,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["header-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "content-area",
      "type": "rectangle",
      "x": 280,
      "y": 64,
      "width": 1160,
      "height": 836,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["content-group"],
      "roundness": { "type": 3, "value": 0 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tab-general-active",
      "type": "rectangle",
      "x": 304,
      "y": 88,
      "width": 80,
      "height": 32,
      "strokeColor": "$primary",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["tabs-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tab-general-text",
      "type": "text",
      "x": 320,
      "y": 96,
      "width": 48,
      "height": 16,
      "text": "General",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["tabs-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tab-security",
      "type": "rectangle",
      "x": 404,
      "y": 88,
      "width": 80,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["tabs-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tab-security-text",
      "type": "text",
      "x": 416,
      "y": 96,
      "width": 56,
      "height": 16,
      "text": "Security",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["tabs-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tab-billing",
      "type": "rectangle",
      "x": 504,
      "y": 88,
      "width": 80,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["tabs-group"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "tab-billing-text",
      "type": "text",
      "x": 524,
      "y": 96,
      "width": 40,
      "height": 16,
      "text": "Billing",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["tabs-group"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "profile-card",
      "type": "rectangle",
      "x": 304,
      "y": 140,
      "width": 700,
      "height": 280,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "profile-card-title",
      "type": "rectangle",
      "x": 324,
      "y": 160,
      "width": 100,
      "height": 20,
      "strokeColor": "$foreground",
      "backgroundColor": "$foreground",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "profile-card-title-text",
      "type": "text",
      "x": 324,
      "y": 160,
      "width": 100,
      "height": 20,
      "text": "Profile",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "avatar-circle",
      "type": "ellipse",
      "x": 324,
      "y": 200,
      "width": 80,
      "height": 80,
      "strokeColor": "$border",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "avatar-initials",
      "type": "text",
      "x": 344,
      "y": 232,
      "width": 40,
      "height": 16,
      "text": "JD",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["profile-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "avatar-change-button",
      "type": "rectangle",
      "x": 324,
      "y": 300,
      "width": 100,
      "height": 32,
      "strokeColor": "$border",
      "backgroundColor": "$secondary",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "avatar-change-button-text",
      "type": "text",
      "x": 330,
      "y": 308,
      "width": 88,
      "height": 16,
      "text": "Change avatar",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "name-label",
      "type": "rectangle",
      "x": 440,
      "y": 200,
      "width": 60,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "$foreground",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 80,
      "groupIds": ["profile-section"],
      "roundness": { "type": 3, "value": 2 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "name-label-text",
      "type": "text",
      "x": 440,
      "y": 200,
      "width": 60,
      "height": 16,
      "text": "Full name",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "name-input",
      "type": "rectangle",
      "x": 440,
      "y": 220,
      "width": 540,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "name-input-text",
      "type": "text",
      "x": 456,
      "y": 232,
      "width": 80,
      "height": 16,
      "text": "John Doe",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "email-label",
      "type": "rectangle",
      "x": 440,
      "y": 280,
      "width": 60,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "$foreground",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 80,
      "groupIds": ["profile-section"],
      "roundness": { "type": 3, "value": 2 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "email-label-text",
      "type": "text",
      "x": 440,
      "y": 280,
      "width": 60,
      "height": 16,
      "text": "Email",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "email-input",
      "type": "rectangle",
      "x": 440,
      "y": 300,
      "width": 440,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "email-input-text",
      "type": "text",
      "x": 456,
      "y": 312,
      "width": 140,
      "height": 16,
      "text": "john@example.com",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "verified-badge",
      "type": "rectangle",
      "x": 900,
      "y": 308,
      "width": 80,
      "height": 24,
      "strokeColor": "$success",
      "backgroundColor": "$success",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": { "type": 3, "value": 12 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "verified-badge-text",
      "type": "text",
      "x": 916,
      "y": 312,
      "width": 48,
      "height": 16,
      "text": "Verified",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "save-profile-button",
      "type": "rectangle",
      "x": 324,
      "y": 360,
      "width": 120,
      "height": 40,
      "strokeColor": "$primary",
      "backgroundColor": "$primary",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "save-profile-button-text",
      "type": "text",
      "x": 344,
      "y": 372,
      "width": 80,
      "height": 16,
      "text": "Save changes",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["profile-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "language-card",
      "type": "rectangle",
      "x": 304,
      "y": 440,
      "width": 700,
      "height": 140,
      "strokeColor": "$border",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["language-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "language-card-title",
      "type": "rectangle",
      "x": 324,
      "y": 460,
      "width": 100,
      "height": 20,
      "strokeColor": "$foreground",
      "backgroundColor": "$foreground",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["language-section"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "language-card-title-text",
      "type": "text",
      "x": 324,
      "y": 460,
      "width": 100,
      "height": 20,
      "text": "Language",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["language-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "language-label",
      "type": "rectangle",
      "x": 324,
      "y": 500,
      "width": 120,
      "height": 16,
      "strokeColor": "$foreground",
      "backgroundColor": "$foreground",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 80,
      "groupIds": ["language-section"],
      "roundness": { "type": 3, "value": 2 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "language-label-text",
      "type": "text",
      "x": 324,
      "y": 500,
      "width": 120,
      "height": 16,
      "text": "Display language",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["language-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "language-dropdown",
      "type": "rectangle",
      "x": 324,
      "y": 520,
      "width": 300,
      "height": 40,
      "strokeColor": "$border",
      "backgroundColor": "$background",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["language-section"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "language-dropdown-text",
      "type": "text",
      "x": 340,
      "y": 532,
      "width": 60,
      "height": 16,
      "text": "English",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["language-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "dropdown-chevron",
      "type": "rectangle",
      "x": 588,
      "y": 532,
      "width": 16,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["language-section"],
      "roundness": { "type": 3, "value": 2 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "danger-zone-card",
      "type": "rectangle",
      "x": 304,
      "y": 600,
      "width": 700,
      "height": 160,
      "strokeColor": "$destructive",
      "backgroundColor": "$card",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["danger-section"],
      "roundness": { "type": 3, "value": 8 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "danger-zone-title",
      "type": "rectangle",
      "x": 324,
      "y": 620,
      "width": 120,
      "height": 20,
      "strokeColor": "$destructive",
      "backgroundColor": "$destructive",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["danger-section"],
      "roundness": { "type": 3, "value": 4 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "danger-zone-title-text",
      "type": "text",
      "x": 324,
      "y": 620,
      "width": 120,
      "height": 20,
      "text": "Danger Zone",
      "fontSize": 16,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["danger-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "danger-zone-description",
      "type": "rectangle",
      "x": 324,
      "y": 660,
      "width": 400,
      "height": 16,
      "strokeColor": "$muted",
      "backgroundColor": "$muted",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["danger-section"],
      "roundness": { "type": 3, "value": 2 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "danger-zone-description-text",
      "type": "text",
      "x": 324,
      "y": 660,
      "width": 400,
      "height": 16,
      "text": "Delete your account permanently. This action cannot be undone.",
      "fontSize": 12,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "middle",
      "strokeColor": "$foreground",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 60,
      "groupIds": ["danger-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "delete-account-button",
      "type": "rectangle",
      "x": 324,
      "y": 700,
      "width": 140,
      "height": 40,
      "strokeColor": "$destructive",
      "backgroundColor": "$destructive",
      "fillStyle": "solid",
      "strokeWidth": 0,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["danger-section"],
      "roundness": { "type": 3, "value": 6 },
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    },
    {
      "id": "delete-account-button-text",
      "type": "text",
      "x": 340,
      "y": 712,
      "width": 108,
      "height": 16,
      "text": "Delete Account",
      "fontSize": 14,
      "fontFamily": 1,
      "textAlign": "center",
      "verticalAlign": "middle",
      "strokeColor": "$background",
      "backgroundColor": "transparent",
      "fillStyle": "solid",
      "strokeWidth": 1,
      "roughness": 0,
      "opacity": 100,
      "groupIds": ["danger-section"],
      "roundness": null,
      "isDeleted": false,
      "boundElements": null,
      "link": null,
      "locked": false
    }
  ],
  "appState": {
    "gridSize": 20,
    "viewBackgroundColor": "$background"
  }
}
