+
{children}
diff --git a/frontend/src/components/CustomCircleCursor.tsx b/frontend/src/components/CustomCircleCursor.tsx
new file mode 100644
index 0000000..92ea1eb
--- /dev/null
+++ b/frontend/src/components/CustomCircleCursor.tsx
@@ -0,0 +1,45 @@
+"use client";
+import { useRef, useEffect, FC } from "react";
+import gsap from "gsap";
+
+const GSAPCursor: FC = () => {
+ const cursorRef = useRef
(null);
+
+ // For touch devices, return null
+ if (typeof window !== "undefined" && "ontouchstart" in window) return null;
+
+ useEffect(() => {
+ // Initialize GSAP animation
+ let xTo = gsap.quickTo(cursorRef.current, "x", {
+ duration: 2,
+ ease: "power2.out",
+ });
+ let yTo = gsap.quickTo(cursorRef.current, "y", {
+ duration: 2,
+ ease: "power2.out",
+ });
+
+ const onMouseMove = (e: MouseEvent) => {
+ xTo(e.clientX);
+ yTo(e.clientY);
+ };
+
+ window.addEventListener("mousemove", onMouseMove);
+
+ return () => {
+ window.removeEventListener("mousemove", onMouseMove);
+ };
+ }, []);
+
+ return (
+
+ );
+};
+
+export default GSAPCursor;
diff --git a/frontend/src/components/NameComponent.tsx b/frontend/src/components/NameComponent.tsx
index 37d266d..faf7848 100644
--- a/frontend/src/components/NameComponent.tsx
+++ b/frontend/src/components/NameComponent.tsx
@@ -4,7 +4,7 @@ export function NameComponent() {
return (
);
}
diff --git a/frontend/src/components/TextScramble.tsx b/frontend/src/components/TextScramble.tsx
index 410e2a3..5c4f100 100644
--- a/frontend/src/components/TextScramble.tsx
+++ b/frontend/src/components/TextScramble.tsx
@@ -1,6 +1,7 @@
"use client";
import { useState, useEffect, useCallback } from "react";
+import { useIsMobile } from "@/hooks/useIsMobile"; // Adjust the path as necessary
interface TextScrambleProps {
firstName: string;
@@ -22,7 +23,7 @@ const TextScramble: React.FC = ({
const chars = "!<>-_\\/[]{}—=+*^?#________";
const scramble = useCallback(
- (fromText: string, toText: string, setFunctiono) => {
+ (fromText: string, toText: string, setFunction: Function) => {
let counter = 0;
const length = Math.max(fromText.length, toText.length);
const queue = [];
@@ -56,7 +57,7 @@ const TextScramble: React.FC = ({
if (counter >= end) complete++;
}
- setFunctiono(output);
+ setFunction(output);
if (complete < length) {
requestAnimationFrame(update);
counter++;
@@ -78,6 +79,26 @@ const TextScramble: React.FC = ({
}
}, [isHovering, scramble, firstName, lastName]);
+ const autoScramble = () => {
+ console.log(displayFirstName, firstName);
+ if (displayFirstName == firstName) {
+ scramble(firstName, onlineHandleFirstName, setfirstNameText);
+ scramble(lastName, onlineHandleLastName, setLastNameText);
+ } else {
+ scramble(displayFirstName, firstName, setfirstNameText);
+ scramble(displayLastNameText, lastName, setLastNameText);
+ }
+ };
+
+ const isMobile = useIsMobile();
+
+ useEffect(() => {
+ if (isMobile) {
+ const intervalID = setInterval(autoScramble, 2000);
+ return () => clearInterval(intervalID);
+ }
+ }, [isMobile, displayFirstName, displayLastNameText]);
+
return (
{
+ const [isMobile, setIsMobile] = useState(false);
+
+ useEffect(() => {
+ const handleResize = () => {
+ setIsMobile(window.innerWidth < 640); // Tailwind's mobile breakpoint
+ };
+
+ handleResize(); // Check on mount
+ window.addEventListener("resize", handleResize);
+
+ return () => window.removeEventListener("resize", handleResize);
+ }, []);
+
+ return isMobile;
+};
diff --git a/frontend/src/lib/markdown.ts b/frontend/src/lib/markdown.ts
new file mode 100644
index 0000000..d4ea7ea
--- /dev/null
+++ b/frontend/src/lib/markdown.ts
@@ -0,0 +1,16 @@
+// utils/markdown.ts
+import fs from "fs";
+import path from "path";
+import { remark } from "remark";
+import html from "remark-html";
+
+const markdownDirectory = path.join(process.cwd(), "src/app/blog/content");
+console.log(markdownDirectory)
+
+export async function getMarkdownContent(fileName: string) {
+ const filePath = path.join(markdownDirectory, fileName);
+ const fileContents = fs.readFileSync(filePath, "utf8");
+
+ const processedContent = await remark().use(html).process(fileContents);
+ return processedContent.toString();
+}