{"version":3,"file":"static/chunks/pages/live-display-setup-c7746edf1d9018222378.js","mappings":"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","sources":["webpack://_N_E/./node_modules/classnames/index.js","webpack://_N_E/./src/components/Footer/index.tsx","webpack://_N_E/./src/components/Header/index.tsx","webpack://_N_E/./src/components/Layout/index.tsx","webpack://_N_E/./src/components/LiveDisplaySetup/HowToSetUp.tsx","webpack://_N_E/./src/components/LetsSeeModal/index.tsx","webpack://_N_E/./src/components/LiveDisplaySetup/index.tsx","webpack://_N_E/./src/pages/live-display-setup.tsx","webpack://_N_E/?390f","webpack://_N_E/./src/components/Layout/Layout.module.scss","webpack://_N_E/./src/components/LiveDisplaySetup/LiveDisplaySetup.module.scss"],"sourcesContent":["/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ReactNode } from \"react\";\n\ntype Props = {\n    noNav?: boolean;\n}\n\nconst Footer = (props: Props) => {\n    const d = new Date();\n    const year = d.getFullYear();\n\n    return (\n<div>{!props.noNav && (<section id=\"footer-nav\">\n  <div className=\"footer-content-container\">\n    <a href=\"/\" className=\"home\">home</a>\n    <a className=\"your-journey\" href=\"your-journey\">how it works</a>\n\n    <a className=\"included\" href=\"whats-included-with-tacboard\">what's included</a>\n    <a href=\"faqs\" className=\"faqs\">faqs</a>\n\n    <a className=\"pricing\" href=\"tacboard-pricing\">pricing</a>\n    <a className=\"pricing\" href=\"/stories\">stories</a>\n    <div className=\"vline\"></div>\n    <a className=\"signupclicked\" href=\"/dashboard/create-account\">sign up</a>\n  </div>\n</section>)}\n<section id=\"footer-links\">\n  <div className=\"footer-content-container\">\n    <div className=\"third\">\n      <a href=\"/\">Home</a>\n      <a className=\"your-journey\" href=\"/your-journey\">How It Works</a>\n      <a href=\"/whats-included-with-tacboard\">What's Included</a>\n      <a href=\"/faqs\">FAQs</a>\n      <a href=\"/tacboard-pricing\">Pricing</a>\n      <a href=\"/dashboard\">Log In</a>\n\n      <a href=\"/dashboard/create-account\">Sign Up</a>\n    </div>\n    <div className=\"third\">\n      <a href=\"/wedding-sign-shop\" style={{backgroundColor:\"#d9aa02\", color:\"white\", fontWeight:\"bold\"}}>Free Sign Shop</a>\n      <a href=\"/try-tacboard\">Try TacBoard</a>\n      <a href=\"http://tacb.io/LWtIJo-8st7E\">View A Gallery</a>\n      <a href=\"/live-display-setup\">Live Photo Stream Setup</a>\n      <a href=\"/testimonials\">Testimonials</a>\n      <a href=\"/contact-us\">Contact Us</a>\n      <a href=\"/stories\">Stories</a>\n    </div>\n    <div className=\"third\">\n      <div className=\"badge-container\" itemScope itemType=\"http://schema.org/Organization\">\n        <div className=\"badge-box\" itemProp=\"starRating\" itemScope itemType=\"http://schema.org/Rating\">\n          <a target=\"_blank\" href=\"http://www.theknot.com/marketplace/TacBoard-Chicago-il-1023997?utm_source=vendor_website&amp;utm_medium=banner&amp;utm_term=1e3b4a75-b8a3-49b4-8217-a6f300c879c8&amp;utm_campaign=vendor_badge_assets\"><img src=\"https://media-api.xogrp.com/images/456d566a-a6ca-475f-8f5a-93e45cc7e81d\" width=\"85\" alt=\"Couples love us! See our reviews on The Knot. The Knot Reviews\" /></a>\n\n          <meta itemProp=\"name\" content=\"TacBoard\" />\n          <meta itemProp=\"description\" content=\"Engage your guests with Live Display and don't miss a moment from your wedding day. TacBoard is the easiest way to collect your wedding guests' photos while adding an extra splash of fun to your reception. No app. No wedding hashtag hassle. Just text message. Guest simply text the photos they are taking to a unique phone number and those photos feed instantly into your own private wedding gallery.\" />\n          <div className=\"stars\">\n            <meta itemProp=\"ratingValue\" content=\"5\" />⭐⭐⭐⭐⭐\n          </div>\n        </div>\n        <div className=\"badge-box\" itemProp=\"starRating\" itemScope itemType=\"http://schema.org/Rating\">\n          <a target=\"_blank\" href=\"https://goo.gl/jPkvrT\"><img src=\"https://tacboard.com/img/google-my-business.png\" width=\"85\" alt=\"Google Business Reviews\" /></a>\n          <meta itemProp=\"name\" content=\"TacBoard\" />\n          <meta itemProp=\"description\" content=\"Engage your guests with Live Display and don't miss a moment from your wedding day. TacBoard is the easiest way to collect your wedding guests' photos while adding an extra splash of fun to your reception. No app. No wedding hashtag hassle. Just text message. Guest simply text the photos they are taking to a unique phone number and those photos feed instantly into your own private wedding gallery.\" />\n          <div className=\"stars\">\n            <meta itemProp=\"ratingValue\" content=\"5\" />⭐⭐⭐⭐⭐\n          </div>\n        </div>\n        <div className=\"badge-box\">\n          <img src=\"https://tacboard.com/img/veteran_owned_icon.png\" width=\"75\" alt=\"Veteran-Owned-Business-VOSB\" />\n          <div> </div>\n        </div>\n      </div>\n\n      <a href=\"mailto:hello@tacboard.com\" className=\"footer-email-link\">hello@tacboard.com</a>\n      <p>1509 W Berwyn Ave, Chicago, IL 60640</p>\n    </div>\n  </div>\n</section>\n\n<section id=\"footer-legal\">\n  <a href=\"/privacy-policy\">Privacy Policy</a>\n  <span>&nbsp; &nbsp; &nbsp; &nbsp;</span>\n  <a href=\"/terms-of-service\">Terms of Service</a>\n  <span>&nbsp; &nbsp; &nbsp; &nbsp;</span>\n  <a>TacBoard © <span id=\"copyYear\">{year}</span></a>\n</section>\n</div>\n);\n}\n\nexport default Footer;\n","import * as React from \"react\";\n\nconst Header: React.FC = ({ children }) => (\n    <header>\n        <input type=\"checkbox\" name=\"mobNav\" id=\"mobNav\" defaultChecked={false} />\n        <label htmlFor=\"mobNav\">\n            <span></span>\n            <span></span>\n            <span></span>\n        </label>\n\n        <ul className=\"nav\">\n            <ul className=\"navigation\">\n                <li><a className=\"venue-overview\" href=\"/\">home</a></li>\n                <li><a className=\"your-journey\" href=\"/your-journey\">how it works</a></li>\n                <li className=\"ddli\"><a className=\"dropdown\"><span className=\"nomo\">events</span>\n                    <div className=\"dropdown-content\">\n                    <a className=\"dd-link\" href=\"/tacboard-weddings\" >\n                        weddings\n                    </a>\n                    <a className=\"dd-link\" href=\"/tacboard-corporate-events\" >\n                        corporate events\n                    </a>\n                    <a className=\"dd-link\" href=\"/tacboard-reunions\" >\n                        reunions\n                    </a>\n                    <a className=\"dd-link\" href=\"/tacboard-parties\" >\n                        parties\n                    </a>\n                    <a className=\"dd-link\" href=\"/tacboard-fundraisers\" >\n                        fundraisers\n                    </a>\n                    <a className=\"dd-link\" href=\"/tacboard-mitzvahs\" >\n                        mitzvahs\n                    </a>\n                    </div>\n                    </a>\n                </li>\n                <li>\n                    <a className=\"included\" href=\"/whats-included-with-tacboard\" >\n                        includes\n                    </a>\n                </li>\n                <li><a className=\"faqs\" href=\"/faqs\">faqs</a></li>\n                <li><a className=\"pricing\" href=\"/tacboard-pricing\">pricing</a></li>\n                {/* <li><a className=\"\" href=\"/stories\">stories</a></li> */}\n            </ul>\n\n            <ul className=\"connect\">\n                <li className=\"login log-in vend\"><a href=\"/dashboard\">log in</a></li>\n                <li className=\"login signup vend\">\n                    <a className=\"get-started\" href=\"/tacboard-pricing\">sign up</a>\n                </li>\n            </ul>\n        </ul>\n\n        <div className=\"brand\">\n            <img src=\"https://tacboard.com/img/Logo2.svg\" />\n        </div> \n    </header>\n)\n\nexport default Header;\n","import styles from \"./Layout.module.scss\";\nimport React, { ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\ntype Props = {\n    children?: ReactNode;\n    classes?: string[];\n}\n\nconst Layout = (props: Props) => (\n  <div className={classNames(\"layout\", props.classes, styles[\"layout\"])}>\n    {props.children}\n  </div>\n)\n\nexport default Layout;\n","import React from \"react\";\n\nconst HowToSetUp: React.FC = () => (\n\t<section id=\"how-to-set-up\" className=\"live-setup-steps\">\n        <h2>How to Setup</h2>\n        <p>Once you have everything you need, set up is simple.</p>\n        <div className=\"step-container\">\n          <div className=\"step\">\n            <h4><span>1</span> Open Your TacBoard Live Photo Stream</h4>\n            <div className=\"img-container\">\n              <div className=\"feature-icon how-to\">\n                <img src=\"img/live-setup-login-btn.jpg\" />\n                <p>Click \"log in\" at tacboard.com</p>\n              </div>\n              <div className=\"feature-icon how-to\">\n                <img src=\"img/live-setup-log-in-nl.jpg\" />\n                <p>Log in</p>\n              </div>\n              <div className=\"feature-icon how-to\">\n                <img src=\"img/live-setup-select-gallery-nl.jpg\" />\n                <p>Click on your gallery's name</p>\n              </div>\n              <div className=\"feature-icon how-to\">\n                <img src=\"img/live-setup-live-btn.jpg\" />\n                <p>Click the \"Live\" button</p>\n              </div>\n            </div>\n          </div>\n          <div className=\"step\">\n            <h4><span>2</span> Hook Laptop to TV / Projector</h4>\n            <div className=\"img-container\">\n              <div className=\"feature-icon how-to\">\n                <img src=\"img/live-setup-HDMI-cable.jpg\" />\n                <p>Get your HDMI cable.</p>\n              </div>\n              <div className=\"feature-icon how-to\">\n                <img src=\"img/live-setup-HDMI-to-computer.jpg\" />\n                <p>Connect one end of the HDMI cable to the laptop.</p>\n              </div>\n              <div className=\"feature-icon how-to\">\n                <img src=\"img/live-setup-HDMI-to-tv.jpg\" />\n                <p>\n                  Connect the other end of the HDMI cable to the TV or\n                  projector.\n                </p>\n              </div>\n              <div className=\"feature-icon how-to\">\n                <img src=\"img/live-setup-HDMI-tv-input.jpg\" />\n                <p>\n                  Turn on the tv/projector and make sure the correct input is\n                  selected.\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className=\"step\">\n            <h4>Now you're all set up and ready to go.</h4>\n            <p>\n              Your friends, family and guests can now begin texting photos to\n              your gallery's phone number and those photos will instantly start\n              scrolling on your Live Photo Stream. This means more fun for your\n              guests and more photos from your event!\n            </p>\n          </div>\n        </div>\n      </section>\n);\n\nexport default HowToSetUp;\n","import React, { ReactNode } from \"react\";\n\ntype Props = {\n    children: ReactNode;\n    display: string;\n    close: () => void;\n};\n\nconst LetsSeeModal: React.FC<Props> = (props: Props) => (\n    <div className=\"lets-see-modal\" style={{display:props.display}}>\n        <div onClick={props.close} className=\"close-modal\">X &shy; CLOSE</div>\n        <span id=\"modal-img-container\">{props.children}</span>\n    </div>\n);\n\nexport default LetsSeeModal;\n","import React, { useState } from \"react\";\nimport classnames from \"classnames\";\nimport styles from \"./LiveDisplaySetup.module.scss\";\nimport HowToSetUp from \"./HowToSetUp\";\nimport LetsSeeModal from \"../LetsSeeModal\";\n\nconst vc = styles[\"vid-container\"];\n\n/*\n      //Load Modal Function\n      function loadModal(clicked, loaded) {\n        $(clicked).click(function() {\n          $(\".lets-see-modal\").fadeIn();\n          $(\"#modal-img-container\").html(loaded);\n          $(\"html\").addClass(\"modal-open\");\n        });\n      }\n\n      // Modal content\n      $(document).ready(function() {\n        loadModal(\n          \".vid-live-display-preview-img\",\n          '<video controls autoplay><source src=\"img/a_Engage-Your-Guests.mp4\" type=\"video/mp4\">Your browser does not support the video tag.</video>'\n        );\n        loadModal(\n          \".vid-live-display-4-tips-img\",\n          '<video controls autoplay><source src=\"img/a_vid_LiveDisplay4Tips2Success.mp4\" type=\"video/mp4\">Your browser does not support the video tag.</video>'\n        );\n        loadModal(\n          \".vid-live-display-equipment-needed-img\",\n          '<video controls autoplay><source src=\"img/a_vid_LiveDisplayEquipmentNeeded.mp4\" type=\"video/mp4\">Your browser does not support the video tag.</video>'\n        );\n        // loadModal(\n        //   \".vid-live-display-go-full-screen-img\",\n        //   '<video controls autoplay><source src=\"img/a_vid_LiveDisplayGoFullScreen.mp4\" type=\"video/mp4\">Your browser does not support the video tag.</video>'\n        // );\n      });\n\n      //empty modal\n      $(\".close-modal\").click(function() {\n        $(\".lets-see-modal\").fadeOut();\n        $(\"#modal-img-container\").empty();\n        $(\"html\").removeClass(\"modal-open\");\n      });\n*/\n\nconst LiveDisplaySetup: React.FC = () => {\n    const [video, setVideo] = useState(\"\");\n\n    return (\n        <>\n        <div className={classnames(\"lp-container live-display-setup\", styles[\"live-display-setup\"])}>\n          <h1 className=\"lph1\">Live Photo Stream Setup</h1>\n\n          <p>\n            Setting up Live Photo Stream is easy and creates a super-fun experience\n            for your guests.\n          </p>\n\n          <div className={classnames(\"content-container\", styles[\"content-container\"])}>\n            <div className={classnames(\"vid-content-container\", styles[\"vid-content-container\"])}>\n              <div onClick={() => setVideo(\"img/a_Engage-Your-Guests.mp4\") } className={classnames(\"vid-container vid-live-display-preview-img\", vc)} >\n                <div className=\"vid-thumb-container\">\n                  <img src=\"img/a_vid-thumb_engage_guests.jpg\" />\n                  <img className=\"play-overlay\" src=\"img/vid-thumb-play-overlay.png\" />\n                </div>\n                <p>Live Photo Stream Preview</p>\n              </div>\n\n              <div onClick={() => setVideo(\"img/a_vid_LiveDisplay4Tips2Success.mp4\") } className={classnames(\"vid-container vid-live-display-4-tips-img\", vc)}>\n                <div className=\"vid-thumb-container\">\n                  <img src=\"img/vid-thumb-live-4-tips.jpg\" />\n                  <img className=\"play-overlay\" src=\"img/vid-thumb-play-overlay.png\" />\n                </div>\n                <p>Live Photo Stream 4 Tips</p>\n              </div>\n              <div onClick={() => setVideo(\"img/a_vid_LiveDisplayEquipmentNeeded.mp4\") } className={classnames(\"vid-container vid-live-display-equipment-needed-img\", vc)}>\n                <div className=\"vid-thumb-container\">\n                  <img src=\"img/vid-thumb-live-equip-needed.jpg\" />\n                  <img className=\"play-overlay\" src=\"img/vid-thumb-play-overlay.png\" />\n                </div>\n                <p>Live Photo Stream Equipment Needed</p>\n              </div>\n            </div>\n          </div>\n\n          <h4>Let's get started</h4>\n          <p>\n            First, it's a good idea to see how Live Photo Stream works. To do this,\n            take out your laptop (not on your phone), log into your TacBoard account\n            and click the \"Live\" button. You should then see a version of your\n            gallery that scrolls automatically and displays your gallery's phone\n            number at the top. If you don't already have photos in your gallery,\n            text a few to the phone number on the screen so you can see them pop\n            onto your screen. Don't worry, you can delete these test photos at any\n            time.\n          </p>\n\n          <p>\n            Now that you've seen your Live Photo Stream in action, let's set it up.\n          </p>\n\n          <section id=\"what-you-need\" className=\"live-setup\">\n            <h2>What You'll Need</h2>\n            <div className=\"splits\">\n              <div className=\"third\">\n                <div className=\"feature-icon\">\n                  <img src=\"img/live-setup-tv-projector.jpg\" />\n                </div>\n                <h4>TV / Projector &amp; HDMI Cable</h4>\n                <p>If you don't have a TV, projector or HDMI cable ask your DJ.</p>\n              </div>\n              <div className=\"third\">\n                <div className=\"feature-icon\">\n                  <img src=\"img/live-setup-laptop-browser.jpg\" />\n                </div>\n                <h4>Laptop with Modern Browser</h4>\n                <p>Make sure you have a modern browser like Chrome or Safari.</p>\n              </div>\n              <div className=\"third\">\n                <div className=\"feature-icon\">\n                  <img src=\"img/live-setup-wifi.jpg\" />\n                </div>\n                <h4>Wi-Fi in Venue</h4>\n                <p>Confirm adequate Wi-Fi will be provided by your DJ or venue.</p>\n              </div>\n            </div>\n          </section>\n\n\t\t\t<HowToSetUp />\n\n          <section id=\"tips-for-success\">\n            <h4>Tips For Success</h4>\n            <ol>\n              <li>\n                <span>** Test out the Live Photo Stream</span> feature prior to\n                event to ensure you’re comfortable using it and have the proper\n                equipment.<span>**</span>\n              </li>\n              <li>\n                Use a modern browser like Google Chrome or Microsoft Edge. Avoid\n                Internet Explorer if possible!\n              </li>\n              <li>\n                Close all or most of the other programs or browser tabs you have\n                open on your computer.\n              </li>\n              <li>Confirm adequate Wi-Fi will be provided by your DJ or venue.</li>\n              <li>\n                Open your browser full-screen once you have started the Live Photo\n                Stream.\n                <p>\n                  <strong>Using Chrome on Windows:</strong> Click F11 to enter\n                  full-screen then click F11 again to exit.\n                </p>\n                <p>\n                  <strong>Using Chrome On Mac:</strong> Click the green circle in\n                  the top-left of Chrome, then to remove the tool bar, while holding\n                  both the \"command\" and \"control\" keys press the \"F\" key. Reverese\n                  these steps to exit full-screen.\n                </p>\n              </li>\n              <li>\n                Make sure your browser zoom is set to 100%. If it is not, it will not infinitely scroll in a continuous loop and will stop at the bottom after one time. Follow the directions below to adjust your zoom. \n                <p className=\"answer\">\n                  <strong>On Windows:</strong> You can adjust the page zoom in Google Chrome by pressing the associated hot keys for your operating system. To adjust the page zoom with the keyboard in Windows, press and hold the \"Ctrl\" key, and then press the \"-\" (zoom out) or \"+\" (zoom in) keys on the keyboard.\n                </p>\n                <p>\n                  <strong>On Mac:</strong> To adjust the page zoom with the keyboard on a Mac system, press and hold the \"Command\" key and then press the \"-\" or \"+\" keys on the keyboard. Press and hold the \"Ctrl\" (Windows) or \"Command\" key then press \"0\" to return the zoom to its default value.</p>\n                  <p>\n\n             <strong>NOTE: </strong> If your Live Photo Stream continues to stop at the bottom of the page and your screen is at 100% please try 110%. There is a few screen sizes which require the zoom to be at 110%.\n                  </p>\n              </li>\n            </ol>\n          </section>\n        </div>\n        <LetsSeeModal display={video ? \"flex\" : \"none\"} close={() => setVideo(\"\") }>\n            {video && (\n                <video disableRemotePlayback controls autoPlay>\n                    <source src={video} type=\"video/mp4\" />\n                    Your browser does not support the video tag.\n                </video>\n            )}\n        </LetsSeeModal>\n        </>\n    );\n};\n\nexport default LiveDisplaySetup;\n","import * as React from \"react\";\nimport Head from \"next/head\";\nimport Footer from \"../components/Footer\";\nimport Layout from \"../components/Layout\";\nimport Header from \"../components/Header\";\nimport LiveDisplaySetup from \"../components/LiveDisplaySetup\";\n\nexport default function IndexRoute() {\n  return (\n    <>\n        <Head>\n            <title>Live Display Setup - TacBoard</title>\n            <meta name=\"description\" content=\"Prepare for your event by setting up your display with these tutorials.\" />\n            <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css?family=Aleo:200,300,400,700|Montserrat:300,400,500,700\" />\n           <link rel=\"canonical\" href=\"https://tacboard.com/live-display-setup\" />\n        </Head>\n\n      <Layout classes={[\"public\"]}>\n        <Header />\n        <LiveDisplaySetup />\n        <Footer />\n      </Layout>\n    </>\n  );\n};\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/live-display-setup\",\n      function () {\n        return require(\"private-next-pages/live-display-setup.tsx\");\n      }\n    ]);\n  ","// extracted by mini-css-extract-plugin\nmodule.exports = {\"layout\":\"Layout_layout__3guix\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"live-display-setup\":\"LiveDisplaySetup_live-display-setup__EA3Wg\",\"content-container\":\"LiveDisplaySetup_content-container__1n63h\",\"vid-content-container\":\"LiveDisplaySetup_vid-content-container__3snCc\",\"vid-container\":\"LiveDisplaySetup_vid-container__2chro\"};"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","key","call","join","module","exports","default","props","year","Date","getFullYear","noNav","id","className","href","style","backgroundColor","color","fontWeight","itemScope","itemType","itemProp","target","src","width","alt","content","children","type","name","defaultChecked","htmlFor","styles","display","onClick","close","vc","useState","video","setVideo","classnames","disableRemotePlayback","controls","autoPlay","IndexRoute","rel","Layout","Header","Footer","window","__NEXT_P"],"sourceRoot":""}