Skip to content

Commit 6e6131e

Browse files
aarabiiaarabii
committed
some basic ui changes
added metors from acernity ui replace manrope with inter changed thumbnail
1 parent 6ee418b commit 6e6131e

File tree

16 files changed

+204
-65
lines changed

16 files changed

+204
-65
lines changed

‎package-lock.json

Lines changed: 26 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,11 +21,13 @@
2121
},
2222
"dependencies": {
2323
"@emailjs/browser": "^4.3.3",
24+
"clsx": "^2.1.1",
2425
"framer-motion": "^11.1.9",
2526
"next": "14.2.3",
2627
"react": "^18",
2728
"react-dom": "^18",
28-
"react-icons": "^5.2.1"
29+
"react-icons": "^5.2.1",
30+
"tailwind-merge": "^2.3.0"
2931
},
3032
"devDependencies": {
3133
"@types/node": "^20",

‎public/thumbnail.png

1.55 MB
Loading

‎public/ui/fonts/manrope.ttf

-161 KB
Binary file not shown.

‎src/app/globals.css

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -28,11 +28,6 @@
2828
src: url(/ui/fonts/fezeline.otf) format("opentype");
2929
}
3030

31-
@font-face {
32-
font-family: --font-manrope;
33-
font-weight: 500;
34-
src: url(/ui/fonts/manrope.ttf) format("truetype");
35-
}
3631
@font-face {
3732
font-family: --font-nasalization;
3833
font-weight: 500;

‎src/app/layout.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
import type { Metadata } from "next";
22
import "./globals.css";
33

4+
import { Inter } from "next/font/google";
5+
6+
const inter = Inter({ subsets: ["latin"] });
7+
48
export const metadata: Metadata = {
59
title: "Aarab Nishchal",
610
description:
@@ -19,6 +23,7 @@ export const metadata: Metadata = {
1923
"Nishchal",
2024
"aarabii",
2125
"aarab",
26+
"caya",
2227
"portfolio",
2328
"developer",
2429
"web developer",
@@ -61,7 +66,7 @@ export default function RootLayout({
6166
}>) {
6267
return (
6368
<html lang="en" suppressHydrationWarning={true} className={`scroll-smooth`}>
64-
<body className="font-manrope">{children}</body>
69+
<body className={inter.className}>{children}</body>
6570
</html>
6671
);
6772
}

‎src/components/About.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import { toBase64, convertImage } from "@/util/BlurData";
66
import data from "@/constants/details.json";
77

88
import { Title } from "./common/Title";
9+
import { TextGenerateEffect } from "./ui/TextGenerateEffect";
910

1011
export const About = () => {
1112
return (
@@ -50,7 +51,7 @@ export const About = () => {
5051
>
5152
<div className="flex justify-center text-center lg:text-left lg:justify-start">
5253
<p className="my-2 max-w-xl py-6 text-lg tracking-wider">
53-
{data.about}
54+
<TextGenerateEffect words={data.about} />
5455
</p>
5556
</div>
5657
</motion.div>

‎src/components/Hero.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@ import { Button } from "./common/Button";
55

66
import data from "@/constants/details.json";
77
import { useScreenSize } from "@/util/hook/useScreenSize";
8+
import { Meteors } from "./ui/Meteors";
9+
import { TextGenerateEffect } from "./ui/TextGenerateEffect";
810

911
const container = (delay: number) => ({
1012
hidden: { x: -100, opacity: 0 },
@@ -43,7 +45,7 @@ export const Hero = () => {
4345
animate="visible"
4446
className="w-full lg:w-1/2 font-light text-sm lg:text-xl tracking-wider leading-relaxed"
4547
>
46-
{data.bio}
48+
<TextGenerateEffect words={data.bio} />
4749
</motion.p>
4850
<motion.div className="flex justify-center lg:justify-start">
4951
<Button
@@ -53,6 +55,7 @@ export const Hero = () => {
5355
Resume
5456
</Button>
5557
</motion.div>
58+
<Meteors number={Math.floor(Math.random() * 50)} />
5659
</div>
5760
</header>
5861
);

‎src/components/common/ContactList.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,9 +30,9 @@ export const ContactList: FC<ContactListProps> = ({
3030
rel="noopener noreferrer"
3131
className="flex items-center"
3232
>
33-
<div className="text-slate-100">{icon}</div>
33+
<div className="text-slate-300">{icon}</div>
3434

35-
<strong className="text-slate-100 text-md ml-3">{text}</strong>
35+
<span className="text-slate-300 font-medium text-md ml-3">{text}</span>
3636
</Link>
3737
</motion.li>
3838
);

‎src/components/common/ProjectCard.tsx

Lines changed: 31 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
11
import { FC } from "react";
22
import Link from "next/link";
3-
43
import { motion } from "framer-motion";
5-
64
import { TechClip } from "./TechClip";
75
import { FiExternalLink, FiGithub } from "react-icons/fi";
6+
import { Meteors } from "../ui/Meteors"; // Make sure this import is correct according to your project structure
87

98
interface ProjectCardProps {
109
title: string;
@@ -23,40 +22,39 @@ export const ProjectCard: FC<ProjectCardProps> = ({
2322
}) => {
2423
return (
2524
<motion.div
26-
whileInView={{ opacity: 1 }}
27-
initial={{ opacity: 0 }}
28-
transition={{ duration: 0.5 }}
29-
whileHover={{
30-
scale: 1.1,
31-
}}
32-
className="rounded-lg border bg-card text-card-foreground w-full max-w-sm mx-auto bg-gray-400 bg-clip-padding backdrop-filter backdrop-blur-lg bg-opacity-20 border-gray-100 shadow-[inset_0px_0px_5px_0px_#e2e8f0]"
25+
whileHover={{ scale: 1.05 }}
26+
transition={{ type: "spring", stiffness: 400, damping: 10 }}
27+
className="relative rounded-lg border w-full max-w-sm mx-auto shadow-xl overflow-hidden"
3328
>
34-
<div className="p-6 flex flex-row items-center justify-between space-y-0 pb-2">
35-
<h3 className="leading-none tracking-tight text-2xl font-medium capitalize">
36-
{title}
37-
</h3>
38-
<div className="flex flex-row gap-3">
39-
<Link
40-
href={hostedAt}
41-
rel="noopener noreferrer"
42-
target="_blank"
43-
passHref
44-
>
45-
<FiExternalLink className="h-4 w-4 text-muted-foreground" />
46-
</Link>
47-
<Link href={git} rel="noopener noreferrer" target="_blank" passHref>
48-
<FiGithub className="h-4 w-4 text-muted-foreground" />
49-
</Link>
29+
<div className="relative p-6 bg-gray-900 bg-opacity-40 rounded-lg flex flex-col justify-between">
30+
<div className="flex flex-row items-center justify-between pb-2">
31+
<h3 className="leading-none tracking-tight text-2xl cursor-pointer font-medium capitalize text-slate-100">
32+
<Link
33+
href={hostedAt}
34+
rel="noopener noreferrer"
35+
target="_blank"
36+
passHref
37+
>
38+
{title}
39+
</Link>
40+
</h3>
41+
<div className="flex flex-row gap-3">
42+
<Link href={git} rel="noopener noreferrer" target="_blank" passHref>
43+
<FiGithub className="h-5 w-5 text-slate-200" />
44+
</Link>
45+
</div>
46+
</div>
47+
<div className="pt-2">
48+
<div className="text-sm text-slate-400">{desc}</div>
49+
<div className="flex flex-wrap gap-1 mt-2">
50+
{tech.map((tech, index) => (
51+
<TechClip key={index} name={tech} />
52+
))}
53+
</div>
5054
</div>
5155
</div>
52-
<div className="p-6 pt-0">
53-
<div className="text-sm">{desc}</div>
54-
<p className="text-muted-foreground">
55-
{tech.map((tech, index) => (
56-
<TechClip key={index} name={tech} />
57-
))}
58-
</p>
59-
</div>
56+
57+
<Meteors number={5} className="opacity-30 -z-30" />
6058
</motion.div>
6159
);
6260
};

0 commit comments

Comments
 (0)