🎉 Initial commit

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["next/core-web-vitals", "next/typescript"]
+}

.gitignore

@@ -0,0 +1,5 @@
+.next
+node_modules
+.env
+next-env.d.ts
+pnpm-lock.yaml

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Noowz
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,36 @@
+![bio-links](https://socialify.git.ci/noowz/bio-links/image?description=1&forks=1&issues=1&language=1&name=1&owner=1&pattern=Solid&pulls=1&stargazers=1&theme=Auto)
+
+---
+
+<p align="center">
+ <a href="#-about">About</a> |
+ <a href="#%EF%B8%8F-preview">Preview</a> |
+ <a href="#-contribute">Contribute</a> |
+ <a href="#-license">License</a>
+</p>
+
+---
+
+## **📙 About**
+
+**bio-links** is a personal profile card that aggregates all the important links in one place. Easily access social media, projects, and content through this sleek, user-friendly page.
+
+---
+
+## **🖼️ Preview**
+
+![Website](https://i.imgur.com/PYzPs5X.png)
+
+---
+
+## 🐛 **Contribute**
+
+If you have a bug or an idea, browse the open [issues](https://github.com/noowz/bio-links/issues) before opening a new one.
+
+If you know how to fix an [issue](https://github.com/noowz/bio-links/issues), consider opening a [pull request](https://github.com/noowz/bio-links/pulls) for it.
+
+---
+
+## 📝 **License**
+
+This project is licensed under the [MIT](./LICENSE) license.

components.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/app/globals.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}

next.config.mjs

@@ -0,0 +1,4 @@
+/** @type {import("next").NextConfig} */
+const nextConfig = {};
+
+export default nextConfig;

package.json

@@ -0,0 +1,67 @@
+{
+	"name": "bio-links",
+	"version": "1.0.0",
+	"private": true,
+	"description": "Personal profile card that aggregates all the important links in one place. Easily access social media, projects, and content through this sleek, user-friendly page.",
+	"scripts": {
+		"dev": "next dev",
+		"build": "next build",
+		"start": "next start",
+		"lint": "next lint"
+	},
+	"keywords": [
+		"social",
+		"profile",
+		"links",
+		"card",
+		"bio"
+	],
+	"author": {
+		"name": "Noowz",
+		"email": "[email protected]",
+		"url": "https://github.com/noowz"
+	},
+	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/noowz/bio-links"
+	},
+	"bugs": {
+		"url": "https://github.com/noowz/bio-links/issues"
+	},
+	"homepage": "https://github.com/noowz/bio-links#readme",
+	"funding": [
+		{
+			"type": "github",
+			"url": "https://github.com/sponsors/noowz"
+		}
+	],
+	"dependencies": {
+		"@icons-pack/react-simple-icons": "^10.0.0",
+		"@radix-ui/react-avatar": "^1.1.1",
+		"@radix-ui/react-slot": "^1.1.0",
+		"@radix-ui/react-toast": "^1.2.2",
+		"@radix-ui/react-tooltip": "^1.1.3",
+		"@vercel/analytics": "^1.3.1",
+		"canvas-confetti": "^1.9.3",
+		"class-variance-authority": "^0.7.0",
+		"clsx": "^2.1.1",
+		"lucide-react": "^0.452.0",
+		"next": "14.2.15",
+		"next-themes": "^0.3.0",
+		"react": "^18",
+		"react-dom": "^18",
+		"tailwind-merge": "^2.5.3",
+		"tailwindcss-animate": "^1.0.7"
+	},
+	"devDependencies": {
+		"@types/node": "^20",
+		"@types/react": "^18",
+		"@types/react-dom": "^18",
+		"eslint": "^8",
+		"eslint-config-next": "14.2.15",
+		"postcss": "^8",
+		"tailwindcss": "^3.4.1",
+		"typescript": "^5"
+	}
+}

postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import("postcss-load-config").Config} */
+const config = {
+	plugins: {
+		tailwindcss: {}
+	}
+};
+
+export default config;

src/app/globals.css

@@ -0,0 +1,70 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+	:root {
+		--background: 0 0% 100%;
+		--foreground: 240 10% 3.9%;
+		--card: 0 0% 100%;
+		--card-foreground: 240 10% 3.9%;
+		--popover: 0 0% 100%;
+		--popover-foreground: 240 10% 3.9%;
+		--primary: 240 5.9% 10%;
+		--primary-foreground: 0 0% 98%;
+		--secondary: 240 4.8% 95.9%;
+		--secondary-foreground: 240 5.9% 10%;
+		--muted: 240 4.8% 95.9%;
+		--muted-foreground: 240 3.8% 46.1%;
+		--accent: 240 4.8% 95.9%;
+		--accent-foreground: 240 5.9% 10%;
+		--destructive: 0 84.2% 60.2%;
+		--destructive-foreground: 0 0% 98%;
+		--border: 240 5.9% 90%;
+		--input: 240 5.9% 90%;
+		--ring: 240 10% 3.9%;
+		--chart-1: 12 76% 61%;
+		--chart-2: 173 58% 39%;
+		--chart-3: 197 37% 24%;
+		--chart-4: 43 74% 66%;
+		--chart-5: 27 87% 67%;
+		--radius: 0.5rem;
+	}
+
+	.dark {
+		--background: 240 10% 3.9%;
+		--foreground: 0 0% 98%;
+		--card: 240 10% 3.9%;
+		--card-foreground: 0 0% 98%;
+		--popover: 240 10% 3.9%;
+		--popover-foreground: 0 0% 98%;
+		--primary: 0 0% 98%;
+		--primary-foreground: 240 5.9% 10%;
+		--secondary: 240 3.7% 15.9%;
+		--secondary-foreground: 0 0% 98%;
+		--muted: 240 3.7% 15.9%;
+		--muted-foreground: 240 5% 64.9%;
+		--accent: 240 3.7% 15.9%;
+		--accent-foreground: 0 0% 98%;
+		--destructive: 0 62.8% 30.6%;
+		--destructive-foreground: 0 0% 98%;
+		--border: 240 3.7% 15.9%;
+		--input: 240 3.7% 15.9%;
+		--ring: 240 4.9% 83.9%;
+		--chart-1: 220 70% 50%;
+		--chart-2: 160 60% 45%;
+		--chart-3: 30 80% 55%;
+		--chart-4: 280 65% 60%;
+		--chart-5: 340 75% 55%;
+	}
+}
+
+@layer base {
+	* {
+		@apply border-border;
+	}
+
+	body {
+		@apply bg-background text-foreground;
+	}
+}

