diff --git a/app/__pycache__/routes.cpython-312.pyc b/app/__pycache__/routes.cpython-312.pyc
index b8235b3..db9072f 100644
Binary files a/app/__pycache__/routes.cpython-312.pyc and b/app/__pycache__/routes.cpython-312.pyc differ
diff --git a/app/routes.py b/app/routes.py
index 9f09aeb..ba35ffc 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -51,14 +51,19 @@ def should_include(q):
         return redirect(url_for('main.summary'))
 
     question = filtered_questions[qid]
+    print(question)
 
     if request.method == 'POST':
-        if question.get('type') == 'multiple':
+        if question.get('type') == 'variables_table':
+            variables_data = request.form.get('variablesData', '[]')
+            responses[str(question['id'])] = variables_data
+        elif question.get('type') == 'multiple':
             answer = request.form.getlist('answer')
+            responses[str(question['id'])] = answer
         else:
             answer = request.form.get('answer', '')
+            responses[str(question['id'])] = answer
 
-        responses[str(question['id'])] = answer
         session['responses'] = responses
 
         direction = request.form.get('direction')
@@ -77,6 +82,26 @@ def should_include(q):
     )
 
 
+
 @main_bp.route('/about')
 def about():
     return render_template('about.html')
+
+
+@main_bp.route('/summary')
+def summary():
+    if g.user is None:
+        return redirect(url_for('auth.login'))
+
+    all_questions = current_app.questions
+    responses = session.get('responses', {})
+
+    questions_with_answers = []
+    for q in all_questions:
+        answer = responses.get(str(q['id']), None)
+        questions_with_answers.append({
+            'question': q['text'],
+            'answer': answer
+        })
+
+    return render_template('summary.html', qa_list=questions_with_answers)
diff --git a/app/static/about.css b/app/static/about.css
index 4a4a1bc..68ffbac 100644
--- a/app/static/about.css
+++ b/app/static/about.css
@@ -1,37 +1,45 @@
 body {
-  font-family: 'Vazirmatn', sans-serif;
-  background-color: #20c997;
+  font-family: "Vazirmatn", sans-serif;
+  background-color: #4ea3d4;
   margin: 0;
   padding: 0;
   color: #fff;
 }
 
 .card {
+  position: relative; 
   max-width: 1000px;
   margin: 40px auto;
   padding: 30px;
-  background-color: #ffffff11;
-  border-radius: 20px;
-  box-shadow: 0 8px 30px rgba(0,0,0,0.2);
+  background-color: #ffffff59;
+  border-radius: 60px;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
   text-align: center;
 }
 
