first commit

2023-02-14 23:10:12 +02:00
parent 164b86db1d
commit f79b95ef2f
44 changed files with 2674 additions and 99 deletions
@@ -0,0 +1,9 @@
+import SearchBar from "../../components/SearchBar";
+
+export default function Header() {
+  return (
+    <div className="bg-gradient-to-r to-[#5f6984] from-[#0f1f47] p-2">
+      <SearchBar />
+    </div>
+  );
+}
@@ -0,0 +1,32 @@
+import Link from "next/link";
+
+export default function RestaurantCard() {
+  return (
+    <div className="border-b flex pb-5">
+      <Link href="/restaurant/milestones">
+        <img
+          src="https://images.otstatic.com/prod1/49153814/2/medium.jpg"
+          alt=""
+          className="w-44 rounded"
+        />
+        <div className="pl-5">
+          <h2 className="text-3xl">Aiāna Restaurant Collective</h2>
+          <div className="flex items-start">
+            <div className="flex mb-2">*****</div>
+            <p className="ml-2 text-sm">Awesome</p>
+          </div>
+          <div className="mb-9">
+            <div className="font-light flex text-reg">
+              <p className="mr-4">$$$</p>
+              <p className="mr-4">Mexican</p>
+              <p className="mr-4">Ottawa</p>
+            </div>
+          </div>
+          <div className="text-red-600">
+            <a href="">View more information</a>
+          </div>
+        </div>
+      </Link>
+    </div>
+  );
+}
@@ -0,0 +1,35 @@
+export default function SearchSideBar() {
+  return (
+    <div className="w-1/5">
+      <div className="border-b pb-4">
+        <h1 className="mb-2">Region</h1>
+        <p className="font-light text-reg">Toronto</p>
+        <p className="font-light text-reg">Ottawa</p>
+        <p className="font-light text-reg">Montreal</p>
+        <p className="font-light text-reg">Hamilton</p>
+        <p className="font-light text-reg">Kingston</p>
+        <p className="font-light text-reg">Niagara</p>
+      </div>
+      <div className="border-b pb-4 mt-3">
+        <h1 className="mb-2">Cuisine</h1>
+        <p className="font-light text-reg">Mexican</p>
+        <p className="font-light text-reg">Italian</p>
+        <p className="font-light text-reg">Chinese</p>
+      </div>
+      <div className="mt-3 pb-4">
+        <h1 className="mb-2">Price</h1>
+        <div className="flex">
+          <button className="border w-full text-reg font-light rounded-l p-2">
+            $
+          </button>
+          <button className="border-r border-t border-b w-full text-reg font-light p-2">
+            $$
+          </button>
+          <button className="border-r border-t border-b w-full text-reg font-light p-2 rounded-r">
+            $$$
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
@@ -0,0 +1,10 @@
+export default function Head() {
+  return (
+    <>
+      <title>Search</title>
+      <meta content="width=device-width, initial-scale=1" name="viewport" />
+      <meta name="description" content="Generated by create next app" />
+      <link rel="icon" href="/favicon.ico" />
+    </>
+  )
+}
@@ -0,0 +1,17 @@
+import Header from "../components/Header";
+import RestaurantCard from "./components/RestaurantCard";
+import SearchSideBar from "./components/SearchSideBar";
+
+export default function Search() {
+  return (
+    <>
+      <Header />
+      <div className="flex py-4 m-auto w-2/3 justify-between items-start">
+        <SearchSideBar />
+        <div className="w-5/6">
+          <RestaurantCard />
+        </div>
+      </div>
+    </>
+  );
+}