+
+ {/* Navigation */}
+
+
+ {/* Main Content */}
+
+ {/* Hero Section */}
+
+
+ )
+}
+
+export default AuthorPage
\ No newline at end of file
diff --git a/src/components/ui/animated-gradient-text.tsx b/src/components/ui/animated-gradient-text.tsx
new file mode 100644
index 0000000..19b0e62
--- /dev/null
+++ b/src/components/ui/animated-gradient-text.tsx
@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+
+import { cn } from "@/lib/utils";
+
+export default function AnimatedGradientText({
+ children,
+ className,
+}: {
+ children: ReactNode;
+ className?: string;
+}) {
+ return (
+
+
+
+ {/* About Section - New */}
+
+
+
+
+
+ View Portfolio →
+
+
+
+ Hi, I'm Husam 👋
++ Software Engineer. I love building things and helping people. +
+
+
+
+
+
+
+
+
+ {/* Skills Section */}
+ About
+
+
+ + I am a computer science engineering student and a freelance software engineer. + I interned at Brio Technologies and PropReturns as a Software Engineering and + Data Science Intern. My passion for software lies with dreaming up ideas and + making them come true with elegant interfaces. I take great care in the experience, + architecture, and code quality of the things I build. +
+
+ {[
+ {
+ title: 'Engineering',
+ items: ['Full Stack Development', 'System Architecture', 'API Design']
+ },
+ {
+ title: 'Data Science',
+ items: ['Machine Learning', 'Data Analysis', 'Statistical Modeling']
+ },
+ {
+ title: 'Tools & Technologies',
+ items: ['React/Next.js', 'Python', 'Cloud Services']
+ }
+ ].map((category, index) => (
+
+
+ {/* Projects Section */}
+
+
+ ))}
+ {category.title}
+-
+ {category.items.map((item, idx) => (
+
- {item} + ))} +
+
+ Featured Projects
+
+ {[
+ {
+ title: 'UniDash',
+ description: 'A unified portal for BITS Pilani Dubai Campus students',
+ link: 'https://github.com/HUSAM-07/AccessX'
+ },
+ {
+ title: 'Portfolio',
+ description: 'Personal portfolio website built with Next.js',
+ link: 'https://www.mohammedhusamuddin.me'
+ }
+ ].map((project, index) => (
+
+
+
+
+ {project.title}
+{project.description}
+ + ))} +
+
+
+ {children}
+
+ );
+}
diff --git a/src/components/ui/border-beam.tsx b/src/components/ui/border-beam.tsx
new file mode 100644
index 0000000..a720307
--- /dev/null
+++ b/src/components/ui/border-beam.tsx
@@ -0,0 +1,49 @@
+import { cn } from "@/lib/utils";
+
+interface BorderBeamProps {
+ className?: string;
+ size?: number;
+ duration?: number;
+ borderWidth?: number;
+ anchor?: number;
+ colorFrom?: string;
+ colorTo?: string;
+ delay?: number;
+}
+
+export const BorderBeam = ({
+ className,
+ size = 200,
+ duration = 15,
+ anchor = 90,
+ borderWidth = 1.5,
+ colorFrom = "#ffaa40",
+ colorTo = "#9c40ff",
+ delay = 0,
+}: BorderBeamProps) => {
+ return (
+
+ );
+};
diff --git a/src/components/ui/meteors.tsx b/src/components/ui/meteors.tsx
new file mode 100644
index 0000000..6af48c8
--- /dev/null
+++ b/src/components/ui/meteors.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+import { cn } from "@/lib/utils";
+
+interface MeteorsProps {
+ number?: number;
+}
+export const Meteors = ({ number = 20 }: MeteorsProps) => {
+ const [meteorStyles, setMeteorStyles] = useState