diff --git a/app.bundle.js b/app.bundle.js
index 7f13864..77ef99f 100644
--- a/app.bundle.js
+++ b/app.bundle.js
@@ -1 +1 @@
-(()=>{"use strict";var n={662:(n,e,t)=>{t.d(e,{A:()=>s});var o=t(601),r=t.n(o),i=t(314),a=t.n(i)()(r());a.push([n.id,"/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n* {\n  margin: 0;\n}\nbody {\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n}\nimg,\npicture,\nvideo,\ncanvas,\nsvg {\n  display: block;\n  max-width: 100%;\n}\ninput,\nbutton,\ntextarea,\nselect {\n  font: inherit;\n}\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n#root,\n#__next {\n  isolation: isolate;\n}\n",""]);const s=a},159:(n,e,t)=>{t.d(e,{A:()=>E});var o=t(601),r=t.n(o),i=t(314),a=t.n(i),s=t(417),d=t.n(s),l=new URL(t(161),t.b),c=new URL(t(368),t.b),p=new URL(t(981),t.b),h=new URL(t(238),t.b),f=new URL(t(673),t.b),u=new URL(t(398),t.b),m=new URL(t(255),t.b),g=new URL(t(409),t.b),v=new URL(t(666),t.b),b=new URL(t(915),t.b),w=a()(r()),y=d()(l),x=d()(c),k=d()(p),C=d()(h),A=d()(f),I=d()(u),j=d()(m),S=d()(g),U=d()(v),z=d()(b);w.push([n.id,`@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${y}) format("woff");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${x}) format("woff");\n  font-weight: 600;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${k}) format("woff");\n  font-weight: 700;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${C}) format("woff");\n  font-weight: 300;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${A}) format("woff");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${I}) format("woff");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${j}) format("woff");\n  font-weight: 800;\n  font-style: normal;\n}\n@font-face {\n  font-family: "inika";\n  src: url(${S}) format("woff2");\n  font-weight: 700;\n  font-style: normal;\n}\n@font-face {\n  font-family: "inika";\n  src: url(${U}) format("woff2");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Ingrid darling";\n  src: url(${z}) format("woff");\n  font-weight: normal;\n  font-style: normal;\n}\n\n:root {\n  --side-mrg: 10px;\n  --hd-padding: 31px;\n  --hd-height: 60px;\n  --line-wid: 1.5px;\n  --logo-brd: var(--line-wid) solid #323232;\n  --line-clr: #323232;\n  --background-clr: #131313;\n  --header-fnt: "Ingrid darling", Roboto, Helvetica, serif;\n  --heading-fnt: "Inknut antiqua", serif;\n  --text-fnt: "inika", sans-serif;\n  --aboutUs-backClr: #f1f0f0;\n  --animation-time: all 200ms ease-out;\n  scrollbar-color: #575757 #2d2d2d;\n  scrollbar-width: thin;\n  scroll-behavior: smooth;\n}\n\n.grid {\n  display: grid;\n}\n\nbutton:not(header button) {\n  background-color: transparent;\n  color: white;\n  border: var(--logo-brd);\n  transition: var(--animation-time);\n}\n\nbutton:not(header button):hover {\n  background-color: var(--aboutUs-backClr);\n  color: var(--background-clr);\n  border: 1px solid var(--aboutUs-backClr);\n  cursor: pointer;\n}\n\nh1,\nh2,\nh3,\nbutton {\n  font-family: var(--heading-fnt);\n  font-weight: 400;\n}\n\nh2 {\n  font-size: 2.5rem;\n}\n\np,\nspan {\n  font-family: var(--text-fnt);\n  font-weight: 400;\n}\n\nbody {\n  color: white;\n  background-color: var(--background-clr);\n}\n\nheader {\n  display: flex;\n  height: var(--hd-height);\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 var(--hd-padding);\n  border: var(--logo-brd);\n  margin: var(--side-mrg) var(--side-mrg) 0;\n}\n\nheader > nav > button {\n  background-color: var(--background-clr);\n  color: var(--aboutUs-backClr);\n  border: none;\n  cursor: pointer;\n  font-size: 0.938rem;\n}\n\nheader > svg {\n  color: white;\n  width: 28px;\n}\n\nheader > h1 {\n  translate: calc(-50% - 25px);\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding: 0 20px;\n  border-left: var(--logo-brd);\n  border-right: var(--logo-brd);\n  font-family: var(--header-fnt);\n  font-weight: normal;\n  font-size: 2.5rem;\n}\n\nsection {\n  padding: var(--side-mrg);\n}\n\na {\n  text-decoration: none;\n  color: inherit;\n  width: 100%;\n  height: 100%;\n  padding: calc(1px + 1rem) calc(6px + 1.9rem);\n  box-sizing: border-box;\n  display: block;\n}\n\n:root.home {\n  section#hero {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(--side-mrg);\n    max-height: calc(100vh - var(--hd-height) - var(--side-mrg));\n    height: calc(100vh - var(--hd-height) - var(--side-mrg));\n  }\n\n  section#hero h1 {\n    font-size: 3.807rem;\n    width: 500px;\n    line-height: 1.2;\n  }\n\n  section#hero button {\n    font-size: 1.15rem;\n    padding: 0;\n    margin-top: 40px;\n  }\n\n  section#hero > div {\n    margin-left: calc(\n      var(--hd-padding) + 7px\n    ); /* cuz the buttons also have padding */\n  }\n\n  img.hero {\n    max-height: 100%;\n  }\n\n  section#about-us {\n    background-color: var(--aboutUs-backClr);\n    color: black;\n    display: flex;\n    flex-direction: column;\n    padding: 100px 0;\n    align-items: center;\n  }\n\n  section#about-us > p {\n    width: min(1100px, calc(100vw - 20px));\n    line-height: 1.5;\n  }\n\n  section#about-us > h2 {\n    width: min(1100px, calc(100vw - 20px));\n    padding-bottom: 10px;\n  }\n\n  section#about-us > h2::after {\n    content: "";\n    display: block;\n    width: 308px;\n    height: 1px;\n    background-color: #c1c1c1;\n    position: relative;\n    top: -10px;\n  }\n\n  section#opening-hours {\n    display: flex;\n    height: 100vh;\n  }\n\n  section#opening-hours > .right-side {\n    position: relative;\n  }\n\n  section#opening-hours > .right-side::after {\n    content: "";\n    display: block;\n    position: absolute;\n    border-top: solid 1.5px var(--line-clr);\n    width: 95%;\n    left: 50%;\n    top: 100%;\n    translate: -50%;\n    background-color: var(--line-clr);\n  }\n\n  section#opening-hours > img {\n    max-height: 100%;\n    width: auto;\n  }\n\n  section#opening-hours > .right-side {\n    flex: 1 1 auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n  }\n\n  section#opening-hours > .right-side > .table {\n    grid-template: repeat(7, 1fr) / repeat(2, 1fr);\n    min-width: 450px;\n    flex-grow: 0.5;\n    align-items: stretch;\n    padding-top: 5px;\n  }\n\n  section#opening-hours > .right-side > .table > span {\n    display: grid;\n    align-items: center;\n  }\n\n  section#opening-hours > .right-side > .table > :nth-child(2n) {\n    text-align: end;\n    border-left: var(--logo-brd);\n  }\n\n  section#opening-hours > .right-side > h2::after {\n    content: "";\n    display: block;\n    background-color: var(--line-clr);\n    width: calc(100% + 80px);\n    border-top: solid 1.5px var(--line-clr);\n    position: relative;\n    top: 0px;\n    left: 50%;\n    translate: -50%;\n  }\n\n  section#opening-hours {\n    padding: var(--side-mrg);\n  }\n\n  img.border {\n    border: var(--logo-brd);\n  }\n\n  section#location {\n    display: flex;\n    align-items: center;\n    min-height: 100vh;\n  }\n\n  section#location > .container {\n    grid-template: 1fr / 1fr 1.5fr;\n    flex: 1 1 auto;\n  }\n\n  section#location > .container > img {\n    object-fit: cover;\n    width: 100%;\n    height: 400px;\n    justify-self: end;\n  }\n\n  section#location > .container > div {\n    align-self: start;\n    padding-left: calc(var(--hd-padding) + var(--side-mrg));\n  }\n}\n\n:root.menu {\n  --margin: calc(var(--hd-padding) + 6px);\n\n  section.menu > h2 {\n    margin: var(--margin) var(--margin) 20px;\n  }\n\n  section.menu > div.dishes {\n    margin: 0 var(--margin);\n  }\n\n  div.dishes {\n    --row: 430px;\n    --column: 300px;\n    display: grid;\n    grid-template: var(--row) / repeat(auto-fill, minmax(var(--column), 1fr));\n    grid-auto-rows: var(--row);\n    gap: 20px;\n  }\n\n  div.dishes > div.dish {\n    --background-clr: #070707;\n    display: grid;\n    grid-template: 2.1fr 1.2fr / 1fr;\n    border: var(--logo-brd);\n    background-color: var(--background-clr);\n    transition: all 180ms ease-out;\n  }\n\n  div.dish:hover {\n    --translate: -10px;\n    --shadow: 10px;\n    transform: scale(1.01);\n    translate: var(--translate) var(--translate);\n    box-shadow: var(--shadow) var(--shadow) 0px black;\n  }\n\n  div.bottom h3 {\n    font-weight: 700;\n    font-size: 1rem;\n  }\n\n  div.bottom :first-child :last-child {\n    font-family: "inika";\n    font-size: 1.5rem;\n    font-weight: 400;\n  }\n\n  div.bottom .name :last-child::before {\n    content: "₹";\n    font-size: 0.9rem;\n    font-weight: 100;\n    color: #a1a1a1;\n  }\n\n  div.dishes > div.dish > img {\n    object-fit: cover;\n    min-height: 0;\n    height: 100%;\n    width: 100%;\n    border-bottom: var(--logo-brd);\n  }\n\n  div.dishes > div.dish > div svg {\n    height: 20px;\n  }\n\n  div.dishes > div.dish > div.bottom > p {\n    overflow-y: clip;\n    height: 6ch;\n  }\n\n  div.bottom {\n    --padding: 10px;\n    padding: var(--padding);\n    display: flex;\n    flex-direction: column;\n  }\n\n  div.bottom div:first-child {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: 3px;\n  }\n\n  div.dishes div.button {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 5px;\n    margin-top: auto;\n  }\n\n  div.dishes div.button > button {\n    width: 70px;\n    height: 32px;\n    font-size: 0.83rem;\n  }\n\n  div.bottom p {\n    font-size: 0.75rem;\n    color: #cdcdcd;\n    line-heihgt: 1.23;\n    position: relative;\n  }\n}\n`,""]);const E=w},314:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t="",o=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),o&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=n(e),o&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t})).join("")},e.i=function(n,t,o,r,i){"string"==typeof n&&(n=[[null,n,void 0]]);var a={};if(o)for(var s=0;s<this.length;s++){var d=this[s][0];null!=d&&(a[d]=!0)}for(var l=0;l<n.length;l++){var c=[].concat(n[l]);o&&a[c[0]]||(void 0!==i&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=i),t&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=t):c[2]=t),r&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=r):c[4]="".concat(r)),e.push(c))}},e}},417:n=>{n.exports=function(n,e){return e||(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]|(%20)/.test(n)||e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},601:n=>{n.exports=function(n){return n[1]}},72:n=>{var e=[];function t(n){for(var t=-1,o=0;o<e.length;o++)if(e[o].identifier===n){t=o;break}return t}function o(n,o){for(var i={},a=[],s=0;s<n.length;s++){var d=n[s],l=o.base?d[0]+o.base:d[0],c=i[l]||0,p="".concat(l," ").concat(c);i[l]=c+1;var h=t(p),f={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(-1!==h)e[h].references++,e[h].updater(f);else{var u=r(f,o);o.byIndex=s,e.splice(s,0,{identifier:p,updater:u,references:1})}a.push(p)}return a}function r(n,e){var t=e.domAPI(e);return t.update(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;t.update(n=e)}else t.remove()}}n.exports=function(n,r){var i=o(n=n||[],r=r||{});return function(n){n=n||[];for(var a=0;a<i.length;a++){var s=t(i[a]);e[s].references--}for(var d=o(n,r),l=0;l<i.length;l++){var c=t(i[l]);0===e[c].references&&(e[c].updater(),e.splice(c,1))}i=d}}},659:n=>{var e={};n.exports=function(n,t){var o=function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}e[n]=t}return e[n]}(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(t)}},540:n=>{n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},56:(n,e,t)=>{n.exports=function(n){var e=t.nc;e&&n.setAttribute("nonce",e)}},825:n=>{n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(t){!function(n,e,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var r=void 0!==t.layer;r&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,r&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var i=t.sourceMap;i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleTagTransform(o,n,e.options)}(e,n,t)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}},113:n=>{n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},915:(n,e,t)=>{n.exports=t.p+"IngridDarling-Regular.woff"},409:(n,e,t)=>{n.exports=t.p+"bold-inika.woff2"},666:(n,e,t)=>{n.exports=t.p+"regular-inika.woff2"},981:(n,e,t)=>{n.exports=t.p+"bold.woff"},255:(n,e,t)=>{n.exports=t.p+"extrabold.woff"},238:(n,e,t)=>{n.exports=t.p+"light.woff"},161:(n,e,t)=>{n.exports=t.p+"medium.woff"},673:(n,e,t)=>{n.exports=t.p+"normal.woff"},398:(n,e,t)=>{n.exports=t.p+"regular.woff"},368:(n,e,t)=>{n.exports=t.p+"semi-bold.woff"}},e={};function t(o){var r=e[o];if(void 0!==r)return r.exports;var i=e[o]={id:o,exports:{}};return n[o](i,i.exports,t),i.exports}t.m=n,t.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return t.d(e,{a:e}),e},t.d=(n,e)=>{for(var o in e)t.o(e,o)&&!t.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:e[o]})},t.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(n){if("object"==typeof window)return window}}(),t.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),(()=>{var n;t.g.importScripts&&(n=t.g.location+"");var e=t.g.document;if(!n&&e&&(e.currentScript&&(n=e.currentScript.src),!n)){var o=e.getElementsByTagName("script");if(o.length)for(var r=o.length-1;r>-1&&(!n||!/^http(s?):/.test(n));)n=o[r--].src}if(!n)throw new Error("Automatic publicPath is not supported in this browser");n=n.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t.p=n})(),t.b=document.baseURI||self.location.href,t.nc=void 0,(()=>{var n=t(72),e=t.n(n),o=t(825),r=t.n(o),i=t(659),a=t.n(i),s=t(56),d=t.n(s),l=t(540),c=t.n(l),p=t(113),h=t.n(p),f=t(662),u={};u.styleTagTransform=h(),u.setAttributes=d(),u.insert=a().bind(null,"head"),u.domAPI=r(),u.insertStyleElement=c(),e()(f.A,u),f.A&&f.A.locals&&f.A.locals;var m=t(159),g={};g.styleTagTransform=h(),g.setAttributes=d(),g.insert=a().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=c(),e()(m.A,g),m.A&&m.A.locals&&m.A.locals,t.p,t.p,t.p;const v=document.querySelector("body"),b=document.querySelector(":root"),w=n=>b.setAttribute("class",n);function y(){document.querySelector("div#content").remove(),v.appendChild(x("div","","content"))}function x(n,e,t,o,r,i){const a=document.createElement(n);return e&&a.setAttribute("class",e),t&&a.setAttribute("id",t),o&&(a.textContent=o),r&&(a.src=r),i&&(a.alt=i),a.appendChildren=function(){for(let n=0;n<arguments.length;n++)this.appendChild(arguments[n])},a}const k=[function(n){const e=x("div"),t=x("img","hero","","","./hero-image.jpg","Delicious kebab");e.appendChild(x("h1","","","Best food you will find in Dehradun"));const o=x("button","",""),r=x("a","","","Learn More");r.href="#about-us",o.appendChild(r),e.appendChild(o),n.appendChild(e),n.appendChild(t)},function(n){n.appendChild(x("h2","","","About us")),n.appendChild(x("p","","","\n        At Chilliz, we believe that every meal should be a delightful journey\n        of flavors, crafted with passion and served with warmth. Nestled in\n        the heart of Dehradun, our restaurant is a culinary haven where\n        exquisite cuisine meets inviting ambiance. Our dedicated team of chefs\n        brings together a fusion of traditional recipes and innovative\n        techniques, sourcing the finest ingredients to create dishes that\n        tantalize the palate. Whether you're joining us for a casual brunch, a\n        romantic dinner, or a celebration with loved ones, we strive to\n        provide an unforgettable dining experience. At chilliz, we're not just\n        about serving food; we're about creating memories and fostering\n        connections. Welcome to our table; let us enchant you with our\n        culinary delights\n      "))},function(n){const e=[["Sunday","8am-9pm"],["Monday","8am-9pm"],["Tuesday","8am-9pm"],["Wednesday","8am-9pm"],["Thursday","8am-9pm"],["Friday","8am-9pm"],["Saturday","8am-9pm"]],t=x("div","right-side");t.appendChild(x("h2","","","Opening hours"));const o=x("div","grid table");for(let n of e)for(let e of n)o.appendChild(x("span","","",e));t.appendChild(o),n.appendChild(x("img","border","","","restaurant-indoors.jpg","Inside view of the restaurant")),n.appendChild(t)},function(n){const e=x("div","container grid"),t=x("div","grid");t.appendChild(x("h2","","","Location")),t.appendChild(x("p","","","Uttrakhand, Dehradun, 31 Street, chilliz")),t.appendChild(x("p","","","Phone: 78945612354682154")),t.appendChild(x("p","","","Email: totallyFake@mail.com")),e.appendChild(t),e.appendChild(x("img","border","","","./map.jpeg","map")),n.appendChild(e)}];function C(){y(),w("home");const n=document.querySelector("div#content");[x("section","","hero"),x("section","","about-us"),x("section","","opening-hours"),x("section","","location")].forEach(((e,t)=>{k[t](e),n.appendChild(e)}))}function A(n,e,t,o){const r=x("img","","","",`./${n}`,"Food image"),i=x("h3","","",e),a=x("div","","",o),s=x("p","","",t),d=x("div","dish container"),l=x("div","bottom"),c=x("button","","","buy"),p=function(){const n="http://www.w3.org/2000/svg",e=document.createElementNS(n,"svg"),t=document.createElementNS(n,"path");return e.setAttribute("xmlns",n),e.setAttribute("viewBox","0 0 24 24"),e.setAttribute("fill","currentColor"),e.setAttribute("class","w-6 h-6"),t.setAttribute("d","M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"),e.appendChild(t),e}(),h=x("div","button"),f=x("div","name price");return h.appendChildren(c,p),f.appendChildren(i,a),l.appendChildren(f,s,h),d.appendChildren(r,l),d}t.p,t.p,t.p,t.p,t.p,t.p;const I=[A("butter-chicken.jpg","Butter Chicken","A rich and creamy chicken dish cooked in a tomato-based gravy with butter and cream, often flavored with various spices.","500"),A("palak-paneer.jpg","Palak Paneer","A vegetarian dish made from spinach (palak) and paneer (Indian cottage cheese). It's typically cooked with garlic, garam masala, and other spices to create a flavorful gravy.","800"),A("masala-dosa.jpg","Masala Dosa","A South Indian specialty, masala dosa is a fermented crepe made from rice batter and black lentils, filled with a spiced potato mixture and served with coconut chutney and sambar (a lentil-based stew).","390"),A("panni-puri.jpg","Pani Puri","A popular street food snack consisting of hollow puri (crispy round shells) filled with a mixture of flavored water, tamarind chutney, chaat masala, potato, onion, and chickpeas. It offers a burst of sweet, sour, tangy, and spicy flavors in every bite.","200"),A("malai-kofta.jpg","Malai Kofta","A rich and indulgent vegetarian dish made from deep-fried dumplings (koftas) made of paneer, potatoes, nuts, and spices, served in a creamy tomato-based gravy flavored with cream, butter, and various spices. It's a favorite at many Indian restaurants for its luxurious taste and texture.","790")];function j(){y(),w("menu");const n=document.getElementById("content"),e=x("section","menu"),t=x("h2","","","Our Menu"),o=x("div","dishes");o.appendChildren(...I),e.appendChildren(t,o),n.appendChild(e)}document.querySelectorAll("header>nav>button").forEach(((n,e)=>{let t=null;switch(e){case 0:t=C;break;case 1:t=j}n.addEventListener("click",t)})),C()})()})();
\ No newline at end of file
+(()=>{var n={662:(n,e,t)=>{"use strict";t.d(e,{A:()=>s});var o=t(601),r=t.n(o),i=t(314),a=t.n(i)()(r());a.push([n.id,"/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n* {\n  margin: 0;\n}\nbody {\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n}\nimg,\npicture,\nvideo,\ncanvas,\nsvg {\n  display: block;\n  max-width: 100%;\n}\ninput,\nbutton,\ntextarea,\nselect {\n  font: inherit;\n}\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n#root,\n#__next {\n  isolation: isolate;\n}\n",""]);const s=a},159:(n,e,t)=>{"use strict";t.d(e,{A:()=>E});var o=t(601),r=t.n(o),i=t(314),a=t.n(i),s=t(417),d=t.n(s),l=new URL(t(161),t.b),c=new URL(t(368),t.b),p=new URL(t(981),t.b),u=new URL(t(238),t.b),h=new URL(t(673),t.b),f=new URL(t(398),t.b),m=new URL(t(255),t.b),g=new URL(t(409),t.b),v=new URL(t(666),t.b),b=new URL(t(915),t.b),y=a()(r()),w=d()(l),x=d()(c),k=d()(p),C=d()(u),A=d()(h),S=d()(f),I=d()(m),j=d()(g),q=d()(v),z=d()(b);y.push([n.id,`@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${w}) format("woff");\n  font-weight: 500;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${x}) format("woff");\n  font-weight: 600;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${k}) format("woff");\n  font-weight: 700;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${C}) format("woff");\n  font-weight: 300;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${A}) format("woff");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${S}) format("woff");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Inknut antiqua";\n  src: url(${I}) format("woff");\n  font-weight: 800;\n  font-style: normal;\n}\n@font-face {\n  font-family: "inika";\n  src: url(${j}) format("woff2");\n  font-weight: 700;\n  font-style: normal;\n}\n@font-face {\n  font-family: "inika";\n  src: url(${q}) format("woff2");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: "Ingrid darling";\n  src: url(${z}) format("woff");\n  font-weight: normal;\n  font-style: normal;\n}\n\n:root {\n  --side-mrg: 10px;\n  --hd-padding: 31px;\n  --hd-height: 60px;\n  --line-wid: 1.5px;\n  --logo-brd: var(--line-wid) solid #323232;\n  --line-clr: #323232;\n  --background-clr: #131313;\n  --header-fnt: "Ingrid darling", Roboto, Helvetica, serif;\n  --heading-fnt: "Inknut antiqua", serif;\n  --text-fnt: "inika", sans-serif;\n  --aboutUs-backClr: #f1f0f0;\n  --animation-time: all 200ms ease-out;\n  scrollbar-color: #575757 #2d2d2d;\n  scrollbar-width: thin;\n  scroll-behavior: smooth;\n}\n\n.x-mark,\n.three-bars {\n  display: none;\n  z-index: 99999;\n}\n\n::marker {\n  content: "";\n}\n\n@media only screen and (max-width: 600px) {\n  header > nav {\n    position: fixed;\n    inset: 0 30% 0 0;\n    background-color: #131313eb;\n    z-index: 9999;\n    padding-top: 30vh;\n    backdrop-filter: blur(20px);\n    transform: translateX(-100%);\n    transition: transform 500ms ease-out;\n  }\n\n  header > nav button {\n    padding-bottom: 2px;\n  }\n\n  .three-bars {\n    display: block;\n  }\n}\n\n@media only screen and (min-width: 600px) {\n  header > nav > ul {\n    display: flex;\n    padding-left: 0;\n  }\n}\n\n.grid {\n  display: grid;\n}\n\nbutton:not(header button) {\n  background-color: transparent;\n  color: white;\n  border: var(--logo-brd);\n  transition: var(--animation-time);\n}\n\nbutton:not(header button):hover {\n  background-color: var(--aboutUs-backClr);\n  color: var(--background-clr);\n  border: 1px solid var(--aboutUs-backClr);\n  cursor: pointer;\n}\n\nh1,\nh2,\nh3,\nbutton {\n  font-family: var(--heading-fnt);\n  font-weight: 400;\n}\n\nh2 {\n  font-size: 2.5rem;\n}\n\np,\nspan {\n  font-family: var(--text-fnt);\n  font-weight: 400;\n}\n\nbody {\n  color: white;\n  background-color: var(--background-clr);\n}\n\nheader {\n  display: flex;\n  height: var(--hd-height);\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 var(--hd-padding);\n  border: var(--logo-brd);\n  margin: var(--side-mrg) var(--side-mrg) 0;\n  position: relative;\n}\n\nheader > nav button {\n  background-color: transparent;\n  color: var(--aboutUs-backClr);\n  border: none;\n  cursor: pointer;\n  font-size: 0.938rem;\n}\n\nheader > svg {\n  color: white;\n  width: 28px;\n}\n\nheader > h1 {\n  height: 100%;\n  padding: 0 20px;\n  border-left: var(--logo-brd);\n  border-right: var(--logo-brd);\n  font-family: var(--header-fnt);\n  font-weight: normal;\n  font-size: 2.5rem;\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\nsection {\n  padding: var(--side-mrg);\n}\n\na {\n  text-decoration: none;\n  color: inherit;\n  width: 100%;\n  height: 100%;\n  padding: calc(1px + 1rem) calc(6px + 1.9rem);\n  box-sizing: border-box;\n  display: block;\n}\n\n:root.home {\n  section#hero {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: var(--side-mrg);\n    max-height: calc(100vh - var(--hd-height) - var(--side-mrg));\n    height: calc(100vh - var(--hd-height) - var(--side-mrg));\n  }\n\n  section#hero h1 {\n    font-size: 3.807rem;\n    width: 500px;\n    line-height: 1.2;\n  }\n\n  section#hero button {\n    font-size: 1.15rem;\n    padding: 0;\n    margin-top: 40px;\n  }\n\n  section#hero > div {\n    margin-left: calc(\n      var(--hd-padding) + 7px\n    ); /* cuz the buttons also have padding */\n  }\n\n  img.hero {\n    max-height: 100%;\n  }\n\n  section#about-us {\n    background-color: var(--aboutUs-backClr);\n    color: black;\n    display: flex;\n    flex-direction: column;\n    padding: 100px 0;\n    align-items: center;\n  }\n\n  section#about-us > p {\n    width: min(1100px, calc(100vw - 20px));\n    line-height: 1.5;\n  }\n\n  section#about-us > h2 {\n    width: min(1100px, calc(100vw - 20px));\n    padding-bottom: 10px;\n  }\n\n  section#about-us > h2::after {\n    content: "";\n    display: block;\n    width: 308px;\n    height: 1px;\n    background-color: #c1c1c1;\n    position: relative;\n    top: -10px;\n  }\n\n  section#opening-hours {\n    display: flex;\n    height: 100vh;\n  }\n\n  section#opening-hours > .right-side {\n    position: relative;\n  }\n\n  section#opening-hours > .right-side::after {\n    content: "";\n    display: block;\n    position: absolute;\n    border-top: solid 1.5px var(--line-clr);\n    width: 95%;\n    left: 50%;\n    top: 100%;\n    translate: -50%;\n    background-color: var(--line-clr);\n  }\n\n  section#opening-hours > img {\n    max-height: 100%;\n    width: auto;\n  }\n\n  section#opening-hours > .right-side {\n    flex: 1 1 auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n  }\n\n  section#opening-hours > .right-side > .table {\n    grid-template: repeat(7, 1fr) / repeat(2, 1fr);\n    min-width: 450px;\n    flex-grow: 0.5;\n    align-items: stretch;\n    padding-top: 5px;\n  }\n\n  section#opening-hours > .right-side > .table > span {\n    display: grid;\n    align-items: center;\n  }\n\n  section#opening-hours > .right-side > .table > :nth-child(2n) {\n    text-align: end;\n    border-left: var(--logo-brd);\n  }\n\n  section#opening-hours > .right-side > h2::after {\n    content: "";\n    display: block;\n    background-color: var(--line-clr);\n    width: calc(100% + 80px);\n    border-top: solid 1.5px var(--line-clr);\n    position: relative;\n    top: 0px;\n    left: 50%;\n    translate: -50%;\n  }\n\n  section#opening-hours {\n    padding: var(--side-mrg);\n  }\n\n  img.border {\n    border: var(--logo-brd);\n  }\n\n  section#location {\n    display: flex;\n    align-items: center;\n    min-height: 100vh;\n  }\n\n  section#location > .container {\n    grid-template: 1fr / 1fr 1.5fr;\n    flex: 1 1 auto;\n  }\n\n  section#location > .container > img {\n    object-fit: cover;\n    width: 100%;\n    height: 400px;\n    justify-self: end;\n  }\n\n  section#location > .container > div {\n    align-self: start;\n    padding-left: calc(var(--hd-padding) + var(--side-mrg));\n  }\n}\n\n:root.menu {\n  --margin: calc(var(--hd-padding) + 6px);\n\n  section.menu > h2 {\n    margin: var(--margin) var(--margin) 20px;\n  }\n\n  section.menu > div.dishes {\n    margin: 0 var(--margin);\n  }\n\n  div.dishes {\n    --row: 430px;\n    --column: 300px;\n    display: grid;\n    grid-template: var(--row) / repeat(auto-fill, minmax(var(--column), 1fr));\n    grid-auto-rows: var(--row);\n    gap: 20px;\n  }\n\n  div.dishes > div.dish {\n    --background-clr: #070707;\n    display: grid;\n    grid-template: 2.1fr 1.2fr / 1fr;\n    border: var(--logo-brd);\n    background-color: var(--background-clr);\n    transition: all 180ms ease-out;\n  }\n\n  div.dish:hover {\n    --translate: -10px;\n    --shadow: 10px;\n    transform: scale(1.01);\n    translate: var(--translate) var(--translate);\n    box-shadow: var(--shadow) var(--shadow) 0px black;\n  }\n\n  div.bottom h3 {\n    font-weight: 700;\n    font-size: 1rem;\n  }\n\n  div.bottom :first-child :last-child {\n    font-family: "inika";\n    font-size: 1.5rem;\n    font-weight: 400;\n  }\n\n  div.bottom .name :last-child::before {\n    content: "₹";\n    font-size: 0.9rem;\n    font-weight: 100;\n    color: #a1a1a1;\n  }\n\n  div.dishes > div.dish > img {\n    object-fit: cover;\n    min-height: 0;\n    height: 100%;\n    width: 100%;\n    border-bottom: var(--logo-brd);\n  }\n\n  div.dishes > div.dish > div svg {\n    height: 20px;\n  }\n\n  div.dishes > div.dish > div.bottom > p {\n    overflow-y: clip;\n    height: 6ch;\n  }\n\n  div.bottom {\n    --padding: 10px;\n    padding: var(--padding);\n    display: flex;\n    flex-direction: column;\n  }\n\n  div.bottom div:first-child {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: 3px;\n  }\n\n  div.dishes div.button {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 5px;\n    margin-top: auto;\n  }\n\n  div.dishes div.button > button {\n    width: 70px;\n    height: 32px;\n    font-size: 0.83rem;\n  }\n\n  div.bottom p {\n    font-size: 0.75rem;\n    color: #cdcdcd;\n    line-heihgt: 1.23;\n    position: relative;\n  }\n}\n`,""]);const E=y},314:n=>{"use strict";n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t="",o=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),o&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=n(e),o&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t})).join("")},e.i=function(n,t,o,r,i){"string"==typeof n&&(n=[[null,n,void 0]]);var a={};if(o)for(var s=0;s<this.length;s++){var d=this[s][0];null!=d&&(a[d]=!0)}for(var l=0;l<n.length;l++){var c=[].concat(n[l]);o&&a[c[0]]||(void 0!==i&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=i),t&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=t):c[2]=t),r&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=r):c[4]="".concat(r)),e.push(c))}},e}},417:n=>{"use strict";n.exports=function(n,e){return e||(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]|(%20)/.test(n)||e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},601:n=>{"use strict";n.exports=function(n){return n[1]}},72:n=>{"use strict";var e=[];function t(n){for(var t=-1,o=0;o<e.length;o++)if(e[o].identifier===n){t=o;break}return t}function o(n,o){for(var i={},a=[],s=0;s<n.length;s++){var d=n[s],l=o.base?d[0]+o.base:d[0],c=i[l]||0,p="".concat(l," ").concat(c);i[l]=c+1;var u=t(p),h={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(-1!==u)e[u].references++,e[u].updater(h);else{var f=r(h,o);o.byIndex=s,e.splice(s,0,{identifier:p,updater:f,references:1})}a.push(p)}return a}function r(n,e){var t=e.domAPI(e);return t.update(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;t.update(n=e)}else t.remove()}}n.exports=function(n,r){var i=o(n=n||[],r=r||{});return function(n){n=n||[];for(var a=0;a<i.length;a++){var s=t(i[a]);e[s].references--}for(var d=o(n,r),l=0;l<i.length;l++){var c=t(i[l]);0===e[c].references&&(e[c].updater(),e.splice(c,1))}i=d}}},659:n=>{"use strict";var e={};n.exports=function(n,t){var o=function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}e[n]=t}return e[n]}(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(t)}},540:n=>{"use strict";n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},56:(n,e,t)=>{"use strict";n.exports=function(n){var e=t.nc;e&&n.setAttribute("nonce",e)}},825:n=>{"use strict";n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(t){!function(n,e,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var r=void 0!==t.layer;r&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,r&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var i=t.sourceMap;i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleTagTransform(o,n,e.options)}(e,n,t)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}},113:n=>{"use strict";n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},982:()=>{const n=document.querySelector("header>nav"),e=document.querySelector(".three-bars"),t=document.querySelector(".x-mark");e.addEventListener("click",(()=>{e.style.display="none",t.style.display="block",n.style.transform="translateX(0%)"})),t.addEventListener("click",(()=>{e.style.display="block",t.style.display="none",n.style.transform="translateX(-100%)"}))},915:(n,e,t)=>{"use strict";n.exports=t.p+"IngridDarling-Regular.woff"},409:(n,e,t)=>{"use strict";n.exports=t.p+"bold-inika.woff2"},666:(n,e,t)=>{"use strict";n.exports=t.p+"regular-inika.woff2"},981:(n,e,t)=>{"use strict";n.exports=t.p+"bold.woff"},255:(n,e,t)=>{"use strict";n.exports=t.p+"extrabold.woff"},238:(n,e,t)=>{"use strict";n.exports=t.p+"light.woff"},161:(n,e,t)=>{"use strict";n.exports=t.p+"medium.woff"},673:(n,e,t)=>{"use strict";n.exports=t.p+"normal.woff"},398:(n,e,t)=>{"use strict";n.exports=t.p+"regular.woff"},368:(n,e,t)=>{"use strict";n.exports=t.p+"semi-bold.woff"}},e={};function t(o){var r=e[o];if(void 0!==r)return r.exports;var i=e[o]={id:o,exports:{}};return n[o](i,i.exports,t),i.exports}t.m=n,t.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return t.d(e,{a:e}),e},t.d=(n,e)=>{for(var o in e)t.o(e,o)&&!t.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:e[o]})},t.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(n){if("object"==typeof window)return window}}(),t.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),(()=>{var n;t.g.importScripts&&(n=t.g.location+"");var e=t.g.document;if(!n&&e&&(e.currentScript&&(n=e.currentScript.src),!n)){var o=e.getElementsByTagName("script");if(o.length)for(var r=o.length-1;r>-1&&(!n||!/^http(s?):/.test(n));)n=o[r--].src}if(!n)throw new Error("Automatic publicPath is not supported in this browser");n=n.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t.p=n})(),t.b=document.baseURI||self.location.href,t.nc=void 0,(()=>{"use strict";var n=t(72),e=t.n(n),o=t(825),r=t.n(o),i=t(659),a=t.n(i),s=t(56),d=t.n(s),l=t(540),c=t.n(l),p=t(113),u=t.n(p),h=t(662),f={};f.styleTagTransform=u(),f.setAttributes=d(),f.insert=a().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=c(),e()(h.A,f),h.A&&h.A.locals&&h.A.locals;var m=t(159),g={};g.styleTagTransform=u(),g.setAttributes=d(),g.insert=a().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=c(),e()(m.A,g),m.A&&m.A.locals&&m.A.locals,t.p,t.p,t.p;const v=document.querySelector("body"),b=document.querySelector(":root"),y=n=>b.setAttribute("class",n);function w(){document.querySelector("div#content").remove(),v.appendChild(x("div","","content"))}function x(n,e,t,o,r,i){const a=document.createElement(n);return e&&a.setAttribute("class",e),t&&a.setAttribute("id",t),o&&(a.textContent=o),r&&(a.src=r),i&&(a.alt=i),a.appendChildren=function(){for(let n=0;n<arguments.length;n++)this.appendChild(arguments[n])},a}const k=[function(n){const e=x("div"),t=x("img","hero","","","./hero-image.jpg","Delicious kebab");e.appendChild(x("h1","","","Best food you will find in Dehradun"));const o=x("button","",""),r=x("a","","","Learn More");r.href="#about-us",o.appendChild(r),e.appendChild(o),n.appendChild(e),n.appendChild(t)},function(n){n.appendChild(x("h2","","","About us")),n.appendChild(x("p","","","\n        At Chilliz, we believe that every meal should be a delightful journey\n        of flavors, crafted with passion and served with warmth. Nestled in\n        the heart of Dehradun, our restaurant is a culinary haven where\n        exquisite cuisine meets inviting ambiance. Our dedicated team of chefs\n        brings together a fusion of traditional recipes and innovative\n        techniques, sourcing the finest ingredients to create dishes that\n        tantalize the palate. Whether you're joining us for a casual brunch, a\n        romantic dinner, or a celebration with loved ones, we strive to\n        provide an unforgettable dining experience. At chilliz, we're not just\n        about serving food; we're about creating memories and fostering\n        connections. Welcome to our table; let us enchant you with our\n        culinary delights\n      "))},function(n){const e=[["Sunday","8am-9pm"],["Monday","8am-9pm"],["Tuesday","8am-9pm"],["Wednesday","8am-9pm"],["Thursday","8am-9pm"],["Friday","8am-9pm"],["Saturday","8am-9pm"]],t=x("div","right-side");t.appendChild(x("h2","","","Opening hours"));const o=x("div","grid table");for(let n of e)for(let e of n)o.appendChild(x("span","","",e));t.appendChild(o),n.appendChild(x("img","border","","","restaurant-indoors.jpg","Inside view of the restaurant")),n.appendChild(t)},function(n){const e=x("div","container grid"),t=x("div","grid");t.appendChild(x("h2","","","Location")),t.appendChild(x("p","","","Uttrakhand, Dehradun, 31 Street, chilliz")),t.appendChild(x("p","","","Phone: 78945612354682154")),t.appendChild(x("p","","","Email: totallyFake@mail.com")),e.appendChild(t),e.appendChild(x("img","border","","","./map.jpeg","map")),n.appendChild(e)}];function C(){w(),y("home");const n=document.querySelector("div#content");[x("section","","hero"),x("section","","about-us"),x("section","","opening-hours"),x("section","","location")].forEach(((e,t)=>{k[t](e),n.appendChild(e)}))}function A(n,e,t,o){const r=x("img","","","",`./${n}`,"Food image"),i=x("h3","","",e),a=x("div","","",o),s=x("p","","",t),d=x("div","dish container"),l=x("div","bottom"),c=x("button","","","buy"),p=function(){const n="http://www.w3.org/2000/svg",e=document.createElementNS(n,"svg"),t=document.createElementNS(n,"path");return e.setAttribute("xmlns",n),e.setAttribute("viewBox","0 0 24 24"),e.setAttribute("fill","currentColor"),e.setAttribute("class","w-6 h-6"),t.setAttribute("d","M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"),e.appendChild(t),e}(),u=x("div","button"),h=x("div","name price");return u.appendChildren(c,p),h.appendChildren(i,a),l.appendChildren(h,s,u),d.appendChildren(r,l),d}t.p,t.p,t.p,t.p,t.p,t.p;const S=[A("butter-chicken.jpg","Butter Chicken","A rich and creamy chicken dish cooked in a tomato-based gravy with butter and cream, often flavored with various spices.","500"),A("palak-paneer.jpg","Palak Paneer","A vegetarian dish made from spinach (palak) and paneer (Indian cottage cheese). It's typically cooked with garlic, garam masala, and other spices to create a flavorful gravy.","800"),A("masala-dosa.jpg","Masala Dosa","A South Indian specialty, masala dosa is a fermented crepe made from rice batter and black lentils, filled with a spiced potato mixture and served with coconut chutney and sambar (a lentil-based stew).","390"),A("panni-puri.jpg","Pani Puri","A popular street food snack consisting of hollow puri (crispy round shells) filled with a mixture of flavored water, tamarind chutney, chaat masala, potato, onion, and chickpeas. It offers a burst of sweet, sour, tangy, and spicy flavors in every bite.","200"),A("malai-kofta.jpg","Malai Kofta","A rich and indulgent vegetarian dish made from deep-fried dumplings (koftas) made of paneer, potatoes, nuts, and spices, served in a creamy tomato-based gravy flavored with cream, butter, and various spices. It's a favorite at many Indian restaurants for its luxurious taste and texture.","790")];function I(){w(),y("menu");const n=document.getElementById("content"),e=x("section","menu"),t=x("h2","","","Our Menu"),o=x("div","dishes");o.appendChildren(...S),e.appendChildren(t,o),n.appendChild(e)}t(982),document.querySelectorAll("header>nav>ul button").forEach(((n,e)=>{let t=null;switch(e){case 0:t=C;break;case 1:t=I}n.addEventListener("click",t)})),C()})()})();
\ No newline at end of file
diff --git a/index.html b/index.html
index 040b47a..93c9b87 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Chilliz</title></head><body><header><nav><button type="button">Home</button> <button type="button">Menu</button> <button type="button">Contact</button></nav><h1>Chilliz</h1><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"><path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/></svg></header><div id="content" class="home"></div><script defer="defer" src="app.bundle.js"></script></body></html>
\ No newline at end of file
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Chilliz</title></head><body><header><svg class="three-bars" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"><path fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/></svg> <svg class="x-mark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"><path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg><nav><ul><li><button type="button">Home</button></li><li><button type="button">Menu</button></li><li><button type="button">Contact</button></li></ul></nav><h1>Chilliz</h1><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"><path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/></svg></header><div id="content" class="home"></div><script defer="defer" src="app.bundle.js"></script></body></html>
\ No newline at end of file