18 | {/* Pure Black Background */}
19 |
24 |
25 | {/* Animated Sparkles */}
26 |
30 |
40 |
41 |
42 | {/* Gradient Overlay */}
43 |
48 |
49 |
50 |
54 |
55 |
62 |
67 | About Me
68 |
69 |
70 |
71 |
79 |
83 | I'm a passionate developer and a curious Engineer.
84 |
85 |
86 |
90 | I'm always looking out for new things to explore. I love to
91 | collaborate with like-minded people who are fueled by curiosity.
92 | I play around Golang and Javascript ecosystems for my web dev
93 | projects.
94 |
95 |
96 |
100 | Currently I'm diving into Machine Learning after watching
101 | many cool projects built around image generators and i'm
102 | ready to dive into it
103 |
104 |
105 |
109 | When i'm not coding, i usually
110 |
111 |
112 |
113 |
120 |
121 |
122 |
123 |
124 |
125 | );
126 | }
127 |
--------------------------------------------------------------------------------
/components/ui/timeline.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { useScroll, useTransform, motion, useInView } from "framer-motion";
3 | import React, { useEffect, useRef, useState } from "react";
4 |
5 | interface TimelineEntry {
6 | title: string;
7 | content: React.ReactNode;
8 | }
9 |
10 | export const Timeline = ({ data }: { data: TimelineEntry[] }) => {
11 | const ref = useRef