All files / src/pages Support.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from "react";
import Heading from "../components/Heading";
import ChatOutlinedIcon from "@mui/icons-material/ChatOutlined";
import EmailOutlinedIcon from "@mui/icons-material/EmailOutlined";
import ArticleOutlinedIcon from "@mui/icons-material/ArticleOutlined";
import { Button, Card, CardContent, Typography } from "@mui/material";
 
const Support = () => {
  const openIntercom = () => {
    (window as any).Intercom("showNewMessage");
  };
 
  return (
    <div>
      <Heading heading={"Support"} />
 
      {/* Row with Three Cards */}
      <div
        style={{
          display: "flex",
          justifyContent: "space-between",
          padding: "16px",
        }}>
        {/* Card 1 */}
        <Card style={{ width: "32%" }}>
          <CardContent>
            <div style={{ display: "flex", alignItems: "center" }}>
              <ChatOutlinedIcon />
              <Typography
                variant="h6"
                style={{ fontWeight: "600", marginLeft: "5px" }}>
                Live Chat
              </Typography>
            </div>
            <Typography
              variant="body2"
              style={{ marginTop: "5px", marginBottom: "10px" }}>
              Get quick support from the entire Doctor Droid team on live chat
            </Typography>
            <Button variant="outlined" onClick={openIntercom}>
              Launch Chat
            </Button>
          </CardContent>
        </Card>
 
        {/* Card 2 */}
        <Card style={{ width: "32%" }}>
          <CardContent>
            <div style={{ display: "flex", alignItems: "center" }}>
              <img
                src={"/integrations/slack-icon.svg"}
                alt="Slack Logo"
                style={{ width: "18px" }}
              />
              <Typography
                variant="h6"
                style={{ fontWeight: "600", marginLeft: "5px" }}>
                Slack Connect
              </Typography>
            </div>
            <Typography
              variant="body2"
              style={{ marginTop: "5px", marginBottom: "10px" }}>
              Invite your team to collaborate in a shared Slack channel
            </Typography>
            <Button
              variant="outlined"
              href="mailto:support@drdroid.io?subject=Requesting%20a%20Slack%20Connect%20Channel&body=Hi%20there!%20I%27d%20like%20to%20request%20a%20Slack%20Connect%20channel%20for%20our%20team.%20Or%2C%20if%20one%20exists%2C%20please%20add%20me!%0D%0A%0D%0AThanks%20%3A)"
              target="_blank">
              Request Slack Connect
            </Button>
          </CardContent>
        </Card>
 
        {/* Card 3 */}
        <Card style={{ width: "32%" }}>
          <CardContent>
            <div style={{ display: "flex", alignItems: "center" }}>
              <EmailOutlinedIcon />
              <Typography
                variant="h6"
                style={{ fontWeight: "600", marginLeft: "5px" }}>
                Email
              </Typography>
            </div>
            <Typography
              variant="body2"
              style={{ marginTop: "5px", marginBottom: "10px" }}>
              Send an email to our shared inbox and we'll get back to you ASAP
            </Typography>
            <Button
              variant="outlined"
              href="mailto:support@drdroid.io?subject=Support%20Inquiry"
              target="_blank">
              Send Email
            </Button>
          </CardContent>
        </Card>
      </div>
 
      <div
        style={{
          display: "flex",
          justifyContent: "space-between",
          padding: "16px",
        }}>
        <Card style={{ width: "32%" }}>
          <CardContent>
            <div style={{ display: "flex", alignItems: "center" }}>
              <ArticleOutlinedIcon />
              <Typography
                variant="h6"
                style={{ fontWeight: "600", marginLeft: "5px" }}>
                Documentation
              </Typography>
            </div>
            <Typography
              variant="body2"
              style={{ marginTop: "5px", marginBottom: "10px" }}>
              Check the documentation for all of our features and integrations
            </Typography>
            <Button
              variant="outlined"
              href="https://docs.drdroid.io/docs/alerts-insights"
              target="_blank">
              See Docs
            </Button>
          </CardContent>
        </Card>
      </div>
    </div>
  );
};
 
export default Support;