Merge pull request #14 from PSMRI/about-us

adding about us page

src/config/menu.json

@@ -52,7 +52,7 @@
     },
     {
       "name": "Partnership",
-      "url": "/contact"
+      "url": "/blog"
     },
     {
       "name": "Contact",

src/content/about/index.md

@@ -1,6 +1,6 @@
 ---
 title: "About"
-page_title: "About our company"
+page_title: "About AMRIT"
 buttons:
   - label: Download The Theme
     link: "https://themefisher.com/astro-themes/pinwheel-astro"
@@ -12,75 +12,128 @@ buttons:
 
 # counter
 counter:
-  - name: "Customers"
-    number: 25
-    messurment: M
-    color: "#A3A1FB"
-  - name: "Customers"
-    number: 440
+  - name: "Saturate States"
+    number: 10
+    color: "#A3A1FN"
+  - name: "Impacted lives"
+    number: 740
     messurment: M
     color: "#5EE2A0"
-  - name: "Customers"
-    number: 50
+  - name: "Engaged human resources in health"
+    number: 150
     messurment: K
     color: "#FE6019"
-  - name: "Customers"
-    number: 20
-    messurment: K
+  - name: "Aspirational Districts"
+    number: 112
+    color: "#FEC163"
+  - name: "Impacting lives"
+    number: 160
+    messurment: M
     color: "#FEC163"
 
 # Gallery
 gallery:
   title: We started with one single goal Empower entrepreneurs
   images:
-    - "/images/about/gallery-img-1.png"
-    - "/images/about/gallery-img-3.png"
-    - "/images/about/gallery-img-2.png"
+    - "/images/Gallery/pt3.jpeg"
+    - "/images/Gallery/img3.jpg"
+    - "/images/Gallery/img5.jpg"
+    - "/images/Gallery/pt8.jpeg"
+    - "/images/Gallery/img8.jpg"
+    - "/images/Gallery/img9.jpg"
+
+
 
 ## our works
 features:
-  title: The six core work <br /> drive everything do
+  title: Transforming Healthcare with AMRIT <br /> 
   button:
     label: Download The Theme
     link: "https://themefisher.com/astro-themes/pinwheel-astro"
     enable: true
   features_list:
-    - title: Accessibility
-      content: Nulla porttitor acmsan tinci dunt. posuere cubilia Cudfrae Donec velit neque, autor sit amet aliuam vel
-    - title: Empowerement
-      content: Nulla porttitor acmsan tinci dunt. posuere cubilia Cudfrae Donec velit neque, autor sit amet aliuam vel
-    - title: Excellence
-      content: Nulla porttitor acmsan tinci dunt. posuere cubilia Cudfrae Donec velit neque, autor sit amet aliuam vel
-    - title: Innovation
-      content: Nulla porttitor acmsan tinci dunt. posuere cubilia Cudfrae Donec velit neque, autor sit amet aliuam vel
-    - title: Innovation
-      content: Nulla porttitor acmsan tinci dunt. posuere cubilia Cudfrae Donec velit neque, autor sit amet aliuam vel
-    - title: Innovation
-      content: Nulla porttitor acmsan tinci dunt. posuere cubilia Cudfrae Donec velit neque, autor sit amet aliuam vel
+    - title: Scaling Reach Across India
+      subtitle: 16 States, 46 Facilities, 489 Unique Users
+      content: AMRIT is expanding its presence, currently implemented across 16 states, in 46 healthcare facilities, with 489 unique users engaging in its services
+    - title:  Empowering Beneficiaries
+      subtitle: 22.64 L Unique Beneficiaries & 21.31 L Revisit Beneficiaries
+      content: Over 22.64 lakh unique beneficiaries have registered for AMRIT, with 21.31 lakh returning for ongoing care, showcasing the platform's commitment to improving healthcare access.
+    - title: Comprehensive Health Data Collection
+      subtitle: 2.09 Cr Total Records, 18.10 L Lab Tests Recorded
+      content: AMRIT has accumulated over 2.09 crore total records and recorded 18.10 lakh lab tests, ensuring comprehensive and accessible patient data for improved healthcare outcomes.
+    - title: Enhanced Screening & Diagnostics
+      subtitle: 16.11 L NCD Screenings & 1.47 L ANC Screenings Completed
+      content: AMRIT's efficient screening processes have completed 16.11 lakh NCD screenings and 1.47 lakh ANC screenings, aiding in early diagnosis and management of critical conditions.
+    - title: Boosting Digital Health Initiatives
+      subtitle: ABHA IDs Generated & EHRs Linked
+      content: AMRIT supports ABDM adoption, with numerous ABHA IDs generated and EHRs linked, aligning with national health goals for unified and secure digital health records.
+    - title: Driving Integration & Efficiency
+      subtitle: Integration with External Health Systems & Reduction in Manual Records
+      content: AMRIT integrates with multiple external health systems and national programs, reducing manual record use and enhancing service delivery efficiency across healthcare facilities.
 
 
 ## members
 members:
-  title: This is who we are
-  description: Donec sollicitudin molestie malesda. Donec sollitudin mol estie ultricies ligula sed magna dictum
+  title: Meet our team
+  description: Our team consists of experts at the intersection of digital health, public health, technology, and leadership, dedicated to developing innovative and scalable health solutions that align with both national and global health objectives.
   member_list:
-    - name: Eleanor Pena
-      field: Co-founder & COO
-      image: "/images/users/user-1.png"
-    - name: Bukiakta Bansalo
-      field: Product Manager
-      image: "/images/users/user-2.png"
-    - name: Ortrin Okaster
-      field: Software Engineer
-      image: "/images/users/user-3.png"
-    - name: Eleanor Pena
-      field: Co-founder & COO
-      image: "/images/users/user-1.png"
-    - name: Bukiakta Bansalo
-      field: Product Manager
-      image: "/images/users/user-2.png"
-    - name: Ortrin Okaster
-      field: Software Engineer
-      image: "/images/users/user-3.png"
+    - name: Avinash Sharma
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Avinash1.jpg"
+      link: "https://www.linkedin.com/in/avinash-sharma-962b151a1/"
+    - name: Deep Shikha
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/DeepShikha.jpg"
+    - name: Intekhab Alam
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/IntekhabAlam.jpeg"
+    - name: Kundan Kumar Srivastava
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Kundan.jpg"
+      link: "https://www.linkedin.com/in/intekhab-alam-0443ba27/"
+    - name: Madhava Ramu N
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/MadhavaRamu.jpg"
+      link: "https://www.linkedin.com/in/madhava-ramu-n-993379237/"
+    - name: Manisha Dilip shinde
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Manisha.png"
+    - name: Meghana Ratna Pydi
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Meghana.png"
+      link: "https://www.linkedin.com/in/meghanapydi/"
+    - name: Dr Mithun James
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Mithun.jpg"
+      link: "https://www.linkedin.com/in/dr-mithun-james/"
+    - name: Rakesh L
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Rakesh.jpg"
+    - name: Rohit Jayaraman
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Rohit.jpeg"
+      link: "https://www.linkedin.com/in/rohit-jayaraman-686381217/"
+    - name: Roshan Lakra
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Roshan.png"
+      link: "https://www.linkedin.com/in/roshan-lakra-b8a392122/"
+    - name: Sachin Kadam
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Sachin.jpg"
+    - name: Shashank Kharkwal
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Shashank.jpg"
+      link: "https://www.linkedin.com/in/shashank-kharkwal-125a3220/"
+    - name: Shreshtha Bhandari
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Shreshtha.png"
+      link: "https://www.linkedin.com/in/dr-shreshtha-bhandari-b335a4104/"
+    - name: Syed Saleem
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Syed.jpg"
+      link: "https://www.linkedin.com/in/syed-saleem-589b5a323/"
+    - name: Virendra Kumar
+      field: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mi dui
+      image: "/images/Team/Virendra.jpeg"
 ---
-Donec sollicitudin molestie malesda. Donec sollitudin molestie malesuada. Mauris pellentesque nec, egestas non nisi. Cras ultricies ligula sed magna dictum porta. Lorem
+AMRIT, developed by Piramal Swasthya, is a health tech platform integrated with ABDM. Supporting ABHA creation, verification, and secure, consent-based access to electronic medical records, ensuring a unified health data presence nationwide through unique beneficiary IDs.

src/layouts/components/PageHeader.astro

@@ -48,24 +48,4 @@ const { title, index_title, page_title, slug, content } = page_data || {};
     )}
   />
   <p set:html={markdownify(content)} />
