home-update

src/app/homepage/homepage.component.css

@@ -676,34 +676,32 @@ label {
 .mission { 
  background: transparent; 
  color: #fff; 
- padding: 60px 10%; 
+ /* Reduce side padding and constrain width so it stays within the central blue band */
+ padding:48px 2.5vw; 
+ max-width: min(50vw,980px); 
+ margin:0 auto; 
  text-align: center; 
- /* Ensure the mission section forms a centered block and prevents overflow */
  box-sizing: border-box;
 }
 
-/* Center the mission row and keep content within the blue section */
-.mission-row { 
- display: flex; 
- justify-content: space-between; 
- gap: 30px; 
- margin-top: 20px; 
- /* Remove the left offset which was pushing content outside */
- margin-left: 0; 
- /* Constrain width and center horizontally */
- max-width: 1100px; 
- margin-right: 36px; 
- margin-left: auto; 
- flex-wrap: wrap; 
- box-sizing: border-box; 
+/* Keep mission content centered and within mission width */
+.mission-row {
+  display: flex;
+  justify-content: space-between;
+  gap: 30px;
+  margin-top: 20px;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 100%;
+  flex-wrap: nowrap;
+  box-sizing: border-box;
 }
 
 .mission-left, .mission-right { 
- flex: 1; 
- min-width: 300px; 
+ flex:11300px; 
  text-align: left; 
- font-size: 16px; 
- line-height: 1.6; 
+ font-size:16px; 
+ line-height:1.6; 
  color: #f0f4f8; 
  /* Add inner padding so text doesn't touch edges of blue card */
  padding: 20px; 
@@ -713,7 +711,6 @@ label {
 /* Features */
 .features { padding: 60px 10%; background: #011329; color: #010207; }
 .feature-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; background: #f9f9f9; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,.1); padding: 30px; gap: 20px; flex-wrap: wrap; }
-.feature-row.reverse { flex-direction: row-reverse; }
 .feature-text { flex: 1 1 320px; padding: 20px; }
 .feature-text h2 { color: #c62828; margin-bottom: 15px; }
 .feature-text p { font-size: 16px; line-height: 1.6; }

src/app/homepage/homepage.component.html

@@ -19,7 +19,7 @@
  <span class="py-letter c">C</span>
  <span class="py-letter t2">T</span>
  </div>
- <div class="logo-tagline">Real-Time Behavioral Intelligence Platform</div>
+ <div class="logo-tagline">Real-Time Behaviour and Truth Analysis</div>
  </div>
  </div>
  <!-- Right-side minimal navigation -->
@@ -38,7 +38,7 @@
  <i class="fas fa-bullseye nav-icon" aria-hidden="true"></i> Our mission
  </a>
  <a class="dropdown-item" [class.active]="selectedNav==='how-to-use'" href="#how-to-use" (click)="scrollToHowToUse($event)">
- <i class="fas fa-lightbulb nav-icon" aria-hidden="true"></i> How to use Py-Detect
+ <i class="fas fa-lightbulb nav-icon" aria-hidden="true"></i> How to use 
  </a>
  <a class="dropdown-item" [class.active]="selectedNav==='how-it-works'" href="#how-it-works" (click)="scrollToHowItWorks($event)">
  <i class="fas fa-cogs nav-icon" aria-hidden="true"></i> How it works
@@ -81,8 +81,7 @@
  <div class="hero">
  <h2>Real-Time Truth & Deception Detection</h2>
  <p>
- One intelligent platform for law enforcement, recruiters, and security teams.
- Analyse verbal responses and body language in real-time to detect deception, assess risks, and build trust.
+   One intelligent platform for law enforcement, investigators, and security professionals to identify behavioural indicators, analyse responses, reduce risk, and support decisions.
  </p>
  <button class="hero-cta" (click)="scrollToSection($event, 'how-it-works')">How It Works</button>
  </div>
@@ -97,13 +96,14 @@
  <h2 class="section-title">OUR MISSION IS SIMPLE & IMPACTFUL</h2>
  <div class="mission-row">
  <div class="mission-left">
- <p>
-     Our mission is to help investigators, recruiters, and security professionals identify truth more confidently, reduce deception, and improve decision-making. We aim to support safer communities, fairer recruitment practices, and stronger organisational security.
+   <p>
+     Our mission is to help investigators, legal professionals, and security organisations identify behaviour more confidently, reduce decision-making risk, and improve the overall quality of investigations through structured behavioural insights.
    </p>
  </div>
  <div class="mission-right">
- <p>
-     Through advanced behavioural analysis—examining verbal responses, facial cues, and body language—the platform provides clear insight into consistency, credibility, and <br /> potential risks. This enables teams to act with accuracy, <br /> clarity, and confidence across a wide range of situations.
+   <p>
+     Through advanced behavioural analysis, response-pattern processing, and body-language evaluation, the system provides consistent insights into credibility, stress indicators, and potential inconsistencies.
+     These insights support teams across a wide range of situations and help strengthen organisational accuracy.
    </p>
  </div>
  </div>
@@ -115,16 +115,16 @@
  <i class="fas fa-user-secret icon"></i>
  <h3>Behavioural Investigation</h3>
  <p>
-   Advanced NLP and computer vision techniques analyse verbal responses, facial cues, and body language in real time, helping professionals detect inconsistencies and understand behavioural patterns more accurately.
+   Advanced verbal and visual analysis techniques examine spoken responses, facial cues, emotional signals, and body language to highlight behavioural patterns and inconsistencies more accurately.
  </p>
  </div>
 
  <!-- Card2 -->
  <div class="card">
  <i class="fas fa-bullseye icon"></i>
- <h3>High Accuracy</h3>
+ <h3>Consistent Insights</h3>
  <p>
-   Trained using diverse behavioural signals and real-world scenarios, the system delivers consistent and reliable results across investigations, recruitment workflows, screening processes, and security evaluations.
+   Trained using diverse scenarios and real-world situations, the system delivers structured and reliable response patterns that help support investigative workflows, screening processes, and security evaluations.
  </p>
  </div>
 
@@ -133,7 +133,7 @@
  <i class="fas fa-shield-alt icon"></i>
  <h3>Secure & Scalable</h3>
  <p>
-   Designed with strong data protection standards, the system ensures safe handling of sensitive information while offering seamless scalability for enterprise and government environments.
+   Designed with strong data-protection standards, the system ensures safe handling of sensitive information while maintaining scalability for enterprise and government environments.
  </p>
  </div>
  </div>
@@ -151,46 +151,46 @@
  <!-- Step1 -->
  <div class="use-card">
  <i class="fas fa-user-tie icon"></i>
- <h3>1. Admin Creates Case</h3>
+ <h3>1. Case Setup by Admin</h3>
  <p>
-   The Admin logs in, enters case information, uploads available documents, and assigns the case to the appropriate user.
+   The admin inputs case information, uploads relevant notes, assigns investigators, and prepares the environment.
  </p>
  </div>
 
  <!-- Step2 -->
  <div class="use-card">
  <i class="fas fa-user-check icon"></i>
- <h3>2. User Views Assignment</h3>
+ <h3>2. Investigator Assignment</h3>
  <p>
-   The assigned user logs in, views the case, reviews the details, and prepares for the investigation session.
+   The assigned user logs in, views the case, reviews the details, and prepares for the session.
  </p>
  </div>
 
  <!-- Step3 -->
  <div class="use-card">
  <i class="fas fa-video icon"></i>
- <h3>3. Investigation Recording</h3>
+ <h3>
+   3. Interview & Recording</h3>
  <p>
-   During questioning, the system presents structured, context-aware questions.
-   Verbal responses, facial cues, and body language are recorded in real time.
+   The system presents structured questions. Responses are recorded with audio and video for behaviour monitoring.
  </p>
  </div>
 
  <!-- Step4 -->
  <div class="use-card">
  <i class="fas fa-brain icon"></i>
- <h3>4. AI Analysis</h3>
+ <h3>4. Behavioural Analysis</h3>
  <p>
-   The system examines speech patterns, tone, facial expressions, and body movements to highlight behavioural indicators, consistency levels, and potential concerns.
+   The system examines speech patterns, facial cues, micro-expressions, tone changes, emotional indicators, and other behavioural signals.
  </p>
  </div>
 
  <!-- Step5 -->
  <div class="use-card">
  <i class="fas fa-file-alt icon"></i>
- <h3>5. Report & Decision</h3>
+ <h3>5. Insight Report & Review</h3>
  <p>
-   A clear behavioural report is generated, helping professionals interpret the findings and make confident, evidence-supported decisions.
+   Structured summaries highlight behavioural indicators, inconsistencies, and risk factors to support case decisions.
  </p>
  </div>
  </div>
@@ -202,39 +202,35 @@
  <div class="how-wrapper">
  <div class="how-bg"></div>
  <div class="how-tiles">
- <!--1: Context-Aware Questioning (includes intro) -->
- <div class="how-tile">
- <div class="how-illustration"><i class="fas fa-comments"></i></div>
- <h3 class="how-tile-title">Context‑Aware Questioning</h3>
- <div class="how-divider"></div>
- <p class="how-tile-text">
-   The system reviews case details and presents structured, relevant follow-up questions based on previous responses to keep the interview natural and continuous.
- </p>
- </div>
+   <!--1: Context-Aware Questioning (includes intro) -->
+   <div class="how-tile">
+     <div class="how-illustration"><i class="fas fa-comments"></i></div>
+     <h3 class="how-tile-title">Context‑Aware Questioning</h3>
+     <div class="how-divider"></div>
+     <p class="how-tile-text">
+       The system reviews case details and presents structured, relevant questions to help reveal natural responses.
+     </p>
+   </div>
 
- <!--2: Voice Pattern Analysis -->
- <div class="how-tile">
- <div class="how-illustration"><i class="fas fa-microphone-alt"></i></div>
- <h3 class="how-tile-title">Voice Pattern Analysis</h3>
- <div class="how-divider"></div>
- <ul>
-   <li>Tone variations and stress points</li>
-   <li>Speech pace, pauses, and hesitations</li>
-   <li>Sudden pitch changes</li>
- </ul>
-  </div>
+   <!--2: Voice Pattern Analysis -->
+   <div class="how-tile">
+     <div class="how-illustration"><i class="fas fa-microphone-alt"></i></div>
+     <h3 class="how-tile-title">Voice Pattern Analysis</h3>
+     <div class="how-divider"></div>
+     <p class="how-tile-text">
+       Tone variation, stress markers, hesitation patterns, and pitch changes are examined.
+     </p>
+   </div>
 
  <!--3: Facial & Micro‑Expression Tracking -->
- <div class="how-tile">
- <div class="how-illustration"><i class="fas fa-user-secret"></i></div>
- <h3 class="how-tile-title">Facial & Micro‑Expressions</h3>
- <div class="how-divider"></div>
- <ul>
-   <li>Eye movement and gaze behaviour</li>
-   <li>Lip tension and brow compression</li>
-   <li>Small, involuntary gestures</li>
- </ul>
-  </div>
+   <div class="how-tile">
+     <div class="how-illustration"><i class="fas fa-user-secret"></i></div>
+     <h3 class="how-tile-title">Facial & Micro‑Expressions</h3>
+     <div class="how-divider"></div>
+     <p class="how-tile-text">
+       Eye movement patterns, gaze behaviour, and emotional indicators such as tension or avoidance are detected.
+     </p>
+   </div>
 
  <!--4: Body‑Language Pattern Detection -->
  <div class="how-tile">
@@ -242,32 +238,28 @@
  <h3 class="how-tile-title">Body‑Language Detection</h3>
  <div class="how-divider"></div>
  <p class="how-tile-text">
-   Posture, hand movements, head position, and timing are assessed to interpret confidence, engagement, and anxiety levels.
+   Posture, hand movements, head shifts, and body stiffness are assessed to interpret confidence, engagement, and anxiety levels.
  </p>
  </div>
 
  <!--5: Combined Insight Summary -->
  <div class="how-tile">
- <div class="how-illustration"><i class="fas fa-clipboard-check"></i></div>
- <h3 class="how-tile-title">Combined Insight Summary</h3>
- <div class="how-divider"></div>
- <ul>
-   <li>Key behavioural indicators and stress markers</li>
-   <li>Consistency highlights</li>
-   <li>A clear, structured summary for review and decision-makin</li>
- </ul>
+   <div class="how-illustration"><i class="fas fa-clipboard-check"></i></div>
+   <h3 class="how-tile-title">Combined Insight Summary</h3>
+   <div class="how-divider"></div>
+   <p class="how-tile-text">
+     Key behavioural indicators and response patterns are merged to highlight areas requiring further review.
+   </p>
  </div>
 
  <!--6: Workflow, Who, Why & Key Features (condensed) -->
  <div class="how-tile">
- <div class="how-illustration"><i class="fas fa-project-diagram"></i></div>
- <h3 class="how-tile-title">Workflow Overview</h3>
- <div class="how-divider"></div>
- <ul>
-   <li><strong>Process:</strong> Admin creates the case → Assigned user records the session → Behavioural analysis is generated → Summary available for review.</li>
-   <li><strong>Who Uses It:</strong> Law enforcement, legal professionals, HR and recruitment teams, private investigators, counselling/education professionals.</li>
-   <li><strong>Benefits:</strong> Simple to use, non-invasive, reliable, configurable, and secure.</li>
- </ul>
+   <div class="how-illustration"><i class="fas fa-project-diagram"></i></div>
+   <h3 class="how-tile-title">Workflow Overview</h3>
+   <div class="how-divider"></div>
+   <p class="how-tile-text">
+     Admins create cases → Investigators conduct sessions → Behavioural indicators generated → Summary provided for review and follow-up.
+   </p>
  </div>
  </div>
  </div>
@@ -279,9 +271,9 @@
  <!-- Crime Investigation -->
  <div class="feature-row">
  <div class="feature-text">
- <h2>Crime Investigation</h2>
+   <h2>Law Enforcement Support</h2>
  <p>
-   The system supports law enforcement by analysing suspects’ verbal responses, tone, facial cues, and body language during interrogations. By identifying stress patterns, inconsistencies, and subtle behavioural indicators, investigators gain deeper insights that assist in understanding credibility and uncovering hidden details.
+   The system assists investigators by examining responses, facial cues, and body language during interviews to identify patterns, inconsistencies, or behavioural signals that support case evaluation.
  </p>
  </div>
  <div class="feature-image">
@@ -295,20 +287,20 @@
  <img src="assets/6.JPG" alt="Recruitment Analysis">
  </div>
  <div class="feature-text">
- <h2>Recruitment Analysis</h2>
- <p>
-   During hiring and screening processes, the system helps recruiters by evaluating candidates’ speech clarity, consistency, and emotional cues. Behavioural patterns and stress indicators are highlighted, enabling more informed, fair, and unbiased hiring decisions.
- </p>
+   <h2>Recruitment Screening Support</h2>
+   <p>
+     Helps organisations assess communication clarity, consistency, and confidence during hiring and review processes by highlighting behavioural patterns and underlying indicators.
+   </p>
  </div>
  </div>
 
  <!-- Court Room -->
  <div class="feature-row">
  <div class="feature-text">
-   <h2>Courtroom Evaluation</h2>
- <p>
-   The system strengthens courtroom proceedings by examining witnesses’ verbal responses, tone, and body movements in real time. By highlighting stress indicators, behavioural inconsistencies, and credibility cues, it supports judges and legal professionals in making clearer, evidence-based assessments.
- </p>
+   <h2>Courtroom Behaviour Assessment</h2>
+   <p>
+     Evaluates witness statements, emotional cues, and behavioural consistency to support legal professionals in forming evidence-based assessments.
+   </p>
  </div>
  <div class="feature-image">
  <img src="assets/4.JPG" alt="Court Room">
@@ -316,6 +308,11 @@
  </div>
 </section>
 
+<!-- Advisory notice before footer -->
+<div class="platform-advisory" style="background: rgba(13,26,43,0.85); color: #e3f6ff; border-left: 4px solid #38bdf8; box-shadow: 0 2px 8px #0d9de3; padding: 12px 18px; margin: 24px auto; max-width: 920px; border-radius: 8px; text-align: center; font-size: 0.98rem;">
+ This platform provides behavioural indicators to support investigations. It does not replace professional judgement, legal procedures, or official decision-making.
+</div>
+
 <!-- Footer from provided design -->
 <footer>
  <p>
@@ -324,7 +321,7 @@
  <a href="#">Terms</a> |
  <a href="#">Privacy</a> |
  <a href="#">Support</a> |
- <a href="#">Version1.0.0</a>
+ <a href="#">Version 1.0.0</a>
  <div class="social-icons">
  <a href="#" class="social-icon facebook" aria-label="Facebook">
  <i class="fab fa-facebook-f"></i>

src/app/homepage/sign-up/sign-up.component.html

@@ -162,7 +162,7 @@
                 </div>
               </div>
  
-              <div class="create-footer"><b>Version1.0.0 | © Pykara Technologies</b></div>
+              <div class="create-footer"><b>Version 1.0.0 | © Pykara Technologies</b></div>
             </div>
           </div>
         </div>