uploading index to repo

web/components/Navigation.js

@@ -0,0 +1,26 @@
+import Link from "next/link";
+import Image from "next/image";
+
+export default function DisplayNav() {
+  return (
+    <nav className="navbar">
+  <Image
+    className="mx-3"
+    src="/logo_simple.png"
+    alt="store_logo"
+    width={50}
+    height={50}
+    id="logo"
+  />
+  
+  <div className="nav-links">
+    <a href="/" className="nav-link">Home</a>
+    <a href="/pets" className="nav-link">Adopt a Pet</a>
+    <a href="/" className="nav-link">Online Store</a>
+    <a href="/appointments" className="nav-link">Schedule an Appointment</a>
+    <a href="/contact" className="nav-link">Contact Us</a>
+    <a href="/aboutus" className="nav-link">About Us</a>
+  </div>
+</nav>
+  );
+}