-
-  {
-    page_data.buttons && (
-      <div class="mt-11 justify-center sm:flex">
-        {page_data.buttons.map(
-          (button: any) =>
-            button?.enable && (
-              <a
-                class={`btn m-3 block sm:inline-block ${
-                  button?.outline ? "btn-outline-primary" : "btn-primary"
-                } `}
-                href={button?.link}
-              >
-                {button?.label}
-              </a>
-            )
-        )}
-      </div>
-    )
-  }
 </div>

src/layouts/components/about/CounterComponent.astro

@@ -3,16 +3,16 @@ const { counter } = Astro.props;
 ---
 
 <div class="counter mt-16">
-  <div class="row mx-0 rounded-[20px] bg-white px-10 shadow-lg lg:py-10">
+  <div class="flex flex-wrap justify-between rounded-[20px] bg-white px-4 lg:px-10 shadow-sm py-8 lg:py-10">
     {
       counter.map((item: any) => (
-        <div class="border-border sm:col-6 lg:col-3 px-10 py-10 text-center lg:border-r lg:py-0 last:lg:border-none">
+        <div class="w-full sm:w-1/2 lg:w-1/5 px-4 py-6 text-center border-b sm:border-r lg:border-b-0 lg:border-r last:border-none">
           <h2>
-            <span class="count" aria-valuenow={item.number}>
+            <span class="count" data-unit={item.messurment} aria-valuenow={item.number}>
               0
             </span>
             <span
-              class={"text-primary"}
+              class="text-palette-orange"
               style={{
                 color: item.color,
               }}
@@ -36,13 +36,14 @@ const { counter } = Astro.props;
       const animate = () => {
         const value = +counter.getAttribute("aria-valuenow");
         const data = +counter.innerText;
+        const unit = counter.getAttribute("data-unit") || "";
 
         const time = value / speed;
         if (data < value) {
           counter.innerText = Math.ceil(data + time);
           setTimeout(animate, 1);
         } else {
-          counter.innerText = value;
+          counter.innerText = value.toLocaleString() + unit;
         }
       };
 

src/layouts/components/about/Gallery.astro

@@ -25,16 +25,6 @@ const { title, images } = gallery;
 
         <div class="js-shuffle-sizer col-1"></div>
       </div>
-      <img
-        class="absolute -bottom-5 -left-5 -z-[1]"
-        src="images/shape-2.png"
-        alt=""
-      />
-      <img
-        class="absolute -right-5 bottom-20 -z-[1] h-16 w-16"
-        src="images/shape.png"
-        alt=""
-      />
     </div>
   </div>
 </section>

src/layouts/components/about/MemberCard.astro

@@ -1,10 +1,11 @@
 ---
 import { Image } from "astro:assets";
+import { Linkedin } from "react-feather";
 const {
   members: { title, description, member_list },
 } = Astro.props;
----
 
+---
 <section class="section">
   <div class="container">
     <div class="row">
@@ -18,29 +19,34 @@ const {
     <div class="row mt-12 justify-center">
       <div class="lg:col-10">
         <div class="row">
-          {
-            member_list.map((item: any) => (
+          {member_list.map((item: any) => {
+            return (
               <div class="mb-6 flex text-center sm:col-6 lg:col-4 sm:items-center">
-                 <div class="w-full flex flex-col rounded-lg bg-white border border-gray-300 shadow-lg p-6 justify-center items-center">
-                <div class="member-avatar w-full flex justify-center">
-                  <Image
-                    height={200}
-                    width={200}
-                    class="h-full w-full object-cover"
-                    src={item.image}
-                    alt=""
-                  />
-                </div>
-                <div class="w-full flex flex-col justify-center p-4">
-                  <h5 class="font-primary text-lg">{item.name}</h5>
-                  <p class="mt-1.5 text-sm">{item.field}</p>
-                </div>
+                <div class="w-full h-full flex flex-col rounded-lg bg-white border border-gray-300 shadow-lg p-6 justify-center items-center">
+                  <div class="member-avatar w-full flex justify-center" style={{ width: '200px', height: '200px' }}>
+                    <Image
+                      height={200}
+                      width={200}
+                      class="object-cover"
+                      src={item.image}
+                      alt=""
+                    />
+                  </div>
+                  <div class="w-full flex flex-col justify-center p-4">
+                    <h5 class="font-primary text-lg">{item.name}</h5>
+                    <p class="mt-1.5 text-sm">{item.field}</p>
+                    <span class="icon mt-4">
+                      <a href={item.link} target="_blank" rel="noreferrer">
+                        <Linkedin />
+                      </a>
+                    </span>
+                  </div>
                 </div>
               </div>
-            ))
-          }
+            );
+          })}
         </div>
       </div>
     </div>
   </div>
-</section>
+</section>

src/layouts/components/about/Works.astro

@@ -1,5 +1,4 @@
 ---
-import { Image } from "astro:assets";
 const {
   features: { title, button, features_list },
 } = Astro.props;
@@ -11,33 +10,19 @@ const {
       <div class="md:col-5">
         <h2 class="text-center md:text-left" set:html={title} />
       </div>
-      {
-        button.enable && (
-          <div class="mt-6 text-center md:col-3 md:mt-0 md:text-right">
-            <a class="btn btn-primary" href={button.link}>
-              {button.label}
-            </a>
-          </div>
-        )
-      }
     </div>
     <div class="row mt-14">
       {
         features_list.map((item: any, i: number) => (
           <div class="mb-8 sm:col-6 lg:col-4">
-            <div class="rounded-xl bg-white p-6 shadow-lg lg:p-8">
+            <div class="h-full rounded-xl bg-white p-6 shadow-lg lg:p-8">
               <div class="gradient-number relative inline-block">
-                <span class="bg-gradient absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2">
-                  {i > 8 ? i + 1 : `0${i + 1}`}
+                <span class="bg-gradient p-4 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2">
+                  {i > 8 ? i + 1 : `${i + 1}`}
                 </span>
-                <Image
-                  height={90}
-                  width={90}
-                  src="/images/gradient-number-bg.png"
-                  alt=""
-                />
               </div>
               <h4 class="my-6">{item.title}</h4>
+              <h3 class="my-4 text-sm">{item.subtitle}</h3>
               <p>{item.content}</p>
             </div>
           </div>

src/pages/about.astro

@@ -22,7 +22,6 @@ const page_data = {
   description={about.data.description}
   image={about.data.image}
 >
-  <Shape />
   <section class="page-hero py-16">
     <div class="container">
       <div class="page-hero-content mx-auto max-w-[768px] text-center">