Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SplitAbout from '@/components/sections/about/SplitAbout';
+import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
 import { Code, Layout, Terminal } from "lucide-react";
 
 export default function LandingPage() {
@@ -117,24 +118,16 @@ export default function LandingPage() {
   </div>
 
   <div id="timeline" data-section="timeline">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "2023 - 2024",          description: "Key milestones in my academic and technical journey.",          bentoComponent: "timeline",          heading: "Academic Progress",          subheading: "Journey",          completedLabel: "Completed",          items: [
-            {
-              label: "2023",              detail: "Successfully finished IGCSE curriculum"},
-            {
-              label: "2024",              detail: "Started A Levels & Computer Science studies"},
-            {
-              label: "2024",              detail: "Launched first personal website"},
-          ],
-        },
-      ]}
+    <TimelinePhoneView
       title="Timeline"
       description="My journey so far."
+      textboxLayout="default"
+      animationType="slide-up"
+      items={[
+        { trigger: "2023", content: "Successfully finished IGCSE curriculum" },
+        { trigger: "2024", content: "Started A Levels & Computer Science studies" },
+        { trigger: "2024", content: "Launched first personal website" },
+      ]}
     />
   </div>
 
@@ -164,4 +157,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}