Merge pull request #2 from NepTechTribe/dev

update about us + programs

Author: devsdenepal

src/assets/Components/About/About.css

@@ -12,12 +12,12 @@
 }
 
 .about-right {
-    flex-basis: 40%
+    flex-basis: 46%;
 }
 
 .about-img {
     width: 100%;
-    border-radius: 10px
+    border-radius: 10px;
 }
 
 .play-icon {

src/assets/Components/About/About.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import './About.css'
-import Aboutimg from '../about.png'
+import Aboutimg from '../about.jpg'
 const About = () => {
     return (
         <div class="about">
@@ -9,9 +9,13 @@ const About = () => {
                 <img src="/assets/play-icon-DiRyRcRm.png" alt="" class="play-icon" />
             </div>
             <div class="about-right">
-                <h2>Nurturing Tomorrow's Leaders Today</h2>
+                <h2>Fostering Collaborative & Positive Environment</h2>
                 <br/>
-                <p>Embark on a transformative educational journey with our university's comprehensive education programs. Our cutting-edge curriculum is designed to empower students with the knowledge, skills, and experiences needed to excel in the dynamic field of education.</p><p>With a focus on innovation, hands-on learning, and personalized mentorship, our programs prepare aspiring educators to make a meaningful impact in classrooms, schools, and communities.</p><p>Whether you aspire to become a teacher, administrator, counselor, or educational leader, our diverse range of programs offers the perfect pathway to achieve your goals and unlock your full potential in shaping the future of education.</p>
+                <p>Neptech Tribe is a dynamic non-specialist organization established by a group of practical, knowledgeable and visionary young professionals with an interest in practice and education. The primary goal is to provide comprehensive digital electronics programs to organizations that include operators and equipment from a variety of backgrounds requiring irrigation equipment. Yaso gerer, neptech trib le neid seip bheka personalharolai drut rupa vikas va digital worlda garn r successful hun able banaunch.
+
+Neptech Tribe's philosophy is to believe in the central focus of knowledge, good resources, strong support, innovation, collaboration and collaborative environment, and fast-forward. The organization is a community where members live and participate freely in thought-provoking activities and contribute to collective development. Through this positive and inclusive environment that encourages creativity and innovation, we empower our members to drive meaningful change within and outside the community.
+
+Workshop, Traditional Training Sessions, March, Neptech Tribe Le Personalharoge Nayan Practical Training Sessions, Kritikta Soch Skill Development Group and Digital Economy Active Contributing Artist Bann Sikounch. With technology that is affordable and affordable, Neptech Tribal Digital is shaping the future by empowering digital leaders.</p>
             </div>
         </div>
     )

src/assets/Components/Programs/Programs.css

@@ -38,7 +38,7 @@
     transition: .4s
 }
 
-.caption img {
+.caption svg{
     width: 60px;
     margin-bottom: 10px
 }

src/assets/Components/Programs/Programs.jsx

@@ -1,39 +1,39 @@
 import React from 'react'
 import './Programs.css'
-import pr1 from '../pr-1.png'
+import pr1 from '../pr-1.jpg'
+import pr2 from '../pr-2.jpg'
+import pr3 from '../pr-3.jpg'
 import icon1 from '../icon1.png'
 const Programs = () => {
     return (
         <div className="programs">
             <div className="program">
                 <img src={pr1} alt="" />
                 <div className="caption">
-                    <img src={icon1} alt="" />
-                        <img src="" alt=""></img>
-                        <p>Post Graduation</p>
-
-                </div>
+                    {/* <img src={icon1} alt="" /> */}
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="#ffffff" d="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3zM609.3 512l-137.8 0c5.4-9.4 8.6-20.3 8.6-32l0-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1 4.7-.2 7.1-.2l61.4 0C567.8 320 640 392.2 640 481.3c0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9C372.4 196.5 384 163.6 384 128c0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z"/></svg>                
+                    <p>Social Skill Development</p>
+                    </div>
             </div>
             <div className="program">
-                <img src={pr1} alt="" />
+                <img src={pr2} alt="" />
                 <div className="caption">
-                    <img src={icon1} alt="" />
-                        <img src="" alt=""></img>
-                        <p>Post Graduation</p>
-                    
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="#ffffff" d="M160 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l50.7 0L9.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L256 109.3l0 50.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-128c0-17.7-14.3-32-32-32L160 0zM576 80a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM448 208a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM400 384a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm48 80a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm128 0a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM272 384a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm48 80a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM144 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM576 336a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm-48-80a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg>
+                    <p>Personal Growth</p>
+
                 </div>
             </div>
             <div className="program">
-                <img src={pr1} alt="" />
+                <img src={pr3} alt="" />
                 <div className="caption">
-                    <img src={icon1} alt="" />
-                    
-                        <p>Post Graduation</p>
-                    
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#fafcff" d="M256 48C141.1 48 48 141.1 48 256l0 40c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-40C0 114.6 114.6 0 256 0S512 114.6 512 256l0 144.1c0 48.6-39.4 88-88.1 88L313.6 488c-8.3 14.3-23.8 24-41.6 24l-32 0c-26.5 0-48-21.5-48-48s21.5-48 48-48l32 0c17.8 0 33.3 9.7 41.6 24l110.4 .1c22.1 0 40-17.9 40-40L464 256c0-114.9-93.1-208-208-208zM144 208l16 0c17.7 0 32 14.3 32 32l0 112c0 17.7-14.3 32-32 32l-16 0c-35.3 0-64-28.7-64-64l0-48c0-35.3 28.7-64 64-64zm224 0c35.3 0 64 28.7 64 64l0 48c0 35.3-28.7 64-64 64l-16 0c-17.7 0-32-14.3-32-32l0-112c0-17.7 14.3-32 32-32l16 0z"/></svg>
+
+                    <p>Public Speaking</p>
+
                 </div>
             </div>
-            </div>
-            )
+        </div>
+    )
 }
 
-            export default Programs
+export default Programs