diff --git a/pages/index.js b/pages/index.js index 8eaad45..9ddff3f 100644 --- a/pages/index.js +++ b/pages/index.js @@ -59,6 +59,7 @@ export default function Home() { headbold="What level of hiker are you?" headtext="Determining what level of hiker you are can be an important tool when planning future hikes. This hiking level guide will help you plan hikes according to different hike ratings set by various websites like All Trails and Modern Hiker. What type of hiker are you – novice, moderate, advanced moderate, expert, or expert backpacker? " headbottom="read more" + image="01.png" /> ); diff --git a/pages/main.tsx b/pages/main.tsx index 674064d..b284c5c 100644 --- a/pages/main.tsx +++ b/pages/main.tsx @@ -7,6 +7,7 @@ export interface ElementProps { headtext: string; headbottom: string; left: boolean; +image: string } export function Element({ @@ -15,6 +16,7 @@ export function Element({ headtext, headbottom, left, + image, }: ElementProps) { return (
@@ -22,7 +24,7 @@ export function Element({
{left && (
- +
)}
@@ -44,7 +46,7 @@ export function Element({
{!left && (
- +
)}
diff --git a/public/01 (1) copy.png b/public/copy.png similarity index 100% rename from public/01 (1) copy.png rename to public/copy.png