"use client"; import React from "react"; import TextShuffler from "../../components/actions/TextShuffler"; import { about, genericScroll } from "../(utils)/animate"; export default function AboutSection() { React.useEffect(about, []); React.useEffect(genericScroll, []); const webDevStack = require("../(utils)/web-dev-stack.json"); const uiStack = require("../(utils)/ui-ux-stack.json"); const [targetStack, setTargetStack] = React.useState("dev"); return (
{/* About Me */}

{ setTargetStack("dev"); }} >
Web Dev Stack
{ setTargetStack("design"); }} >
UI/UX Stack
Learn More About Me


    {targetStack?.match(/dev/i) ? ( {webDevStack.map((item: { title: string; description: string }, index: number) => (
  • ))}
    ) : ( {uiStack.map((item: { title: string; description: string }, index: number) => (
  • ))}
    )}
); }