diff --git a/src/components/Reference.tsx b/src/components/Reference.tsx
index 34bf53f..73c9955 100644
--- a/src/components/Reference.tsx
+++ b/src/components/Reference.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Link, Text } from '@chakra-ui/core';
 import NextLink from 'next/link';
-import { resolveHref } from 'next/dist/next-server/lib/router/router';
+
 export interface IReferenceProps {
   children?;
   link?: ILink;
@@ -9,16 +9,16 @@ export interface IReferenceProps {
 
 export interface ILink {
   href: string;
+  query?: { [any: string]: string };
   external?: boolean;
 }
 
 export default function Reference({ children, link }: IReferenceProps) {
   const color = 'blue.500';
-
   return link ? (
     link.external ? (
       <Link
-        href={link.href}
+        href={link.href ? link.href : link.href}
         fontWeight="semibold"
         color={color}
         textDecoration="underline"
@@ -26,7 +26,7 @@ export default function Reference({ children, link }: IReferenceProps) {
         {children}
       </Link>
     ) : (
-      <NextLink href={link.href}>
+      <NextLink href={{ pathname: link.href, query: link.query }}>
         <Link fontWeight="semibold" color={color} textDecoration="underline">
           {children}
         </Link>
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index 01099b4..edeff6e 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -45,9 +45,9 @@ export default function Home(props: IHomeProps) {
               Hello world!
             </Heading>
 
-            <Text>
+            <Box>
               I'm <Reference>Tim</Reference> and welcome to my site.
-            </Text>
+            </Box>
           </Flex>
         </Flex>
         <Divider my="2rem" backgroundColor="gray" width="100%" />
@@ -103,7 +103,12 @@ export default function Home(props: IHomeProps) {
               </Heading>
               <Text fontSize="sm">
                 A bunch of new things centered around well-being, learning, and{' '}
-                <Reference link={{ href: '/blog' }}>creating things</Reference>.
+                <Reference
+                  link={{ href: '/blog', query: { tags: 'projects' } }}
+                >
+                  creating things
+                </Reference>
+                .
               </Text>
             </Box>
           </Flex>