added-timeline

code-walker-23 · Oct 23, 2024 · 11eb4a9 · 11eb4a9
1 parent d434fe3
commit 11eb4a9
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 13 deletions.
diff --git a/components/Education.tsx b/components/Education.tsx
@@ -12,19 +12,20 @@ const Education = () => {
     sectionName: "Education",
     threshold: 0.5,
   });
+
   return (
     <section ref={ref} id="education" className="scroll-mt-28 mb-28 sm:mb-40">
       <SectionHeading>Education</SectionHeading>
-      <VerticalTimeline lineColor="">
+      <VerticalTimeline lineColor="#9ca3ef">
         {educationData.map((item, index) => (
           <VerticalTimelineElement
             key={index}
             contentStyle={{
               background: "#f3f4f6",
               boxShadow: "none",
-              border: "1px solid rgba(0,0,0,0.05)",
+              border: "1px solid rgba(0,0,0,0.1)",
               textAlign: "left",
-              padding: "1.3rem 2rem",
+              padding: "1.5rem 2rem",
             }}
             contentArrowStyle={{
               borderRight: "0.4rem solid #9ca3ef",
@@ -33,14 +34,15 @@ const Education = () => {
             icon={item.icon}
             iconStyle={{
               background: "white",
+              color: "#4f46e5",
               fontSize: "1.5rem",
+              padding: "0.5rem",
+              borderRadius: "50%",
             }}
           >
-            <h3 className="font-semibold capitalize">{item.title}</h3>
-            <p className="font-normal !mt-0">{item.college}</p>
-            <p className="!mt-1 !font-normal text-gray-700">
-              {item.percentage}
-            </p>
+            <h3 className="font-semibold text-lg">{item.title}</h3>
+            <p className="font-normal text-md text-gray-800">{item.edu}</p>
+            <p className="mt-1 text-gray-600">{item.description}</p>
           </VerticalTimelineElement>
         ))}
       </VerticalTimeline>

diff --git a/lib/data.ts b/lib/data.ts
@@ -143,17 +143,28 @@ export const skillsData = [
 
 export const educationData = [
   {
-    title: "B.Tech., Computer Science",
-    college: "Anand Engineering College",
-    percentage: "Percentage: 75%",
+    title: "Bachelor of Technology",
+    edu: "Anand Engineering College",
+    description:
+      "Acquired in-depth knowledge of computer science fundamentals, software development, and data structures. Developed skills in programming languages such as Java and Python, and gained hands-on experience through various projects.",
     icon: React.createElement(FaGraduationCap),
     date: "October 2021 – Present",
   },
   {
     title: "Senior Secondary",
-    college: "St Andrews Senior Secondary School",
-    percentage: "Percentage: 75%",
+    edu: "St Andrews Senior Secondary School",
+    description:
+      "Developed a strong foundation in mathematics and science, which enhanced analytical and problem-solving skills. Participated in various extracurricular activities that fostered teamwork and leadership.",
     icon: React.createElement(FaSchool),
     date: "2019 – 2021",
   },
+  {
+    title: "High School",
+    edu: "Agra Vanasthali Vidyalaya",
+    description:
+      "Gained foundational knowledge in various subjects and developed critical thinking skills. Engaged in sports and extracurricular activities that contributed to personal growth.",
+    icon: React.createElement(FaSchool),
+
+    date: "2017 – 2019",
+  },
 ] as const;