diff --git a/src/app/(frontend)/page.tsx b/src/app/(frontend)/page.tsx index 120783b..0d8c9af 100644 --- a/src/app/(frontend)/page.tsx +++ b/src/app/(frontend)/page.tsx @@ -3,6 +3,37 @@ import { Flex, Button, Text, Container, Box } from "@radix-ui/themes"; import Link from "next/link"; import { SiGithub, IconType } from "@icons-pack/react-simple-icons"; import { SiLinkedin } from "react-icons/si"; +import { Rss } from "lucide-react"; + +function NavLink({ + href, + children, +}: { + href: string; + children: React.ReactNode; +}) { + return ( + + + {children} + + + ); +} + +function IconLink({ + href, + icon: Icon, +}: { + href: string; + icon: React.ElementType; +}) { + return ( + + + + ); +} function SocialLink({ href, @@ -14,10 +45,15 @@ function SocialLink({ children: React.ReactNode; }) { return ( - - - - {children} + + + + + {children} + ); @@ -29,36 +65,34 @@ export default async function HomePage() { className="overflow-x-hidden font-schibsted" dotsClassName="animate-bg" > - - - - Ryan Walters, - - - Software Engineer - + {/* Top Navigation Bar */} + + + Projects + Blog + + - - - About - + + {/* Main Content */} - + + {/* Name & Job Title */} + + + Ryan Walters, + + + Software Engineer + + A fanatical software engineer with expertise and passion for @@ -70,7 +104,7 @@ export default async function HomePage() { Find me on - + GitHub