src/app/layout.tsx

@@ -0,0 +1,55 @@
+import "./globals.css";
+import { ThemeProvider } from "@/components/theme-provider";
+import { Toaster } from "@/components/ui/toaster";
+import type { Metadata } from "next";
+import localFont from "next/font/local";
+import { Analytics } from "@vercel/analytics/react";
+
+const geistSans = localFont({
+	src: "./fonts/GeistVF.woff",
+	weight: "100 900"
+});
+
+export const metadata: Metadata = {
+	title: "Noowz | Bio Links",
+	description: "Personal profile card that aggregates all the important links in one place. Easily access social media, projects, and content through this sleek, user-friendly page.",
+	openGraph: {
+		title: "Noowz | Bio Links",
+		description: "Personal profile card that aggregates all the important links in one place. Easily access social media, projects, and content through this sleek, user-friendly page.",
+		url: "https://noowz-bio-links.vercel.app",
+		siteName: "Noowz | Bio Links",
+		images: [],
+		locale: "en_US",
+		type: "website"
+	},
+	icons: {
+		icon: [
+			{
+				url: "/logo-light.svg",
+				media: "(prefers-color-scheme: light)"
+			},
+			{
+				url: "/logo-dark.svg",
+				media: "(prefers-color-scheme: dark)"
+			}
+		]
+	}
+};
+
+export default function RootLayout({ children }: Readonly<{ children: React.ReactNode; }>) {
+	return (
+		<html lang="en">
+			<body className={`${geistSans.className} antialiased`}>
+				<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
+					<main>
+						{children}
+					</main>
+
+					<Toaster />
+
+					<Analytics />
+				</ThemeProvider>
+			</body>
+		</html>
+	);
+};

src/app/not-found.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+import Link from "next/link";
+import { ArrowLeft, Home } from "lucide-react";
+
+export default function NotFound() {
+	return (
+		<div className="flex flex-col items-center justify-center min-h-screen space-y-2">
+			<h1 className="text-6xl font-extrabold">
+				404
+			</h1>
+
+			<p className="text-muted-foreground">
+				The page you are looking for was not found.
+			</p>
+
+			<div className="flex gap-4">
+				<Button onClick={() => history.go(-1)} variant="ghost">
+					<ArrowLeft className="mr-2 size-4" />
+
+					Back
+				</Button>
+
+				<Button asChild variant="default">
+					<Link href="/">
+						<Home className="mr-2 size-4" />
+
+						Home
+					</Link>
+				</Button>
+			</div>
+		</div>
+	);
+};

src/app/page.tsx

@@ -0,0 +1,9 @@
+import { ProfileCard } from "@/components/profile-card";
+
+export default function Home() {
+	return (
+		<div className="flex items-center justify-center min-h-screen">
+			<ProfileCard />
+		</div>
+	);
+};