diff --git a/public/gimmick.png b/public/gimmick.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ee50348d2ea358c18bbfde600467ee65ba1202f
Binary files /dev/null and b/public/gimmick.png differ
diff --git a/public/index.html b/public/index.html
index aa069f27cbd9d53394428171c3989fd03db73c76..97861042304aafcb535290cfabc07a3004b8f9a9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8" />
- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+ <link rel="icon" href="%PUBLIC_URL%/gimmick.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
@@ -24,7 +24,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
- <title>React App</title>
+ <title>Say It App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/src/pages/Consultation.tsx b/src/pages/Consultation.tsx
index 597b387d18e16f1c35528bf9bf07e3ecf3ad76e8..82807c1196b7c12805b0cd622078a2ddb106de3c 100644
--- a/src/pages/Consultation.tsx
+++ b/src/pages/Consultation.tsx
@@ -136,9 +136,23 @@ const Consultation = () => {
<img src="yunis.jpg" alt={psychologist.psikolog_name} />
</div>
<div className="psikolofDesc">
- <h2>{psychologist.psikolog_name}</h2>
- <p>{psychologist.psikolog_phone}</p>
- <p>{psychologist.psikolog_klinik}</p>
+ <div className="psikologName">
+ <p>Name: </p>
+ <p>{psychologist.psikolog_name}</p>
+ </div>
+ <div className="psikologEmail">
+ <p>Email: </p>
+ <p>{psychologist.psikolog_email}</p>
+ </div>
+ <div className="psikologPhone">
+ <p>Phone: </p>
+ <p>{psychologist.psikolog_phone}</p>
+ </div>
+ <div className="psikologKlinik">
+ <p>Klinik: </p>
+ <p>{psychologist.psikolog_klinik}</p>
+ </div>
+
</div>
</div>
diff --git a/src/styles/Consultation.css b/src/styles/Consultation.css
index b79e5b2f3812cb6c859932c4f9c943bdeb526b4d..92871c3ad81632d570c127a492814a65d44fe68f 100644
--- a/src/styles/Consultation.css
+++ b/src/styles/Consultation.css
@@ -35,6 +35,7 @@ h1 {
display: flex;
flex-direction: row;
gap: 30px;
+ align-items: center;
}
.psikologDesc{
display: flex;
@@ -90,3 +91,28 @@ font-weight: bold;
button.chat-button:hover {
background-color: #0056b3;
}
+
+.psikologName{
+ font-weight: bold;
+ font-size: 20px;
+ display: flex;
+ flex-direction: row;
+}
+.psikologEmail{
+ font-weight: bold;
+ font-size: 20px;
+ display: flex;
+ flex-direction: row;
+}
+.psikologPhone{
+ font-weight: bold;
+ font-size: 20px;
+ display: flex;
+ flex-direction: row;
+}
+.psikologKlinik{
+ font-weight: bold;
+ font-size: 20px;
+ display: flex;
+ flex-direction: row;
+}
\ No newline at end of file