-h1, h2 {
-  margin-bottom: 20px;
+h1,
+h2 {
+  font-size: 50px;
 }
 
 .project-description {
-  font-size: 20px;
+  font-size: 30px;
   font-weight: 500;
   line-height: 1.8;
+  margin: 30px;
 }
 
 .team-wrapper {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
-  gap: 30px;
-  justify-items: center;
-  margin-top: 30px;
+  grid-template-columns: repeat(2, minmax(0, 300px));
+  gap: 50px 130px;
+  justify-content: center;
+  margin-top: 10px;
+}
+
+.team-wrapper > .team-member:last-child {
+  grid-column: 1 / -1;
+  justify-self: center;
 }
 
 .team-member {
@@ -40,42 +48,77 @@ h1, h2 {
   overflow: hidden;
   background: white;
   box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
+  width: 300px;
+  height: 300px;
 }
 
 .profile-pic {
   width: 100%;
-  height: 250px;
+  height: 100%;
   object-fit: cover;
   display: block;
+  transition: transform 0.5s ease;
 }
 
 .overlay {
   position: absolute;
   bottom: 0;
-  width: 100%;
-  background: rgba(0, 150, 136, 0.85);
+  left: 0;
+  right: 0;
+  height: 100%;
+  background: rgba(0, 150, 117, 0.692);
   color: white;
-  padding: 12px 10px 10px;
   text-align: center;
+  transform: translateY(60%);
+  opacity: 0;
+  transition: transform 0.5s ease, opacity 0.5s ease;
+  font-size: 2rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 30px 15px 20px;
+}
+
+.team-member:hover .overlay {
+  transform: translateY(0);
+  opacity: 1;
+}
+
+.team-member:hover .profile-pic {
+  transform: scale(1.05);
 }
 
 .member-title {
-  font-size: 14px;
+  font-size: 25px;
   font-weight: bold;
-  margin-bottom: 8px;
   line-height: 1.4;
+  margin-top: 110px;
+  z-index: 2;
 }
 
 .social-icons {
   display: flex;
-  justify-content: center;
-  gap: 10px;
+  justify-content: space-between;
+  gap: 20px;
+  width: 100%;
+  max-width: 300px;
+  margin-top: auto;
+  font-size: 3rem;
+  opacity: 0;
+  transform: translateY(10px);
+  transition: opacity 0.4s ease, transform 0.4s ease;
+}
+
+.team-member:hover .social-icons {
+  opacity: 1;
+  transform: translateY(0);
 }
 
 .social-icons a {
   color: white;
-  font-size: 18px;
   transition: transform 0.3s ease;
+  display: inline-flex;
+  align-items: center;
 }
 
 .social-icons a:hover {
@@ -83,19 +126,36 @@ h1, h2 {
 }
 
 .secondary-button {
+  position: absolute;
+  bottom: 100px;
+  left: 90px;
+
   padding: 10px 20px;
-  background-color: white;
-  color: #20c997;
-  border-radius: 10px;
+  background-color: rgba(250, 250, 250, 0.945);
+  color: #06348a;
+  border: rgb(13, 96, 190) solid 4px;
+  border-radius: 20px;
   font-weight: bold;
   text-decoration: none;
-  transition: background-color 0.3s ease;
+  transition: background-color 0.5s ease;
 }
 
 .secondary-button:hover {
-  background-color: #f1f1f1;
+  background-color: #096dca;
+  color: #fafafa;
 }
 
 .button-container {
   margin-top: 40px;
 }
+.about-section.hidden {
+  opacity: 0;
+  transform: translateY(50px);
+  transition: opacity 1s ease, transform 1s ease;
+}
+
+.about-section.show {
+  opacity: 1;
+  transform: translateY(0);
+}
+
diff --git a/app/static/img/logo.jpeg b/app/static/img/logo.jpeg
new file mode 100644
index 0000000..7db5b20
Binary files /dev/null and b/app/static/img/logo.jpeg differ
diff --git a/app/static/js/about.js b/app/static/js/about.js
index 174a40d..4a07c6e 100644
--- a/app/static/js/about.js
+++ b/app/static/js/about.js
@@ -1,8 +1,17 @@
-{/* <script>
-  document.querySelectorAll(".toggle-social").forEach(button => {
-    button.addEventListener("click", () => {
-      const icons = button.nextElementSibling;
-      icons.style.display = icons.style.display === "flex" ? "none" : "flex";
+document.addEventListener("DOMContentLoaded", () => {
+    const aboutSection = document.querySelector(".about-section");
+  
+    const observer = new IntersectionObserver((entries) => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          entry.target.classList.add("show");
+          observer.unobserve(entry.target); // فقط یک‌بار اجرا بشه
+        }
+      });
+    }, {
+      threshold: 0.3 // وقتی 30٪ دیده شد اجرا بشه
     });
+  
+    observer.observe(aboutSection);
   });
-</script> */}
+  
\ No newline at end of file
diff --git a/app/static/question.css b/app/static/question.css
index 4dde925..e23a8a8 100644
--- a/app/static/question.css
+++ b/app/static/question.css
@@ -14,132 +14,34 @@ body {
   background-position: center;
 }
 
-.progress-bar {
-  background-color: #e0e0e0;
-  width: 100%;
-  height: 20px;
-  border-radius: 10px;
-  overflow: hidden;
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-  margin-bottom: 100px;
-}
-
-.progress::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: linear-gradient(
-    90deg,
-    rgba(255, 255, 255, 0),
-    rgba(255, 255, 255, 0.8),
-    rgba(255, 255, 255, 0)
-  );
-  transform: translateX(-100%);
-}
 .question-container-wrapper {
-  width: 800px;
+  width: 1000px;
   margin: auto;
   transition: height 0.5s ease;
 }
 
 .question-container {
-  justify-content: center;
+  display: flex;
+  gap: 2rem;
+  align-items: flex-start;
   position: relative;
-  height: auto;
   min-height: 350px;
   margin: auto;
-  align-items: center;
-  background: linear-gradient(135deg, #646666, #2a302c);
-  border-radius: 1.5rem;
-  padding: 2rem;
-  color: white;
-  transition: all 0.3s ease;
-  border-radius: 20rem 2rem 2rem 20rem;
-  overflow: hidden;
-}
-.question-container {
-  justify-content: center;
-  position: relative;
-  width: 900px;
-  height: 350px;
-  margin: auto;
   background: linear-gradient(135deg, #56e4c5, #016d5e);
-  border-radius: 1.5rem;
+  border-radius: 2rem;
   padding: 2rem;
   color: white;
   transition: all 0.3s ease;
-  border-radius: 20rem 2rem 2rem 20rem;
 }
 
-.question-container .circle {
-  position: absolute;
-  top: 25px;
-  left: -600px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  width: 80px;
-  height: 80px;
-  border-radius: 50%;
-}
-
-.actions {
-  display: flex;
-  justify-content: space-evenly;
-}
-button {
-  background-color: blanchedalmond;
-  color: black;
-  outline: none;
-  border: none;
-  padding: 0.6rem 1rem;
-  border-radius: 3rem;
-  font-family: Tahoma;
-  overflow: hidden;
-  position: relative;
-  cursor: pointer;
-  z-index: 1;
-  font-family: "Vazir";
-  top: 20px;
-}
-button::before {
-  position: absolute;
-  content: "";
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  border-radius: 3rem;
-  height: 200;
-  width: 200;
-  background-color: rgba(248, 132, 0, 0.801);
-  z-index: -1;
-  transform: scaleX(0);
-  transform-origin: left;
-  transition: 250ms;
-}
-button:hover::before {
-  transform: scaleX(1);
-}
-button:hover {
-  color: aliceblue;
-}
-button:disabled {
-  background-color: #ffffff;
-  cursor: not-allowed;
-}
 .container2 {
-  position: relative;
   display: flex;
   justify-content: center;
-  align-items: center;
+  align-items: flex-start;
   gap: 40px;
 }
-.container2 .circle {
+
+.circle {
   position: relative;
   display: flex;
   justify-content: center;
@@ -148,11 +50,9 @@ button:disabled {
   width: 300px;
   height: 300px;
   border-radius: 50%;
-  top: 50%;
-  transform: translateY(-50%);
-  transition: all 0.3s ease;
 }
-.container2 .circle::before {
+
+.circle::before {
   content: "";
   position: absolute;
   inset: 5px;
@@ -160,7 +60,8 @@ button:disabled {
   background: rgb(27, 27, 27);
   opacity: 0.8;
 }
-.container2 .circle::after {
+
+.circle::after {
   content: "";
   position: absolute;
   width: 200px;
@@ -173,44 +74,138 @@ button:disabled {
     inset 0 4px 2px rgba(0, 0, 0, 0.25),
     inset 0 -2px 2px rgba(255, 255, 255, 0.5);
 }
-.container2 .circle .number {
+
+.circle .number {
   position: relative;
   color: #fff;
   z-index: 10;
-  line-height: 0rem;
   font-size: 5rem;
-  top: 20px;
 }
-.container2 .circle .number span {
+
+.circle .number span {
   font-size: 0.5em;
   font-weight: 500;
 }
-.container2 .circle h4 {
+
+.circle h4 {
   position: relative;
   color: #fff;
   z-index: 10;
   font-weight: 500;
   font-size: 1.5em;
-  line-height: 0em;
-  top: -20px;
 }
+
 .cont3 {
+  flex: 1;
   position: relative;
-  left: -20px;
-  top: -300px;
-  width: 500px;
+  width: 100%;
 }
+
 textarea {
   border-radius: 0.25rem;
+  width: 100%;
+}
+
+/* جدول متغیرها */
+.variables-table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 1rem;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.variables-table th,
+.variables-table td {
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  padding: 0.5rem;
+  text-align: center;
+  color: white;
+}
+
+.variables-table th {
+  background: rgba(0, 0, 0, 0.2);
+  font-weight: bold;
+}
+
+.variables-table input,
+.variables-table select {
+  width: 100%;
+  padding: 0.3rem;
+  border-radius: 5px;
+  border: none;
 }
 
+.variables-section .actions {
+  margin-top: 1rem;
+  display: flex;
+  justify-content: flex-start;
+  gap: 1rem;
+}
+
+.btn-add {
+  background-color: #ffcc80;
+  color: black;
+}
+
+.btn-remove {
+  background-color: #ef5350;
+  color: white;
+}
+
+.actions {
+  display: flex;
+  justify-content: space-evenly;
+  margin-top: 2rem;
+}
+
+button {
+  background-color: blanchedalmond;
+  color: black;
+  outline: none;
+  border: none;
+  padding: 0.6rem 1rem;
+  border-radius: 3rem;
+  font-family: "Vazir";
+  cursor: pointer;
+  position: relative;
+  z-index: 1;
+}
+
+button::before {
+  position: absolute;
+  content: "";
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  border-radius: 3rem;
+  background-color: rgba(248, 132, 0, 0.801);
+  z-index: -1;
+  transform: scaleX(0);
+  transform-origin: left;
+  transition: 250ms;
+}
+
+button:hover::before {
+  transform: scaleX(1);
+}
+
+button:hover {
+  color: aliceblue;
+}
+
+button:disabled {
+  background-color: #ffffff;
+  cursor: not-allowed;
+}
+
+/* لامپ و مودال */
 .lamp-btn {
   background: white !important;
   border: none;
   cursor: pointer;
   font-size: 2rem;
   color: rgb(87, 86, 86) !important;
-  bottom: 20px;
   width: 50px;
   height: 50px;
   border-radius: 50%;
@@ -218,9 +213,14 @@ textarea {
   justify-content: center;
   align-items: center;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-  transition: all 0.3s ease;
-  z-index: 10;
 }
+
+.lamp-btn:hover {
+  background: #f8f8f8 !important;
+  transform: scale(1.1);
+  color: #000000 !important;
+}
+
 .modal {
   display: none;
   position: fixed;
@@ -233,11 +233,6 @@ textarea {
   opacity: 0;
   transition: opacity 0.3s ease;
 }
-.lamp-btn:hover {
-  background: #f8f8f8 !important;
-  transform: scale(1.1);
-  color: #000000 !important;
-}
 
 .modal.show {
   display: block;
@@ -252,31 +247,6 @@ textarea {
   max-width: 400px;
   margin: 10% auto;
   position: relative;
-  transform: translateY(-20px);
-  transition: transform 0.3s ease;
-}
-
-.modal.show .modal-content {
-  transform: translateY(0);
-}
-.close {
-  position: absolute;
-  top: 10px;
-  right: 15px;
-  font-size: 1.5rem;
-  cursor: pointer;
-}
-.lamp-btn {
-  background: none;
-  border: none;
-  cursor: pointer;
-  font-size: 2rem;
-  margin: 1rem 0;
-}
-.explain {
-  margin-top: 1rem;
-  padding: 1rem;
-  border-radius: 8px;
 }
 
 .close {
@@ -286,18 +256,3 @@ textarea {
   font-size: 1.5rem;
   cursor: pointer;
 }
-
-.actions {
-  margin-top: 2rem;
-}
-
-.cont3 {
-  opacity: 0;
-  transform: translateX(80px);
-  transition: opacity 0.6s ease, transform 0.6s ease;
-}
-
-.cont3.visible {
-  opacity: 1;
-  transform: translateX(0);
-}
diff --git a/app/static/summary.css b/app/static/summary.css
new file mode 100644
index 0000000..a5211c7
--- /dev/null
+++ b/app/static/summary.css
@@ -0,0 +1,87 @@
+/* پس‌زمینه و فونت مشابه صفحه سوالات */
+body {
+  font-family: "Vazir";
+  direction: rtl;
+  padding: 20px;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  min-height: 100vh;
+  background-image: url(./img/1.jpg);
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed;
+  background-position: center;
+  color: white;
+}
+
+/* کانتینر اصلی صفحه مرور پاسخ‌ها */
+.summary-container {
+  width: 1000px;
+  margin: auto;
+  background: linear-gradient(135deg, #56e4c5, #016d5e);
+  padding: 2rem;
+  border-radius: 2rem;
+  backdrop-filter: blur(6px);
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+}
+
+/* عنوان صفحه */
+.summary-container h1 {
+  text-align: center;
+  font-size: 2rem;
+  margin-bottom: 1.5rem;
+  color: #fff;
+}
+
+/* جدول مرور پاسخ‌ها */
+.summary-table {
+  width: 100%;
+  border-collapse: collapse;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 1rem;
+  overflow: hidden;
+}
+
+.summary-table th,
+.summary-table td {
+  padding: 1rem;
+  text-align: right;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.summary-table th {
+  background: rgba(0, 0, 0, 0.3);
+  font-weight: bold;
+  color: #ffcc80;
+}
+
+.summary-table tr:hover {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+/* دکمه‌ها */
+.summary-actions {
+  display: flex;
+  justify-content: center;
+  margin-top: 2rem;
+  gap: 1rem;
+}
+
+.summary-actions a {
+  background-color: blanchedalmond;
+  color: black;
+  padding: 0.6rem 1.2rem;
+  border-radius: 3rem;
+  font-family: "Vazir";
+  text-decoration: none;
+  position: relative;
+  z-index: 1;
+  transition: all 0.25s ease;
+}
+
+.summary-actions a:hover {
+  background-color: rgba(248, 132, 0, 0.85);
+  color: aliceblue;
+}
diff --git a/app/templates/about.html b/app/templates/about.html
index 741631b..5b5b7fa 100644
--- a/app/templates/about.html
+++ b/app/templates/about.html
@@ -6,25 +6,28 @@
   <link rel="stylesheet" href="{{ url_for('static', filename='about.css') }}">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap" rel="stylesheet">
+  <link rel="icon" type="image/png" href="{{ url_for('static', filename='img/logo.jpeg') }}">
+
 </head>
 
 <body>
-  <div class="card">
+  <div class="card about-section hidden">
     <h1>درباره پروژه</h1>
     <p class="project-description">
       این پروژه در مرکز نوآوری هوش مصنوعی، به دست گروهی کوچک اما پرتلاش توسعه یافته است. انگیزه‌ی آغاز آن، دغدغه‌ی بسیاری از افراد در زمینه‌ی روش تحقیق و گردآوری داده‌ها بوده است؛ دغدغه‌ای که ما را بر آن داشت تا راه‌حلی هوشمندانه و نوآورانه برای تسهیل این مسیر ارائه دهیم.
-
-
+      
+      
     </p>
+    <hr style=" border: none;height: 5px;background-color: #ffffff;border-radius: 10px;">
 
     <h2>اعضای تیم</h2>
     <div class="team-wrapper">
+     
 
-      <!-- دکتر مهدی عزیزی -->
       <div class="team-member">
         <img src="{{ url_for('static', filename='img/azizi.jpeg') }}" alt="azizi" class="profile-pic">
         <div class="overlay">
-          <div class="member-title">دکتر مهدی عزیزی - سرتیم فنی</div>
+          <div class="member-title">دکتر مهدی عزیزی <br> سرتیم فنی</div>
           <div class="social-icons">
             <a href="https://github.com/azizi" target="_blank"><i class="bi bi-github"></i></a>
             <a href="https://linkedin.com/in/azizi" target="_blank"><i class="bi bi-linkedin"></i></a>
@@ -32,47 +35,47 @@ <h2>اعضای تیم</h2>
         </div>
       </div>
 
-      <!-- دکتر محمد هادی بکایی -->
+
       <div class="team-member">
         <img src="{{ url_for('static', filename='img/bokaei.png') }}" alt="bakaei" class="profile-pic">
         <div class="overlay">
-          <div class="member-title">دکتر محمد هادی بکایی - مشاور فنی</div>
+          <div class="member-title">دکتر محمد هادی بکایی <br> مشاور فنی</div>
           <div class="social-icons">
             <a href="https://github.com/bakaei" target="_blank"><i class="bi bi-github"></i></a>
             <a href="https://linkedin.com/in/bakaei" target="_blank"><i class="bi bi-linkedin"></i></a>
           </div>
         </div>
       </div>
+      
 
-      <!-- دکتر غلامحسین رضایت -->
       <div class="team-member">
         <img src="{{ url_for('static', filename='img/ax.jpg') }}" alt="rezaei" class="profile-pic">
         <div class="overlay">
-          <div class="member-title">دکتر غلامحسین رضایت - مشاور فنی</div>
+          <div class="member-title">دکتر غلامحسین رضایت <br> مشاور فنی</div>
           <div class="social-icons">
             <a href="https://github.com/rezaei" target="_blank"><i class="bi bi-github"></i></a>
             <a href="https://linkedin.com/in/rezaei" target="_blank"><i class="bi bi-linkedin"></i></a>
           </div>
         </div>
       </div>
+      
 
-      <!-- مهندس علیرضا پرورش -->
       <div class="team-member">
         <img src="{{ url_for('static', filename='img/parvaresh.jpg') }}" alt="parvaresh" class="profile-pic">
         <div class="overlay">
-          <div class="member-title">مهندس علیرضا پرورش - توسعه‌دهنده بک‌اند</div>
+          <div class="member-title">مهندس علیرضا پرورش <br> توسعه‌دهنده بک‌اند</div>
           <div class="social-icons">
             <a href="https://github.com/parvaresh" target="_blank"><i class="bi bi-github"></i></a>
             <a href="https://linkedin.com/in/parvaresh" target="_blank"><i class="bi bi-linkedin"></i></a>
           </div>
         </div>
       </div>
+      
 
-      <!-- مهندس حانیه گرجی -->
       <div class="team-member">
         <img src="{{ url_for('static', filename='img/ax.jpg') }}" alt="gorji" class="profile-pic">
         <div class="overlay">
-          <div class="member-title">مهندس حانیه گرجی - توسعه‌دهنده فرانت‌اند</div>
+          <div class="member-title">مهندس هانیه گرجی <br> توسعه‌دهنده فرانت‌اند</div>
           <div class="social-icons">
             <a href="https://github.com/gorji" target="_blank"><i class="bi bi-github"></i></a>
             <a href="https://linkedin.com/in/gorji" target="_blank"><i class="bi bi-linkedin"></i></a>
@@ -86,5 +89,11 @@ <h2>اعضای تیم</h2>
       <a href="{{ url_for('main.question', qid=0) }}" class="secondary-button">بازگشت به سوالات</a>
     </div>
   </div>
+  <script src="{{ url_for('static', filename='js/about.js') }}">
+    
+    
+  </script>
+  
+  
 </body>
 </html>
diff --git a/app/templates/login.html b/app/templates/login.html
index 3e80bee..45bcbd4 100644
--- a/app/templates/login.html
+++ b/app/templates/login.html
@@ -7,6 +7,10 @@
       rel="stylesheet"
       href="{{ url_for('static', filename='login.css') }}"
     />
+    <link rel="icon" type="image/jpeg" href="{{ url_for('static', filename='img/logo.jpeg') }}">
+
+
+
   </head>
   <body>
     <div class="page">
diff --git a/app/templates/question.html b/app/templates/question.html
index e5eade5..dbcc9f4 100644
--- a/app/templates/question.html
+++ b/app/templates/question.html
@@ -3,113 +3,155 @@
 <head>
   <meta charset="UTF-8" />
   <title>سوال {{ qid + 1 }} از {{ total }}</title>
-  <link
-    rel="stylesheet"
-    href="{{ url_for('static', filename='question.css') }}"
-  />
+  <link rel="stylesheet" href="{{ url_for('static', filename='question.css') }}" />
   <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
-  
+  <link rel="icon" type="image/jpeg" href="{{ url_for('static', filename='img/logo.jpeg') }}">
 </head>
 
 <body>
-  <div class="page"> 
+  <div class="page">
     <div class="container2">
-   
       <div class="question-container-wrapper">
         <div class="question-container">
-        <div
-          class="circle"
-          data-degree="{{ progress }}"
-          data-color="#e75480"
-        >
-          <h2 class="number">{{ progress }}<span>%</span></h2>
-          <h4>پیشرفت</h4>
-        </div>
-        <div class="cont3">
-
-          <h2>{{ question.text }}</h2> 
-          <form method="post">
-            {% if question.type == 'text' %}
-            <textarea name="answer" rows="4" cols="50" required></textarea>
-            {% elif question.type == 'single' %}
-            {% for option in question.options %}
-            <div>
-              <input
-                type="radio"
-                id="opt{{ loop.index }}"
-                name="answer"
-                value="{{ option }}"
-                required
-              />
-              <label for="opt{{ loop.index }}">{{ option }}</label>
-            </div>
-            {% endfor %}
-            {% elif question.type == 'multiple' %}
-            {% for option in question.options %}
-            <div>
-              <input
-                type="checkbox"
-                id="opt{{ loop.index }}"
-                name="answer"
-                value="{{ option }}"
-              />
-              <label for="opt{{ loop.index }}">{{ option }}</label>
-            </div>
-            {% endfor %}
-            {% endif %}
-      
-            <div class="actions">
-              <button
-                type="submit"
-                name="direction"
-                value="prev"
-                {% if qid == 0 %}disabled{% endif %}
-              >
-                قبلی
-              </button>
-              <button
-                type="submit"
-                name="direction"
-                value="next"
-              >
-                {{ 'بعدی' if qid < total - 1 else 'خلاصه' }}
+          <div class="circle" data-degree="{{ progress }}" data-color="#e75480">
+            <h2 class="number">{{ progress }}<span>%</span></h2>
+            <h4>پیشرفت</h4>
+          </div>
+
+          <div class="cont3">
+            <h2>{{ question.text }}</h2>
+
+            <form method="post">
+              {% if question.type == 'text' %}
+              <textarea name="answer" rows="4" cols="50" required></textarea>
+
+              {% elif question.type == 'single' %}
+              {% for option in question.options %}
+              <div>
+                <input type="radio" id="opt{{ loop.index }}" name="answer" value="{{ option }}" required />
+                <label for="opt{{ loop.index }}">{{ option }}</label>
+              </div>
+              {% endfor %}
+
+              {% elif question.type == 'multiple' %}
+              {% for option in question.options %}
+              <div>
+                <input type="checkbox" id="opt{{ loop.index }}" name="answer" value="{{ option }}" />
+                <label for="opt{{ loop.index }}">{{ option }}</label>
+              </div>
+              {% endfor %}
+
+              {% elif question.type == 'variables_table' %}
+              <div class="variables-section">
+                <table id="variablesTable" class="variables-table">
+                  <thead>
+                    <tr>
+                      <th>نام متغیر</th>
+                      <th>نقش</th>
+                      <th>تعریف مفهومی</th>
+                      <th>تعریف عملیاتی</th>
+                      <th>مقیاس</th>
+                      <th>عملیات</th>
+                    </tr>
+                  </thead>
+                  <tbody id="variablesBody"></tbody>
+                </table>
+
+                <div class="actions">
+                  <button type="button" class="btn-add" onclick="addVariableRow()">افزودن متغیر</button>
+                </div>
+                <input type="hidden" name="variablesData" id="variablesData">
+              </div>
+              {% endif %}
+
+              <div class="actions">
+                <button type="submit" name="direction" value="prev" {% if qid == 0 %}disabled{% endif %}>
+                  قبلی
+                </button>
+                <button type="submit" name="direction" value="next">
+                  {{ 'بعدی' if qid < total - 1 else 'خلاصه' }}
+                </button>
+              </div>
+
+              <button id="lampBtn" class="lamp-btn" type="button">
+                <i id="lampIcon" class="bi bi-lightbulb"></i>
               </button>
-              
-            </div>
-            <button id="lampBtn" class="lamp-btn" type="button">
-              <i id="lampIcon" class="bi bi-lightbulb"></i>
-            </button>
-          </form>
+            </form>
+          </div>
         </div>
       </div>
     </div>
-  </div>
-<div id="helpModal" class="modal">
-  <div class="modal-content">
-    <span id="closeModal" class="close">&times;</span>
-    <div class="explain">
-      توضیحات: {{ question.explain }}
+
+    <div id="helpModal" class="modal">
+      <div class="modal-content">
+        <span id="closeModal" class="close">&times;</span>
+        <div class="explain">
+          توضیحات: {{ question.explain }}
+        </div>
+      </div>
     </div>
-  </div>
-</div>
-<a href="{{ url_for('main.about') }}">
-  <ion-icon name="people-circle-outline" style="color: rgb(255, 255, 255); font-size: 80px;   position:absolute; top: 20px; right: 20px;"></ion-icon>
-</a>
 
+    <a href="{{ url_for('main.about') }}">
+      <ion-icon name="people-circle-outline" style="color: rgb(255, 255, 255); font-size: 80px; position:absolute; top: 20px; right: 20px;"></ion-icon>
+    </a>
   </div>
- 
-  <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
-  <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
+
+  <!-- Scripts -->
   <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
   <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
   <script src="{{ url_for('static', filename='js/circle.js') }}"></script>
   <script src="{{ url_for('static', filename='js/question-animation.js') }}"></script>
   <script src="{{ url_for('static', filename='js/menu.js') }}"></script>
   <script src="{{ url_for('static', filename='js/modal.js') }}"></script>
-  
 
+  <!-- جدول متغیرها -->
+  <script>
+    function addVariableRow() {
+      const tbody = document.getElementById("variablesBody");
+      const row = document.createElement("tr");
+
+      row.innerHTML = `
+        <td><input type="text" class="form-control" name="var_name"></td>
+        <td>
+          <select class="form-control" name="var_role">
+            <option value="مستقل">مستقل</option>
+            <option value="وابسته">وابسته</option>
+            <option value="مداخله‌گر">مداخله‌گر</option>
+          </select>
+        </td>
+        <td><input type="text" class="form-control" name="var_conceptual"></td>
+        <td><input type="text" class="form-control" name="var_operational"></td>
+        <td>
+          <select class="form-control" name="var_scale">
+            <option value="اسمی">اسمی</option>
+            <option value="ترتیبی">ترتیبی</option>
+            <option value="فاصله‌ای">فاصله‌ای</option>
+            <option value="نسبی">نسبی</option>
+          </select>
+        </td>
+        <td><button type="button" class="btn-remove" onclick="this.closest('tr').remove()">حذف</button></td>
+      `;
+
+      tbody.appendChild(row);
+    }
+
+    document.querySelector("form").addEventListener("submit", function(e) {
+      const rows = document.querySelectorAll("#variablesBody tr");
+      let data = [];
 
+      rows.forEach(row => {
+        const varData = {
+          name: row.querySelector('[name="var_name"]').value,
+          role: row.querySelector('[name="var_role"]').value,
+          conceptual: row.querySelector('[name="var_conceptual"]').value,
+          operational: row.querySelector('[name="var_operational"]').value,
+          scale: row.querySelector('[name="var_scale"]').value,
+        };
+        data.push(varData);
+      });
 
+      document.getElementById("variablesData").value = JSON.stringify(data);
+    });
+  </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/app/templates/summary.html b/app/templates/summary.html
new file mode 100644
index 0000000..2f2de6b
--- /dev/null
+++ b/app/templates/summary.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="fa" dir="rtl">
+<head>
+  <meta charset="UTF-8">
+  <title>مرور پاسخ‌ها</title>
+  <link rel="stylesheet" href="{{ url_for('static', filename='summary.css') }}">
+</head>
+<body>
+
+<div class="summary-container">
+  <h1>مرور پاسخ‌ها</h1>
+  <table class="summary-table">
+    <thead>
+      <tr>
+        <th>سؤال</th>
+        <th>پاسخ</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for qa in qa_list %}
+      <tr>
+        <td>{{ qa.question }}</td>
+        <td>{{ qa.answer }}</td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+
+  <div class="summary-actions">
+    <a href="{{ url_for('main.question', qid=0) }}">شروع دوباره</a>
+    <a href="{{ url_for('auth.logout') }}">خروج</a>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/questions.json b/questions.json
index 24d2ba3..88d421a 100644
--- a/questions.json
+++ b/questions.json
@@ -1,32 +1,187 @@
 [
-  { "id": 1, "text": "گام ۱: عنوان تحقیق", "type": "text", "explain": "عنوان دقیق تحقیق اولین بخش مهم در تعریف مسیر پژوهش است و در کل فرآیند تحقیق نقش هدایتگر دارد." },
-  { "id": 2, "text": "گام ۲: بیان مسئله", "type": "text", "explain": "بیان دقیق مسئله پژوهش، به فهم ضرورت تحقیق و چارچوب نظری آن کمک می‌کند." },
-  { "id": 3, "text": "گام ۳: اهمیت و ضرورت تحقیق", "type": "text", "explain": "در این قسمت باید توضیح دهید که چرا این تحقیق اهمیت دارد و چه کمکی به توسعه دانش یا حل مسائل عملی می‌کند." },
-  { "id": 4, "text": "گام ۴: محدوده تحقیق", "type": "single","options": ["موضوعی", "مکانی", "زمانی"]  ,"explain": "محدود کردن دامنه تحقیق باعث تمرکز بیشتر پژوهشگر و شفاف‌سازی ابعاد مطالعه می‌شود." },
-  { "id": 5, "text": "گام ۵: فرضیه اصلی", "type": "text", "explain": "فرضیه اولیه پیش‌بینی روابط بین متغیرهاست که با داده‌ها مورد آزمون قرار می‌گیرد." },
-  { "id": 6, "text": "نام متغیرها", "type": "text", "explain": "نام متغیرهای مستقل، وابسته و مداخله‌گر تحقیق را مشخص کنید." },
-  { "id": 7, "text": "ویژگی‌های متغیرها", "type": "textarea", "explain": "تعریف مفهومی و عملیاتی هر متغیر را شرح دهید." },
-  { "id": 8, "text": "گام ۷: رویکرد کلی تحقیق", "type": "single", "options": ["کمی", "کیفی", "آمیخته"], "explain": "رویکرد کلی تعیین‌کننده نوع داده‌ها، ابزار جمع‌آوری و روش تحلیل شما خواهد بود." },
-
-  { "id": 9, "text": "گام ۸: طرح تحقیق کمی", "type": "single", "options": ["همبستگی", "شبه‌آزمایشی", "آزمایشی"], "condition": "کمی", "explain": "بر اساس نوع رابطه بین متغیرها، طرح مناسب را انتخاب کنید. طرح‌های آزمایشی برای بررسی رابطه علّی به‌کار می‌روند." },
-  { "id": 10, "text": "آیا طرح شما شامل پیش‌آزمون است؟", "type": "single", "options": ["بله", "خیر"], "condition": "کمی" },
-  { "id": 11, "text": "آیا طرح شما شامل گروه کنترل است؟", "type": "single", "options": ["بله", "خیر"], "condition": "کمی" },
-  { "id": 12, "text": "روش کنترل عوامل تهدیدکننده روایی داخلی چیست؟", "type": "single", "options": ["همتاسازی", "تحلیل کوواریانس", "گمارش تصادفی"], "condition": "کمی", "explain": "برای کنترل سوگیری انتخاب یا عوامل مزاحم، روش مناسب را انتخاب کنید." },
-
-  { "id": 13, "text": "گام ۹: جامعه آماری تحقیق", "type": "text", "condition": "کمی", "explain": "جامعه‌ای که تحقیق شما در آن انجام می‌شود، باید به روشنی تعریف شود." },
-  { "id": 14, "text": "آیا حجم جامعه آماری مشخص است؟", "type": "single", "options": ["بله", "خیر"], "condition": "کمی" },
-  { "id": 15, "text": "حجم دقیق جامعه آماری (N)", "type": "text", "condition": "کمی", "explain": "در صورت مشخص بودن، مقدار دقیق حجم جامعه را وارد کنید." },
-  { "id": 16, "text": "سطح اطمینان", "type": "single", "options": ["95%", "99%"], "condition": "کمی", "explain": "سطح اطمینانی که برای نتایج خود در نظر گرفته‌اید را انتخاب کنید." },
-  { "id": 17, "text": "میزان خطای قابل قبول (d)", "type": "single", "options": ["0.05", "0.03", "0.01"], "condition": "کمی", "explain": "میزانی از خطا که در تحلیل‌های آماری مجاز می‌دانید." },
-  { "id": 18, "text": "روش نمونه‌گیری", "type": "single", "options": ["تصادفی ساده", "طبقه‌ای", "خوشه‌ای", "در دسترس"], "condition": "کمی", "explain": "روش انتخاب نمونه‌ها از جامعه آماری را مشخص کنید." },
-  { "id": 19, "text": "ابزار گردآوری داده‌های کمی", "type": "single", "options": ["پرسشنامه", "مشاهده", "آزمایش"], "condition": "کمی", "explain": "ابزارهایی که برای جمع‌آوری داده‌های کمی استفاده می‌کنید." },
-  { "id": 20, "text": "روایی محتوا - تعداد متخصصان", "type": "text", "condition": "کمی", "explain": "تعداد متخصصانی که برای بررسی روایی محتوا پرسشنامه به آن‌ها داده می‌شود." },
-  { "id": 21, "text": "مطالعه مقدماتی پایایی", "type": "text", "condition": "کمی", "explain": "تعداد افراد شرکت‌کننده در مطالعه مقدماتی برای محاسبه پایایی." },
-  { "id": 22, "text": "مقدار آلفای کرونباخ", "type": "text", "condition": "کمی", "explain": "مقدار محاسبه‌شده برای آلفای کرونباخ به‌منظور سنجش پایایی." },
-
-  { "id": 23, "text": "رویکرد بخش کیفی", "type": "single", "options": ["پدیدارشناسی", "مطالعه موردی", "نظریه داده‌بنیاد"], "condition": "کیفی", "explain": "روش‌شناسی تحلیل کیفی خود را انتخاب کنید." },
-  { "id": 24, "text": "ابزار گردآوری داده‌های کیفی", "type": "single", "options": ["مصاحبه عمیق", "گروه کانونی"], "condition": "کیفی", "explain": "روش گردآوری داده‌ها در بخش کیفی تحقیق شما." },
-
-  { "id": 25, "text": "گام ۱۱: نرم‌افزار تحلیل داده‌ها", "type": "single", "options": ["SPSS", "SmartPLS", "NVivo"], "explain": "نرم‌افزاری که برای تحلیل داده‌های خود استفاده می‌کنید." },
-  { "id": 26, "text": "گام ۱۲: پیشنهاد آزمون آماری", "type": "text", "explain": "بر اساس نوع تحقیق، متغیرها و اهداف، نوع آزمون آماری مناسب پیشنهاد می‌شود." }
+  {
+    "id": 1,
+    "text": "گام ۱: عنوان تحقیق",
+    "type": "text",
+    "explain": "عنوان دقیق تحقیق اولین بخش مهم در تعریف مسیر پژوهش است و در کل فرآیند تحقیق نقش هدایتگر دارد. مثال: «بررسی تأثیر ورزش منظم بر سلامت روان دانشجویان» که به وضوح حوزه و هدف تحقیق را نشان می‌دهد."
+  },
+  {
+    "id": 2,
+    "text": "گام ۲: بیان مسئله",
+    "type": "text",
+    "explain": "بیان دقیق مسئله پژوهش، به فهم ضرورت تحقیق و چارچوب نظری آن کمک می‌کند. مثال: «افزایش اضطراب و استرس در میان دانشجویان باعث کاهش عملکرد تحصیلی شده است.» این بیان، مشکل اصلی را مشخص می‌کند."
+  },
+  {
+    "id": 3,
+    "text": "گام ۳: اهمیت و ضرورت تحقیق",
+    "type": "text",
+    "explain": "در این قسمت باید توضیح دهید که چرا این تحقیق اهمیت دارد و چه کمکی به توسعه دانش یا حل مسائل عملی می‌کند. مثال: «نتایج این تحقیق می‌تواند به دانشگاه‌ها در طراحی برنامه‌های بهبود سلامت روان کمک کند.»"
+  },
+  {
+    "id": 4,
+    "text": "گام ۴: محدوده تحقیق",
+    "type": "text",
+    "explain": "محدود کردن دامنه تحقیق باعث تمرکز بیشتر پژوهشگر و شفاف‌سازی ابعاد مطالعه می‌شود. مثال: «این مطالعه فقط دانشجویان رشته‌های علوم انسانی دانشگاه تهران را شامل می‌شود.»"
+  },
+  {
+    "id": 5,
+    "text": "گام ۵: فرضیه اصلی",
+    "type": "text",
+    "explain": "فرضیه اولیه پیش‌بینی روابط بین متغیرهاست که با داده‌ها مورد آزمون قرار می‌گیرد. مثال: «ورزش منظم باعث کاهش سطح اضطراب در دانشجویان می‌شود.»"
+  },
+  {
+    "id": 6,
+    "text": "نام متغیرها",
+    "type": "variables_table",
+    "explain": "نام متغیرهای مستقل، وابسته و مداخله‌گر تحقیق را مشخص کنید. مثال: متغیر مستقل: «ورزش منظم»، متغیر وابسته: «سطح اضطراب»، متغیر مداخله‌گر: «ساعت خواب»."
+  },
+  {
+    "id": 7,
+    "text": "ویژگی‌های متغیرها",
+    "type": "text",
+    "explain": "تعریف مفهومی و عملیاتی هر متغیر را شرح دهید. مثال: تعریف مفهومی ورزش منظم: انجام فعالیت بدنی حداقل ۳ بار در هفته، تعریف عملیاتی: گزارش خوداظهاری شرکت‌کنندگان از میزان ورزش."
+  },
+  {
+    "id": 8,
+    "text": "گام ۷: رویکرد کلی تحقیق",
+    "type": "single",
+    "options": ["کمی", "کیفی", "آمیخته"],
+    "explain": "رویکرد کلی تعیین‌کننده نوع داده‌ها، ابزار جمع‌آوری و روش تحلیل شما خواهد بود. مثال: انتخاب رویکرد «کمی» برای اندازه‌گیری دقیق اثر ورزش بر اضطراب."
+  },
+  {
+    "id": 9,
+    "text": "گام ۸: طرح تحقیق کمی",
+    "type": "single",
+    "options": ["همبستگی", "شبه‌آزمایشی", "آزمایشی"],
+    "condition": "کمی",
+    "explain": "بر اساس نوع رابطه بین متغیرها، طرح مناسب را انتخاب کنید. طرح‌های آزمایشی برای بررسی رابطه علّی به‌کار می‌روند. مثال: طرح آزمایشی برای مقایسه گروه ورزش‌کننده و کنترل."
+  },
+  {
+    "id": 10,
+    "text": "آیا طرح شما شامل پیش‌آزمون است؟",
+    "type": "single",
+    "options": ["بله", "خیر"],
+    "condition": "کمی",
+    "explain": "پیش‌آزمون برای بررسی وضعیت اولیه قبل از مداخله استفاده می‌شود. مثال: اندازه‌گیری سطح اضطراب پیش از شروع برنامه ورزشی."
+  },
+  {
+    "id": 11,
+    "text": "آیا طرح شما شامل گروه کنترل است؟",
+    "type": "single",
+    "options": ["بله", "خیر"],
+    "condition": "کمی",
+    "explain": "وجود گروه کنترل برای مقایسه و اعتبار بیشتر نتایج ضروری است. مثال: گروهی از دانشجویان که ورزش نمی‌کنند به عنوان کنترل انتخاب می‌شوند."
+  },
+  {
+    "id": 12,
+    "text": "روش کنترل عوامل تهدیدکننده روایی داخلی چیست؟",
+    "type": "single",
+    "options": ["همتاسازی", "تحلیل کوواریانس", "گمارش تصادفی"],
+    "condition": "کمی",
+    "explain": "برای کنترل سوگیری انتخاب یا عوامل مزاحم، روش مناسب را انتخاب کنید. مثال: استفاده از گمارش تصادفی برای تخصیص شرکت‌کنندگان به گروه‌ها."
+  },
+  {
+    "id": 13,
+    "text": "گام ۹: جامعه آماری تحقیق",
+    "type": "text",
+    "condition": "کمی",
+    "explain": "جامعه‌ای که تحقیق شما در آن انجام می‌شود، باید به روشنی تعریف شود. مثال: «دانشجویان کارشناسی رشته روانشناسی دانشگاه تهران در سال ۱۴۰۳.»"
+  },
+  {
+    "id": 14,
+    "text": "آیا حجم جامعه آماری مشخص است؟",
+    "type": "single",
+    "options": ["بله", "خیر"],
+    "condition": "کمی",
+    "explain": "مشخص بودن حجم جامعه، در تعیین نمونه‌گیری و تحلیل داده‌ها اهمیت دارد. مثال: حجم جامعه برابر با ۲۰۰۰ دانشجو است."
+  },
+  {
+    "id": 15,
+    "text": "حجم دقیق جامعه آماری (N)",
+    "type": "text",
+    "condition": "کمی",
+    "explain": "در صورت مشخص بودن، مقدار دقیق حجم جامعه را وارد کنید. مثال: ۲۰۰۰."
+  },
+  {
+    "id": 16,
+    "text": "سطح اطمینان",
+    "type": "single",
+    "options": ["95%", "99%"],
+    "condition": "کمی",
+    "explain": "سطح اطمینانی که برای نتایج خود در نظر گرفته‌اید را انتخاب کنید. مثال: سطح اطمینان ۹۵٪ برای آزمون فرضیات."
+  },
+  {
+    "id": 17,
+    "text": "میزان خطای قابل قبول (d)",
+    "type": "single",
+    "options": ["0.05", "0.03", "0.01"],
+    "condition": "کمی",
+    "explain": "میزانی از خطا که در تحلیل‌های آماری مجاز می‌دانید. مثال: خطای قابل قبول ۰.۰۵."
+  },
+  {
+    "id": 18,
+    "text": "روش نمونه‌گیری",
+    "type": "single",
+    "options": ["تصادفی ساده", "طبقه‌ای", "خوشه‌ای", "در دسترس"],
+    "condition": "کمی",
+    "explain": "روش انتخاب نمونه‌ها از جامعه آماری را مشخص کنید. مثال: نمونه‌گیری تصادفی ساده برای انتخاب شرکت‌کنندگان."
+  },
+  {
+    "id": 19,
+    "text": "ابزار گردآوری داده‌های کمی",
+    "type": "single",
+    "options": ["پرسشنامه", "مشاهده", "آزمایش"],
+    "condition": "کمی",
+    "explain": "ابزارهایی که برای جمع‌آوری داده‌های کمی استفاده می‌کنید. مثال: استفاده از پرسشنامه استاندارد اضطراب."
+  },
+  {
+    "id": 20,
+    "text": "روایی محتوا - تعداد متخصصان",
+    "type": "text",
+    "condition": "کمی",
+    "explain": "تعداد متخصصانی که برای بررسی روایی محتوا پرسشنامه به آن‌ها داده می‌شود. مثال: ۵ متخصص روانشناسی."
+  },
+  {
+    "id": 21,
+    "text": "مطالعه مقدماتی پایایی",
+    "type": "text",
+    "condition": "کمی",
+    "explain": "تعداد افراد شرکت‌کننده در مطالعه مقدماتی برای محاسبه پایایی. مثال: ۳۰ دانشجو در مطالعه مقدماتی."
+  },
+  {
+    "id": 22,
+    "text": "مقدار آلفای کرونباخ",
+    "type": "text",
+    "condition": "کمی",
+    "explain": "مقدار محاسبه‌شده برای آلفای کرونباخ به‌منظور سنجش پایایی. مثال: آلفای کرونباخ ۰.۸۵ نشان‌دهنده پایایی خوب است."
+  },
+  {
+    "id": 23,
+    "text": "رویکرد بخش کیفی",
+    "type": "single",
+    "options": ["پدیدارشناسی", "مطالعه موردی", "نظریه داده‌بنیاد"],
+    "condition": "کیفی",
+    "explain": "روش‌شناسی تحلیل کیفی خود را انتخاب کنید. مثال: پدیدارشناسی برای درک تجربه‌های افراد از اضطراب."
+  },
+  {
+    "id": 24,
+    "text": "ابزار گردآوری داده‌های کیفی",
+    "type": "single",
+    "options": ["مصاحبه عمیق", "گروه کانونی"],
+    "condition": "کیفی",
+    "explain": "روش گردآوری داده‌ها در بخش کیفی تحقیق شما. مثال: مصاحبه عمیق با ۱۵ دانشجو."
+  },
+  {
+    "id": 25,
+    "text": "گام ۱۱: نرم‌افزار تحلیل داده‌ها",
+    "type": "single",
+    "options": ["SPSS", "SmartPLS", "NVivo"],
+    "explain": "نرم‌افزاری که برای تحلیل داده‌های خود استفاده می‌کنید. مثال: استفاده از SPSS برای تحلیل داده‌های کمی."
+  },
+  {
+    "id": 26,
+    "text": "گام ۱۲: پیشنهاد آزمون آماری",
+    "type": "text",
+    "explain": "بر اساس نوع تحقیق، متغیرها و اهداف، نوع آزمون آماری مناسب پیشنهاد می‌شود. مثال: آزمون تی مستقل برای مقایسه اضطراب دو گروه ورزش‌کننده و کنترل."
+  }
 ]
diff --git a/run.py b/run.py
index 860f159..d81482f 100644
--- a/run.py
+++ b/run.py
@@ -4,6 +4,6 @@
 
 if __name__ == '__main__':
     host = app.config.get('FLASK_HOST', '0.0.0.0')
-    port = int(app.config.get('FLASK_PORT', 5009))
+    port = int(app.config.get('FLASK_PORT', 5002))
     debug_flag = app.config.get('FLASK_DEBUG', True)
     app.run(host=host, port=port, debug=debug_flag)