{"version":3,"sources":["webpack:///./src/components/home/covid.js","webpack:///./src/components/home/status.js","webpack:///./src/components/button.js","webpack:///./src/components/home/slider/slider1.js","webpack:///./src/components/home/slider/slider2.js","webpack:///./src/components/home/header.js","webpack:///./src/components/home/menu/card1.js","webpack:///./src/components/home/menu/card2.js","webpack:///./src/components/home/menu/card3.js","webpack:///./src/components/home/menu.js","webpack:///./src/components/home/specials.js","webpack:///./src/components/home/special-image.js","webpack:///./src/components/home/lunch-specials.js","webpack:///./src/pages/index.js","webpack:///./src/images/home/s1.jpg","webpack:///./src/images/home/s2.jpg"],"names":["Covid","className","Container","class","Status","href","Button","props","to","url","name","Slider1","src","SliderImage","alt","Slider2","Header","useEffect","slider","document","querySelector","imageSlideShow","sliderSlides","querySelectorAll","sliderSwitcher","sliderCount","length","i","createElement","appendChild","forwardSliderImage","classList","remove","add","startSlideShow","setInterval","nextSliderImage","clearInterval","prevBtn","addEventListener","backwardSliderImage","id","xmlns","width","height","viewBox","d","Card1","data","useStaticQuery","Card","key","file","inverse","fluid","childImageSharp","objectFit","Card2","Card3","Menu","CardColumns","Specials","internalResData","description","items","map","item","price","ImageCard","query","render","imgStyle","borderRadius","LunchSpecials","IndexPage","site","siteMetadata","siteUrl","tel","menu","priceRange","servesCuisine","acceptsReservations","streetAddress","addressLocality","addressRegion","postalCode","addressCountry","latitude","longitude","facebook","twitter","instagram","schema","image","Logo","telephone","address","geo","sameAs","schemaMarkup","title","keywords","module","exports"],"mappings":"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","file":"component---src-pages-index-js-2a4495d5d33f2814ec0e.js","sourcesContent":["import React from \"react\"\nimport { Container } from \"reactstrap\"\n\nconst Covid = () => (\n  <div className=\"covid\">\n    <Container>\n      <div class=\"image-box\">\n        <div>\n          <strong>Happy Hour : During Any Live Game!! <br/>(Monday-Friday 5:00pm to Close!!)</strong>\n          <br />\n          <br />\n          Bottled Beer: <br/>\n          All Bottle & Draft Beer: $4.50<br/>\n          <br />\n          Wine: \n          Glass     $4.00          <br />\n        \n        </div>\n      </div>\n    </Container>\n  </div>\n)\n\nexport default Covid\n","import React from \"react\"\nimport { Container } from \"reactstrap\"\n\nconst Status = () => (\n  <div className=\"status\">\n    <div className=\"status-bar\">\n      <Container>\n        <p className=\"text-center\">\n          We are now open for Take-out, Delivery, and Catering. Please give us a\n          call for any questions <br />\n          <a href=\"tel:818-841-8872\">818-841-8872</a>\n          <br/>\n        </p>\n      </Container>\n    </div>\n  </div>\n)\n\nexport default Status\n","import React from \"react\"\nimport { Link } from \"gatsby\"\n\nconst Button = props => {\n  return (\n    <Link className=\"btn my-button\" to={props.url}>\n      <span className=\"myover\">{props.name}</span>\n    </Link>\n  )\n}\n\nexport default Button\n","import React from \"react\"\n// import Img from \"gatsby-image\"\n//\n// import { useStaticQuery } from \"gatsby\"\nimport SliderImage from \"../../../images/home/s1.jpg\"\n\nconst Slider1 = () => {\n  //   const data = useStaticQuery(graphql`\n  //     {\n  //       file(relativePath: { eq: \"slider.jpg\" }) {\n  //         id\n  //         childImageSharp {\n  //           fluid {\n  //             ...GatsbyImageSharpFluid\n  //           }\n  //         }\n  //       }\n  //     }\n  //   `)\n  return (\n    <div className=\"nav-over\">\n      <img src={SliderImage} alt=\"Slider1\" />\n    </div>\n  )\n  //   return <Img fluid={data.file.childImageSharp.fluid} />\n}\n\nexport default Slider1\n","import React from \"react\"\n// import Img from \"gatsby-image\"\n// import { useStaticQuery } from \"gatsby\"\nimport SliderImage from \"../../../images/home/s2.jpg\"\n\nconst Slider2 = () => {\n  //   const data = useStaticQuery(graphql`\n  //     {\n  //       file(relativePath: { eq: \"slider.jpg\" }) {\n  //         id\n  //         childImageSharp {\n  //           fluid {\n  //             ...GatsbyImageSharpFluid\n  //           }\n  //         }\n  //       }\n  //     }\n  //   `)\n  return <img src={SliderImage} alt=\"Slider2\" />\n  //   return <Img fluid={data.file.childImageSharp.fluid} />\n}\n\nexport default Slider2\n","import React, { useEffect, Fragment } from \"react\"\nimport Status from \"./status\"\nimport Button from \"../button\"\nimport Slider1 from \"./slider/slider1\"\nimport Slider2 from \"./slider/slider2\"\n\nconst Header = () => {\n  useEffect(() => {\n    const slider = document.querySelector(\"#slider\")\n\n    if (slider) {\n      let sliderSlides = slider.querySelectorAll(\".slider-item\")\n      let sliderSwitcher = slider.querySelector(\".switch\")\n      const sliderCount = sliderSlides.length\n      let imageSlideShow\n      let i = 0\n      while (sliderSwitcher.querySelectorAll(\"i\").length !== sliderCount) {\n        let i = document.createElement(\"i\")\n        sliderSwitcher.appendChild(i)\n      }\n      sliderSwitcher = sliderSwitcher.querySelectorAll(\"i\")\n      const forwardSliderImage = i => {\n        if (i === 0) {\n          sliderSlides[sliderCount - 1].classList.remove(\"show\")\n          sliderSlides[sliderCount - 1].classList.add(\"close\")\n          sliderSwitcher[sliderCount - 1].classList.remove(\"active\")\n        } else {\n          sliderSlides[i - 1].classList.remove(\"show\")\n          sliderSlides[i - 1].classList.add(\"close\")\n          sliderSwitcher[i - 1].classList.remove(\"active\")\n        }\n        if (i === sliderCount - 1) {\n          sliderSlides[0].classList.remove(\"close\")\n        } else {\n          sliderSlides[i + 1].classList.remove(\"close\")\n        }\n        sliderSwitcher[i].classList.add(\"active\")\n        sliderSlides[i].classList.add(\"show\")\n      }\n\n      const backwardSliderImage = i => {\n        if (i === 0) {\n          sliderSlides[sliderCount - 1].classList.remove(\"show\")\n          sliderSlides[sliderCount - 1].classList.add(\"close\")\n          sliderSwitcher[sliderCount - 1].classList.remove(\"active\")\n        } else {\n          sliderSlides[i - 1].classList.remove(\"show\")\n          sliderSlides[i - 1].classList.add(\"close\")\n          sliderSwitcher[i - 1].classList.remove(\"active\")\n        }\n        if (i === sliderCount - 1) {\n          sliderSlides[0].classList.remove(\"close\")\n        } else {\n          sliderSlides[i + 1].classList.remove(\"close\")\n        }\n\n        if (i < sliderCount - 1) {\n          sliderSlides[i + 1].classList.remove(\"show\")\n          sliderSwitcher[i + 1].classList.remove(\"active\")\n        } else {\n          sliderSlides[0].classList.remove(\"show\")\n          sliderSwitcher[0].classList.remove(\"active\")\n        }\n        sliderSwitcher[i].classList.add(\"active\")\n        sliderSlides[i].classList.add(\"show\")\n      }\n\n      function startSlideShow() {\n        imageSlideShow = setInterval(() => {\n          nextSliderImage()\n        }, 5000)\n      }\n\n      function nextSliderImage() {\n        i++\n        if (i === sliderCount) {\n          i = 0\n        }\n        forwardSliderImage(i)\n        clearInterval(imageSlideShow)\n        startSlideShow()\n      }\n\n      function previousSliderImage() {\n        i--\n        if (i === -1) {\n          i = sliderCount - 1\n        }\n        backwardSliderImage(i)\n        clearInterval(imageSlideShow)\n        startSlideShow()\n      }\n\n      // initializing slider buttons\n      const prevBtn = slider.querySelector(\".prev\")\n      const nextBtn = slider.querySelector(\".next\")\n\n      // adding event listener to next and prev buttons\n      nextBtn.addEventListener(\"click\", nextSliderImage)\n      prevBtn.addEventListener(\"click\", previousSliderImage)\n\n      // showing 1st slide\n      forwardSliderImage(i)\n      startSlideShow()\n    }\n  })\n\n  return (\n    <Fragment>\n      <div className=\"slider-content d-flex justify-content-center\">\n        <Status />\n      </div>\n\n      <div className=\"slider\" id=\"slider\">\n        <div className=\"slider-item\">\n          <div className=\"slider-content d-flex justify-content-center\">\n            <div className=\"header-content text-center\">\n              <h1>WELCOME TO RIBS USA</h1>\n              <p>\n                Ribs USA. is a moderately priced Burbank family restaurant featuring\n                high quality barbecued foods.\n              </p>\n              <Button url=\"/about-us\" name=\"About Us\" />\n            </div>\n          </div>\n          <Slider1 />\n        </div>\n\n        <div className=\"slider-item\">\n          <div className=\"slider-content d-flex justify-content-center\">\n            <div className=\"header-content text-center\">\n              <h1>Check Out Our Full Menu</h1>\n              <p>\n                Ribs USA is a moderately priced family restaurant featuring\n                high quality barbecued foods.\n              </p>\n              <Button url=\"/full-menu\" name=\"Full Menu\" />\n            </div>\n          </div>\n          <Slider2 />\n        </div>\n\n        <button className=\"prev\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path d=\"M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z\" />\n          </svg>\n        </button>\n        <button className=\"next\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path d=\"M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z\" />\n          </svg>\n        </button>\n\n        <span className=\"switch\"></span>\n      </div>\n    </Fragment>\n  )\n}\n\nexport default Header\n","import React from \"react\"\nimport Img from \"gatsby-image\"\nimport { Card } from \"reactstrap\"\nimport { Link, useStaticQuery, graphql } from \"gatsby\"\n\nconst Card1 = () => {\n  const data = useStaticQuery(graphql`\n    {\n      file(relativePath: { eq: \"m1.jpg\" }) {\n        id\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  return (\n    <Card className=\"menu-image\" key={data.file.id} inverse>\n      <div className=\"over-menu\">\n        <h3>\n          <Link className=\"btn my-button\" to=\"/full-menu\">\n            <span className=\"myover\">Full Menu</span>\n          </Link>\n        </h3>\n      </div>\n      <Img\n        className=\"card-img-top\"\n        fluid={data.file.childImageSharp.fluid}\n        objectFit=\"cover\"\n      />\n    </Card>\n  )\n}\n\nexport default Card1\n","import React from \"react\"\nimport Img from \"gatsby-image\"\nimport { Card } from \"reactstrap\"\nimport { Link, useStaticQuery, graphql } from \"gatsby\"\n\nconst Card2 = () => {\n  const data = useStaticQuery(graphql`\n    {\n      file(relativePath: { eq: \"m2.jpg\" }) {\n        id\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  return (\n    <Card className=\"menu-image\" key={data.file.id} inverse>\n      <div className=\"over-menu\">\n        <h3>\n          <Link className=\"btn my-button\" to=\"/catering-menu\">\n            <span className=\"myover\">Catering Menu</span>\n          </Link>\n        </h3>\n      </div>\n      <Img\n        className=\"card-img-top\"\n        fluid={data.file.childImageSharp.fluid}\n        objectFit=\"cover\"\n      />\n    </Card>\n  )\n}\n\nexport default Card2\n","import React from \"react\"\nimport Img from \"gatsby-image\"\nimport { Card } from \"reactstrap\"\nimport { Link, useStaticQuery, graphql } from \"gatsby\"\n\nconst Card3 = () => {\n  const data = useStaticQuery(graphql`\n    {\n      file(relativePath: { eq: \"m3.jpg\" }) {\n        id\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  return (\n    <Card className=\"menu-image\" key={data.file.id} inverse>\n      <div className=\"over-menu\">\n        <h3>\n          <Link className=\"btn my-button\" to=\"/kids-menu\">\n            <span className=\"myover\">Kids Menu</span>\n          </Link>\n        </h3>\n      </div>\n      <Img\n        className=\"card-img-top\"\n        fluid={data.file.childImageSharp.fluid}\n        objectFit=\"cover\"\n      />\n    </Card>\n  )\n}\n\nexport default Card3\n","import React from \"react\"\nimport { CardColumns, Container } from \"reactstrap\"\nimport Card1 from \"./menu/card1\"\nimport Card2 from \"./menu/card2\"\nimport Card3 from \"./menu/card3\"\n\nconst Menu = () => {\n  return (\n    <section id=\"image-card\">\n      <Container>\n        <CardColumns>\n          <Card1 />\n          <Card2 />\n          <Card3 />\n        </CardColumns>\n      </Container>\n    </section>\n  )\n}\n\nexport default Menu\n","import React from \"react\"\nimport { Container } from \"reactstrap\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nconst Specials = () => {\n  //special data\n  const data = useStaticQuery(graphql`\n    {\n      internalResData(name: { eq: \"Specials\" }) {\n        name\n        items {\n          name\n          price\n          description\n        }\n        description\n        id\n      }\n    }\n  `)\n\n  const { name, description, items } = data.internalResData\n  return (\n    <div className=\"h-specials\">\n      <Container>\n        <div className=\"d-flex justify-content-center\">\n          <div className=\"hm-specials\">\n            <h6 className=\"text-white text-center\">{name}</h6>\n            <p className=\"text-white h-p text-center\">\n              Check our daily special here\n            </p>\n            <div className=\"s-list\">\n              <p className=\"text-white text-center item-des\">{description}</p>\n              {items.map(item => (\n                <div key={item.name} className=\"special-item\">\n                  <div className=\"inline-block mr-4\">\n                    <span className=\"item-name\">{item.name}</span>\n                    <span className=\"float-right item-price\">{`$${item.price}`}</span>\n                  </div>\n                  <p className=\"item-des\">{item.description}</p>\n                </div>\n              ))}\n              <div className=\"d-flex justify-content-center\">\n                <span className=\"sp-order \">\n                  For online ordering please click Order Online button.\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Container>\n    </div>\n  )\n}\nexport default Specials\n","import React from \"react\"\nimport Img from \"gatsby-image\"\nimport { StaticQuery, graphql } from \"gatsby\"\n\nexport default function ImageCard() {\n  return (\n    <StaticQuery\n      query={graphql`\n        {\n          file(relativePath: { eq: \"special.png\" }) {\n            childImageSharp {\n              fluid {\n                src\n                srcSet\n                base64\n                aspectRatio\n                sizes\n              }\n            }\n            id\n          }\n        }\n      `}\n      render={data => (\n        <Img\n          imgStyle={{ borderRadius: \"4px\" }}\n          fluid={data.file.childImageSharp.fluid}\n        />\n      )}\n    />\n  )\n}\n","import React from \"react\"\nimport { Container } from \"reactstrap\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nimport SpecialImage from \"./special-image\"\n\nconst LunchSpecials = () => {\n  //lunch special data\n  const data = useStaticQuery(graphql`\n    {\n      internalResData(name: { eq: \"Lunch Specials - Monday - Friday\" }) {\n        name\n        description\n        id\n      }\n    }\n  `)\n\n  return (\n    <div className=\"l-specials\">\n      <Container>\n        <div className=\"row\">\n          <div className=\"col-lg-6 s-img\">\n            <SpecialImage />\n          </div>\n          <div className=\"col-lg-6\">\n            <div class=\"d-flex h-100 align-items-center \">\n              <div>\n                <span class=\"btn btn-danger s-time\">\n                  Only 11:00 AM - 4:00PM\n                </span>\n                {\n                  data?.internalResData?.name && (\n                    <h6 className=\"\">{data.internalResData.name}</h6>\n                  )\n                }\n              \n              {\n                  data?.internalResData?.description && (\n                    <div className=\"s-list\">\n                    <p className=\"item-description\">{data.internalResData.description}</p>\n                  </div>\n                  )\n              }      \n              </div>\n            </div>\n          </div>\n        </div>\n      </Container>\n    </div>\n  )\n}\nexport default LunchSpecials\n","import React from \"react\"\nimport Layout from \"../components/layout/layout\"\nimport Covid from \"../components/home/covid\"\nimport Header from \"../components/home/header\"\nimport SEO from \"../components/seo\"\nimport Menu from \"../components/home/menu\"\nimport Specials from \"../components/home/specials\"\nimport LunchSpecials from \"../components/home/lunch-specials\"\nimport Logo from \"../images/icons/ribslogo.png\"\nimport { graphql } from \"gatsby\"\n\nconst IndexPage = ({ data }) => {\n  //site meta data\n  const {\n    name,\n    siteUrl,\n    tel,\n    menu,\n    priceRange,\n    servesCuisine,\n    acceptsReservations,\n    streetAddress,\n    addressLocality,\n    addressRegion,\n    postalCode,\n    addressCountry,\n    latitude,\n    longitude,\n    facebook,\n    twitter,\n    instagram,\n  } = data.site.siteMetadata\n\n  //for schema\n  const schema = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"Restaurant\",\n    name,\n    image: siteUrl + Logo,\n    \"@id\": \"\",\n    url: siteUrl,\n    telephone: tel,\n    priceRange,\n    menu,\n    servesCuisine,\n    acceptsReservations,\n    address: {\n      \"@type\": \"PostalAddress\",\n      streetAddress,\n      addressLocality,\n      addressRegion,\n      postalCode,\n      addressCountry,\n    },\n    geo: {\n      \"@type\": \"GeoCoordinates\",\n      latitude,\n      longitude,\n    },\n    sameAs: [facebook, twitter, instagram],\n  }\n  return (\n    <Layout>\n      <SEO\n        schemaMarkup={schema}\n        title=\"Ribs USA - Food delivery - Burbank - Order online\"\n        keywords=\"ribs usa, ribs usa bbq, ribs, usa, bbq, best bbq near me, baby back ribs, beef ribs near me, best beef ribs near me, bbq chicken near me, brisket near me, pulled pork sandwich, brisket sandwich,  baby back ribs near me\"\n      />\n      <Header />\n      <main>\n        <Covid />\n        <Specials />\n        <LunchSpecials />\n        <Menu />\n      </main>\n    </Layout>\n  )\n}\n\nexport default IndexPage\n\nexport const query = graphql`\n  {\n    site {\n      siteMetadata {\n        name\n        siteUrl\n        tel\n        image\n        menu\n        priceRange\n        servesCuisine\n        acceptsReservations\n        streetAddress\n        addressLocality\n        addressRegion\n        postalCode\n        addressCountry\n        latitude\n        longitude\n        facebook\n        twitter\n        instagram\n      }\n    }\n  }\n`\n","module.exports = __webpack_public_path__ + \"static/s1-54d39f6388e6caf1faf92b47b613159a.jpg\";","module.exports = __webpack_public_path__ + \"static/s2-68e8b1688fd9898dd83ca81d826fbfd8.jpg\";"],"sourceRoot":""}