@extends('frontend.layouts.app')
@section('styles')
   <style id="themeModuleStyle">:root {--primary:#FFFFFF !important;--secondary:#000000 !important;--third:#1D1D1B !important;--headerBackground:#DC1E28 !important;--headerText:#ffffff !important;--headerDivideColor:var(--whiteTranslucent) !important;--brandNavBackground:#b01820 !important;--footerBackground:#000000 !important;--footerText:#FFFFFF !important;--background:#FFFFFF !important;--backgroundComplement:#ffffff !important;--accountBackground:var(--background) !important;--checkoutAccentBackground:var(--footerBackground) !important;--backgroundLightPattern:#ffffff !important;--backgroundDarkPattern:#FFFFFF !important;--cartBackground:#FFFFFF !important;--cartHeaderTextColor:#1D1D1B !important;--cartFooter:#000000 !important;--cartFooterText:#FFFFFF !important;--cartBreakLine:#1D1D1B20 !important;--cartFooterBreakLine:#FFFFFF20 !important;--cardBackground:#DC1E28 !important;--cardActiveBackground:#DC1E28BF !important;--cardTextColor:#FFFFFF !important;--cardDescriptionTextColor:#FFFFFF !important;--primaryText:#1D1D1B !important;--secondaryText:#000000 !important;--labelColor:var(--white) !important;--labelAltBgColor:var(--white) !important;--primaryButtonColor:#DC1E28 !important;--primaryButtonHoverColor:#DC1E28 !important;--primaryButtonActiveColor:#DC1E28 !important;--primaryButtonTextColor:#ffffff !important;--secondaryButtonColor:#ffffff !important;--secondaryButtonHoverColor:#ffffff !important;--secondaryButtonActiveColor:#ffffff !important;--secondaryButtonTextColor:#000000 !important; } </style> 
     <style data-emotion="css 11qrfta">
                  .css-11qrfta {
                    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
                    font-weight: 500;
                    font-size: 0.875rem;
                    line-height: 1.75;
                    letter-spacing: 0.02857em;
                    text-transform: uppercase;
                    min-width: 64px;
                    padding: 6px 8px;
                    border-radius: 4px;
                    -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                    color: #1976d2;
                  }

                  .css-11qrfta:hover {
                    -webkit-text-decoration: none;
                    text-decoration: none;
                    background-color: rgba(25, 118, 210, 0.04);
                  }

                  @media (hover: none) {
                    .css-11qrfta:hover {
                      background-color: transparent;
                    }
                  }

                  .css-11qrfta.Mui-disabled {
                    color: rgba(0, 0, 0, 0.26);
                  }
                </style>
                <style data-emotion="css 1ujsas3">
                  .css-1ujsas3 {
                    display: -webkit-inline-box;
                    display: -webkit-inline-flex;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-align-items: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    position: relative;
                    box-sizing: border-box;
                    -webkit-tap-highlight-color: transparent;
                    background-color: transparent;
                    outline: 0;
                    border: 0;
                    margin: 0;
                    border-radius: 0;
                    padding: 0;
                    cursor: pointer;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    vertical-align: middle;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                    -webkit-text-decoration: none;
                    text-decoration: none;
                    color: inherit;
                    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
                    font-weight: 500;
                    font-size: 0.875rem;
                    line-height: 1.75;
                    letter-spacing: 0.02857em;
                    text-transform: uppercase;
                    min-width: 64px;
                    padding: 6px 8px;
                    border-radius: 4px;
                    -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                    color: #1976d2;
                  }

                  .css-1ujsas3::-moz-focus-inner {
                    border-style: none;
                  }

                  .css-1ujsas3.Mui-disabled {
                    pointer-events: none;
                    cursor: default;
                  }

                  @media print {
                    .css-1ujsas3 {
                      -webkit-print-color-adjust: exact;
                      color-adjust: exact;
                    }
                  }

                  .css-1ujsas3:hover {
                    -webkit-text-decoration: none;
                    text-decoration: none;
                    background-color: rgba(25, 118, 210, 0.04);
                  }

                  @media (hover: none) {
                    .css-1ujsas3:hover {
                      background-color: transparent;
                    }
                  }

                  .css-1ujsas3.Mui-disabled {
                    color: rgba(0, 0, 0, 0.26);
                  }
            </style>
@section('main-content')
<section class="PageModule_pageModule__F4dtt Welcome_welcomeBlock__A1Ewe" style="background-size:cover;background-position:center;background-color:transparant;position:relative">
              <div class="Welcome_welcomeBlockInner__ww_AK">
                <h1>
                  <div class="images_image__HR6kE images_imgResponsive__vrazc Welcome_welcomeLogo__zjJSP">
                    <span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0">
                      <img alt="GO by Citizens" sizes="100vw"  src="/images/goByCitizensWhiteTrans.png" decoding="async" data-nimg="fill" class="images_nextjsImageWithLoader__MUAQt images_nextjsContain__i7VXm" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain" />
                    </span>
                  </div>
                  <div class="Welcome_welcomeTitle__opuLT">GO by Citizens</div>
                </h1>
                <h2 class="Welcome_welcomeBlockDescription__1_TdK Welcome_welcomeTextColor__xxyFg"></h2>
                <div class="ModuleButtons_mdButtonsBox__v_B5q">
                  <a class="Link_link__Tf22X Button_button___7IH9 button primary ModuleButtons_mdButtonMobile__CYVuA" href="{{url('/ordernow/5')}}">Order Now</a>
                </div>
              </div>
              <div class="Welcome_welcomeLogoCover__K_mv0"></div>
              <div class="PageModule_pageModuleBackgroundImageContainer__RzHu1">
                <div class="images_image__HR6kE images_imgResponsive__vrazc PageModule_pageModuleBackgroundImage__NpBmZ">
                  <span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:absolute;top:0;left:0;bottom:0;right:0">
                    <img alt="Background Image" sizes="100vw"  src="/images/weekly.jpg" decoding="async" data-nimg="fill" class="images_nextjsImageWithLoader__MUAQt images_nextjsCover__1yOyp" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover" />
                  </span>
                </div>
                <div class="PageModule_pageModuleBackgroundImageCover__8FG1U"></div>
              </div>
            </section>
            <section class="PageModule_pageModule__F4dtt SignUpLogin_slinContainer__egTys" style="background-size:cover;background-position:center;background-color:var(--black);position:relative">
              <h2 class="SignUpLogin_slinTitle__DNlUj">Sign Up or Login To Order Your Favorite Food</h2>
              <div class="SignUpLogin_buttonsBox__DLZEb">
                <a class="Button_button___7IH9 primary SignUpLogin_buttonMobile__XmGsm" href="{{url('/login')}}">Log In</a>
                <a class="Link_link__Tf22X Button_button___7IH9 button secondary SignUpLogin_buttonMobile__XmGsm" href="{{url('/register')}}">Sign Up</a>
              </div>
              <span></span>
            </section>
            <span></span>
            <section class="PageModule_pageModule__F4dtt FAQ_faqBlock__x6_kL" style="background-size:cover;background-position:center;background-color:var(--black);position:relative">
              <h2 class="FAQ_faqTitle__74444" style="color:#ffffff">GO by Citizens FAQs</h2>
              <div class="FAQ_faqQuestionsWrapper__v6MxX MuiBox-root css-0">
                <div class="ExpandBlock_expandBlockWrapper__p6f5Q MuiBox-root css-0">
                  <div class="ExpandBlock_expandBlock__7Nnw3">What is GO by Citizens? <div>
                      <div class="ExpandBlock_expandBtnSquare__mcmRo">
                        <span class="ExpandBlock_expandClose__lv0yw"></span>
                      </div>
                    </div>
                  </div>
                  <div class="ExpandBlock_expandBlockContentWrapper__fx3Rk">
                    <p class="ExpandBlock_expandBlockContent__N5vhS">GO by Citizens is a portfolio of world-class brands that come together for a premium digital experience. Order delivery with no fees or pickup from your local location. We can’t wait to serve you!</p>
                  </div>
                </div>
                <div class="ExpandBlock_expandBlockWrapper__p6f5Q MuiBox-root css-0">
                  <div class="ExpandBlock_expandBlock__7Nnw3">GO by Citizens looks different, what happened? <div>
                      <div class="ExpandBlock_expandBtnSquare__mcmRo">
                        <span class="ExpandBlock_expandClose__lv0yw"></span>
                      </div>
                    </div>
                  </div>
                  <div class="ExpandBlock_expandBlockContentWrapper__fx3Rk">
                    <p class="ExpandBlock_expandBlockContent__N5vhS">We are investing in you by upgrading our experience and technology. In order to do this some things needed to change. Take your first step in our new experience by reseting your password. The Reset Password feature can be found on the login screen or by clicking Login. If you used a Social Media account with our previous app you may not be able to recover your old account. We apologize for this.</p>
                  </div>
                </div>
                <div class="ExpandBlock_expandBlockWrapper__p6f5Q MuiBox-root css-0">
                  <div class="ExpandBlock_expandBlock__7Nnw3">The app isn’t working for me. Who can I contact? <div>
                      <div class="ExpandBlock_expandBtnSquare__mcmRo">
                        <span class="ExpandBlock_expandClose__lv0yw"></span>
                      </div>
                    </div>
                  </div>
                  <div class="ExpandBlock_expandBlockContentWrapper__fx3Rk">
                    <p class="ExpandBlock_expandBlockContent__N5vhS">We are in the process of upgrading our experience and the app may be unavailable for a period of time. In the meantime, our new web ordering is ready for your order! Place your order for pickup or delivery by clicking the Order Now button above or below.</p>
                  </div>
                </div>
                <div class="ExpandBlock_expandBlockWrapper__p6f5Q MuiBox-root css-0">
                  <div class="ExpandBlock_expandBlock__7Nnw3">Who should I contact if I have a delivery issue? <div>
                      <div class="ExpandBlock_expandBtnSquare__mcmRo">
                        <span class="ExpandBlock_expandClose__lv0yw"></span>
                      </div>
                    </div>
                  </div>
                  <div class="ExpandBlock_expandBlockContentWrapper__fx3Rk">
                    <p class="ExpandBlock_expandBlockContent__N5vhS">If you placed your order through GO by Citizens website or app our team is ready to help. Reach out to us at <a href="cdn-cgi/l/email-protection.html" class="__cf_email__" data-cfemail="33445650524156734051561d505c5e1d">[email&#160;protected]</a> For issues or questions about orders from one of our delivery partners (DoorDash, UberEats, Postmates or GrubHub) please contact them directly for help. </p>
                  </div>
                </div>
              </div>
              <div class="FAQ_faqButtonsWrapper__YCCNb MuiBox-root css-0">
                <button class="MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButtonBase-root FAQ_faqUnderlinedButton__halpV FAQ_faqUnderlinedButtonRedefinition__zR_8n css-1ujsas3" tabindex="0" type="button">
                  <span class="FAQ_faqUnderlinedButtonText__w1288">View All Questions</span>
                </button>
                <button class="Button_button___7IH9 secondary FAQ_faqButton__kxoE5">Ask A Question</button>
              </div>
              <span></span>
            </section>
            <section class="PageModule_pageModule__F4dtt AboutBlock_aboutBlock__W6xjT" style="background-size:cover;background-position:center;background-color:var(--primary);position:relative">
              <h2 class="AboutBlock_aboutBlockTitle__MOHn9" style="color:#fff">Order Now!</h2>
              <p class="AboutBlock_aboutBlockDescription__1nKzI" style="color:#FFF">Mix &amp; match your order from our brands all in one cart. Free Delivery. No Hidden Fees. Delivered Quickly.</p>
              <div class="ModuleButtons_mdButtonsBox__v_B5q">
                <a class="Link_link__Tf22X Button_button___7IH9 button primary ModuleButtons_mdButtonMobile__CYVuA" href="{{url('/ordernow/5')}}">Order Now</a>
              </div>
              <span></span>
            </section>

@endsection