add images to profiles

Author: vjdhama

assets/scss/pages/team/_team-summary.scss

@@ -52,4 +52,52 @@
       height: auto;
     }
   }
+}
+
+// Team Member Detail Page
+.team-member-detail {
+  .team-member-image {
+    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+
+    &:hover {
+      transform: scale(1.05);
+      box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.2);
+    }
+  }
+
+  .team-member-jobtitle {
+    font-size: 1.25rem;
+    color: $primary;
+    font-weight: 600;
+    font-family: $font-family-heading;
+  }
+
+  .team-member-content {
+    font-size: 1.1rem;
+    line-height: 1.8;
+    color: $black;
+    text-align: center;
+
+    p {
+      margin-bottom: 1.5rem;
+    }
+  }
+
+  .btn-outline-primary {
+    border: 2px solid $primary;
+    color: $primary;
+    padding: 0.5rem 1.5rem;
+    text-decoration: none;
+    border-radius: 0.25rem;
+    transition: all 0.3s ease;
+    display: inline-block;
+
+    &:hover {
+      background-color: $primary;
+      color: $white;
+      transform: translateY(-2px);
+      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
+    }
+  }
 }

layouts/team/single.html

@@ -0,0 +1,42 @@
+{{ define "body_classes" }}page-team-single{{ end }}
+
+{{ define "main" }}
+<div class="container pb-6 pt-6 pt-md-10 pb-md-10">
+  <div class="row justify-content-center">
+    <div class="col-12 col-md-10 col-lg-8">
+      <div class="team-member-detail">
+        <!-- Profile Image -->
+        {{ if .Params.image }}
+        <div class="text-center mb-4">
+          <img
+            src="{{ .Params.image | relURL }}"
+            alt="{{ .Title }}"
+            class="team-member-image rounded-circle"
+            width="200"
+            height="200"
+          />
+        </div>
+        {{ end }}
+
+        <!-- Name -->
+        <h1 class="title text-center mb-2">{{ .Title }}</h1>
+
+        <!-- Job Title -->
+        {{ if .Params.jobtitle }}
+        <p class="team-member-jobtitle text-center mb-4">{{ .Params.jobtitle }}</p>
+        {{ end }}
+
+        <!-- Bio / Content -->
+        <div class="team-member-content content">
+          {{ .Content }}
+        </div>
+
+        <!-- Back to Team Link -->
+        <div class="text-center mt-5">
+          <a href="/team/" class="btn btn-outline-primary">← Back to Team</a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}