= 640 ? { width: "460px", border: "1px solid var(--border)", borderTopLeftRadius: "var(--radius-lg)", borderTopRightRadius: "var(--radius-lg)" } : {}), boxShadow: shadowClass === "shadow-sm" ? "0 1px 2px 0 rgb(0 0 0 / 0.05)" : shadowClass === "shadow-md" ? "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)" : shadowClass === "shadow-lg" ? "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)" : "none", display: "flex", flexDirection: "column" }}>

setShowKrofileOverlay(true)} style={{ position: "absolute", top: "1rem", left: "1rem", width: "32px", height: "32px", cursor: "pointer", zIndex: 999, opacity: 0.8 }} />

setShowMobileShareQr(true)} style={{ position: "absolute", top: "1rem", right: "1rem", cursor: "pointer", zIndex: 999 }}>

{showLogo &&

{showPromotionalVideo &&

} {showPromotionalVideo &&

} {nameValue ? nameValue.charAt(0) : "B"}

}

{showName &&

{nameValue}

} {showBusinessType && {businessTypeValue} }

{showSlogan &&

{sloganValue}

} {showDescription &&

{descriptionValue}

}

{showPhone && } {showWebsite && } {showEmail && } {showBookingButton && } {showGoogleMapLocation && }

{showSaveToContacts && } {collectInfoBeforeAccess === false && visibleLeadFormFields.length > 0 && !showLeadForm &&

} {visibleSocialLinksWithValue.length > 0 &&

{visibleSocialLinksWithValue.map(social =>

)}

} {visibleCustomLinksWithValue.length > 0 &&

{visibleCustomLinksWithValue.map(link => {link.name} {link.description && {link.description} } )}

} {collectInfoBeforeAccess === false && visibleLeadFormFields.length > 0 && showLeadForm &&

Contact Form

{visibleLeadFormFields.map(field =>

{field.name} {field.required && * } {field?.options && field.options.filter(opt => opt).length > 0 ?

{field.options.filter(opt => opt).map((option, idx) => {option} )}

: field.type === "paragraph" ?

: <input type={field.type || "text"} name={field.id} required={field.required} style={{
          padding: "0.45rem",
          borderRadius: "var(--radius-sm)",
          border: "1px solid var(--input)",
          backgroundColor: "var(--background)",
          color: "var(--foreground)",
          fontSize: "calc(13px * var(--font-scale))",
          fontFamily: "var(--font-sans)"
        }} />}
            </div>)}
          <div style={{
        display: "flex",
        gap: "0.45rem",
        marginTop: "0.4rem"
      }}>
            <button type="button" onClick={() => setShowLeadForm(false)} style={{
          flex: 1,
          padding: "0.65rem",
          backgroundColor: "var(--muted)",
          color: "var(--muted-foreground)",
          borderRadius: "var(--radius)",
          border: "none",
          cursor: "pointer",
          fontSize: "calc(13px * var(--font-scale))",
          fontFamily: "var(--font-sans)"
        }}>
              Cancel
            </button>
            <Button type="submit" style={{
          flex: 1,
          padding: "0.65rem",
          backgroundColor: "var(--primary)",
          color: "var(--primary-foreground)",
          borderRadius: "var(--radius)",
          border: "none",
          cursor: "pointer",
          fontSize: "calc(13px * var(--font-scale))",
          fontFamily: "var(--font-sans)"
        }}>
              Submit
            </Button>
          </div>
        </form>}
  </div>
  {showAddress && <div style={{
    padding: "0.9rem 1.3rem",
    marginTop: "auto",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    gap: "0.4rem",
    backgroundColor: "transparent"
  }}>
      <MapPin style={{
      width: "13px",
      height: "13px",
      color: "var(--muted-foreground)",
      flexShrink: 0
    }} />
      <span style={{
      fontSize: "calc(10px * var(--font-scale))",
      color: "var(--muted-foreground)",
      fontFamily: "var(--font-sans)",
      textAlign: "center",
      lineHeight: "1.4",
      opacity: 0.7
    }}>
        {addressValue}
      </span>
    </div>}
</div>;</article></body></html>

Scan the QR code to open this profile.

Scan the QR code to open this profile.