<!DOCTYPE html>
<html lang="en">
<head>
  {{-- {{dd($data)}} --}}
  @if(!empty($data))
  <title>   
    {{$data->name}}
  </title>
  <meta name="keywords" content="{{$data->meta_keyword}}">
  <meta name="description" content="{{$data->meta_desc}}">
  @else
  <title>
    @yield('title')
  </title>    
  @endif
  
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Caladea|Oswald&display=swap" rel="stylesheet">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link href="{{ url('assets/css/style.css?w=5555')}}" rel="stylesheet" />
  <link rel="stylesheet" href="{{ url('css/navbarstyle.css')}}">
  <link rel="stylesheet" href="{{ asset('css/responsive.css') }}">
  {{-- <link rel="stylesheet" href="{{ asset('assets/css/navstyle.css?q=') }}"> --}}
  <link rel="icon" type="image/png" href="{{ url('/images/crop_logo.png') }}">
  <style>
    .back-to-top {
      position: fixed;
      bottom: 25px;
      right: 25px;
      display: none;
      background: #1154ae;
    }
    .back-to-top i:hover {
      color: #1154ae !important;
      /* background: #1154ae; */
  }
  </style>
  
</head>
<body>
  
  
  {{-- <nav class="sticky-top" id="navBar">
    <div class="container">
      <input id="responsive-menu" type="checkbox">
      <label for="responsive-menu">
        <a class="navbar-brand" href="{{url('/')}}">
          <img src="{{ asset('images/logo3.png') }}" alt="tag" id="logo">
        </a>
        <span id="menu-icon"></span></label>
        <div id="overlay"></div>
        <ul>
          @foreach($cat as $c)
          @if($c->status == 1 && $c->dropdown == 'y')
          <li class="dropdown" style="display:inline-flex; margin:10px;">
            <a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              {{ strtoupper($c->name) }}      
            </a>       
            <div class="dropdown-menu" style="height: auto; overflow:auto" aria-labelledby="navbarDropdown">               
              @foreach($pages as $page)
              @if($page->category == $c->slug && $page->status == '1')    
              <a class="dropdown-item text-dark" href="{{url('/'. $page->slug)}}">
                {{ strtoupper($page->name)}}
              </a>                      
              @endif
              @endforeach  
            </div>           
          </li>                
          @endif
          @endforeach
          
          @foreach($cat as $c)
          @if($c->status == 1 && $c->dropdown == 'n')
          <li class="nav-item mx-2">
            <a class="nav-link" href="{{url('p/'. $c->slug)}}">
              {{ strtoupper($c->name) }}
            </a>        
          </li>                
          @endif
          @endforeach
          
          @foreach($pages as $page)
          @if($page->category == 'nav' && $page->status == '1')
          <li class="nav-item mx-2">
            <a class="nav-link " href="{{url('/'. $page->slug)}}" >{{ strtoupper($page->name)}}</a>
          </li> 
          @endif 
          @endforeach  
        </ul>
        <ul id="social-media">
          <li>
            <a href="https://www.facebook.com/01Synergy/" target="_blank">
              <i class="fab fa-facebook"></i>
              <span class="screen-reader-text">Facebook</span>
            </a>
          </li>
          <li>
            <a href="https://twitter.com/01SynergyIndia" target="_blank">
              <i class="fab fa-twitter"></i>
              <span class="screen-reader-text">Twitter</span>
            </a>
          </li>
          
          <li>
            <a href="https://pinterest.com/01SynergyIndia/" target="_blank">
              <i class="fab fa-pinterest"></i>
              <span class="screen-reader-text">Pinterest</span>
            </a>
          </li>
          
          <li>
            <a href="https://www.linkedin.com/company/01-synergy/" target="_blank">
              <i class="fab fa-linkedin"></i>
              <span class="screen-reader-text">LinkedIn</span>
            </a>
          </li>
          <li>
            <a href="https://www.instagram.com/01synergy/" target="_blank">
              <i class="fab fa-instagram"></i>
              <span class="screen-reader-text">Instagram</span>
            </a>
          </li>
        </ul>
      </div>
    </nav> --}}
    
    {{-- <nav class="shadow">
      <div class="container-fluid">
        <div class="row">
          <div class="col-sm-6">
            <div class="logo">
              <a href="{{url('/')}}"><img src="{{ url('/images/white-log.png') }}" class="logo_img"></a>
            </div>
          </div>
          <div class="col-sm-6">
            <div class="navigation">
              
            </div>
          </div>
        </div>
        
        <input id="responsive-menu" type="checkbox">
        <label for="responsive-menu"> <span id="menu-icon"></span></label>
        <div id="overlay"></div>
        
        <ul id="social-media">
          @foreach($cat as $c)
          @if($c->status == 1 && $c->dropdown == 'y')
          <li>
            <div class="dropdown">
              <button class="dropbtn">{{ strtoupper($c->name) }} 
                <i class="fa fa-caret-down"></i>
              </button>
              <div class="dropdown-content">
                @foreach($pages as $page)
                @if($page->category == $c->slug && $page->status == '1')
                <a href="{{url('/'. $page->slug)}}">{{ $page->name }}</a>
                @endif
                @endforeach
                
              </div>
            </div>
          </li>
          @endif
          @endforeach
        </ul>
         --}}
        {{-- Categories without dropdown start --}}
        {{-- <ul>
          @foreach($cat as $c)
          @if($c->status == 1 && $c->dropdown == 'n')
          <li>
            <a href="{{url('p/'. $c->slug)}}">{{ strtoupper($c->name) }}</a>
          </li>
          @endif
          @endforeach
          
          @foreach($pages as $page)
          @if($page->category == 'nav' && $page->status == '1')
          <li>
            <a href="{{url('/'. $page->slug)}}">{{ strtoupper($page->name)}}</a>
          </li>
          @endif 
          @endforeach --}}
        {{-- </ul> --}}

        {{-- Categories without dropdown end --}}

        {{-- <ul id="social-media">
          <li>
            <a href="https://www.facebook.com/01Synergy/"><img src="{{ url('/images/facebook.png') }}" class="social_media"></a>
          </li>
          <li>
            <a href="https://www.instagram.com/01synergy/"><img src="{{ url('/images/instagram.png') }}" class="social_media"></a>
          </li>
          <li>
            <a href="https://www.linkedin.com/company/01-synergy/"><img src="{{ url('/images/linkedin.png') }}" class="social_media"></a>
          </li>
          <li>
            <a href="https://pinterest.com/01SynergyIndia/"><img src="{{ url('/images/pinterest.png') }}" class="social_media"></a>
          </li>
          <li>
            <a href="https://twitter.com/01SynergyIndia"><img src="{{ url('/images/twitter.png') }}" class="social_media"></a>
          </li>
        </ul>
      </div>
    </nav> --}}

    <!-- ********************************************************* -->
<header class="header-main"> 
  <div class="landing-page">
   
    <div class="row">
    <div class="col-sm-6" style="z-index: 5;">
            <div class="logo">
              <a href="{{url('/')}}"><img src="{{ url('/images/white-log.png') }}" class="logo_img"></a>
            </div>
          </div>
          <div class="col-sm-6">
    <div class="menu-btn"></div>
    <div class="overlay"></div>
    <div class="menu-container">
      <div class="row">
      <div class="menu-bar col-sm-12" style="text-align: center;">
         <nav class="menu">
    <ul class=" menu-wrapper top-links" style="">
      <li class="menu-item">
        <a href="#0">ABOUT </a>
        <ul class="sub-menu">
          <li class="menu-item"><a href="#0">Mission</a></li>
          <li class="menu-item"><a href="#0">Values</a></li>
          <li class="menu-item"><a href="#0">Vision</a></li>
        </ul>
      </li>
      <li class="menu-item">
        <a href="#0">TECHNOLOGY</a>
        <ul class="sub-menu">
          <li class="menu-item"><a href="#0">MEAN Stack Development</a></li>
          <li class="menu-item"><a href="#0">PHP MySQL</a></li>
          <li class="menu-item"><a href="#0">Microsoft .Net</a></li>
          <li class="menu-item"><a href="#0">IOS Development</a></li>
          <li class="menu-item"><a href="#0">Android</a></li>
        </ul>
      </li>
      <li class="menu-item">
        <a href="#0">SERVICES</a>
        <ul class="sub-menu">
          <li class="menu-item"><a href="#0">Mobile App Development</a></li>
          <li class="menu-item"><a href="#0">E-Comm Development</a></li>
          <li class="menu-item"><a href="#0">Offshore IT Staffing</a></li>
          <li class="menu-item"><a href="#0">QA and Testing</a></li>
          <li class="menu-item"><a href="#0">Digital Marketing</a></li>
          <li class="menu-item"><a href="#0">Website Development</a></li>
        </ul>
      </li>
  
    </ul>
  </nav>
  
  
  
      <ul class="menu-wrapper">
        <li><a href="">BLOG</a></li>
        <li><a href="">CAREERS</a></li>
        <li><a href="">PORTFOLIO</a></li>
        <li><a href="">CONTACT</a></li>
      </ul>
    </div>
      <div class="social-link col-sm-12">
      <ul id="social-media">
              <li>
                <a href="https://www.facebook.com/01Synergy/"><img src="{{ url('/images/facebook.png') }}" class="social_media"></a>
              </li>
              <li>
                <a href="https://www.instagram.com/01synergy/"><img src="{{ url('/images/instagram.png') }}" class="social_media"></a>
              </li>
              <li>
                <a href="https://www.linkedin.com/company/01-synergy/"><img src="{{ url('/images/linkedin.png') }}" class="social_media"></a>
              </li>
              <li>
                <a href="https://pinterest.com/01SynergyIndia/"><img src="{{ url('/images/pinterest.png') }}" class="social_media"></a>
              </li>
              <li>
                <a href="https://twitter.com/01SynergyIndia"><img src="{{ url('/images/twitter.png') }}" class="social_media"></a>
              </li>
          </ul>
        </div>
      </div>
      <div class="menu-underlay"></div>
    </div>
  </div>
  </div>
  </div>
  </header>

    <div class="container-fluid" style="padding:0; margin:0;">
      <div class="bread-head" >
        {{-- {{dd($data[0]->form_status)}} --}}
        @if (request()->is('/'))
        <div class="container-fluid">
          <div class="row" id="hero"> 
            <div class="col-xs-12 col-md-7 col-lg-7 home-text">
              <h3 id="front_text">Setting the Standard in Web Development and Mobile Development.</h3>
              <p id="second_text" class="pt-5">Partner with us for affordable development supported by advanced frameworks, processes, automation, and expertise.</p>
              
              <div class="col-lg-12 pt-4">
                <a href="{{url('front/services')}}" class="btn btn-outline-secondary col-lg-4">Explore Sevices</a>
                <a href="{{url('front/explore')}}" class="btn btn-outline-secondary col-lg-4">Success Stories</a>
              </div>
              
            </div>
            <div class="col-xs-12 col-md-5 col-lg-5" id="right-div" style="box-shadow: 1px -1px 11px 0px ; background-color:#1154ae">
              @if(session('success'))
              <div class="alert alert-warning">
                {{ session('success')}}		
              </div>
              @endif
              <h3 style="color:cornsilk;font-size:40px">Need Assistance? </h3>
              <form autocomplete="off" style="height: 100%;" action="{{url('/front/contactForm')}}" method="POST">
                @csrf
                <div class="form-group" >       
                  <input type="name" class="form-control" name="name" id="name"   placeholder="Name*" value="{{ old('name')}}">
                  {!! $errors->first('name', '<p class="help-block" style="color: red;">:message</p>') !!}       
                </div>
                <div class="form-group">       
                  <input type="email" class="form-control" id="email" placeholder="Email*" name="email" value="{{ old('email')}}">
                  {!! $errors->first('email', '<p class="help-block" style="color: red;">:message</p>') !!}       
                </div>
                <div class="form-group">       
                  <input type="phone" class="form-control" id="phone" placeholder="Phone*" name="phone" value="{{ old('phone')}}">
                  {!! $errors->first('phone', '<p class="help-block" style="color: red;">:message</p>') !!}       
                </div>
                <div class="form-group">
                  <textarea class="form-control" id="msg" rows="3" style="resize: none;" name="msg" placeholder="Description*">{{ old('msg')}}</textarea>
                  {!! $errors->first('msg', '<p class="help-block" style="color: red;">:message</p>') !!}
                </div>      
                <button type="submit" class="btn btn1 form-control">Contact Us</button>
              </form>
            </div>
          </div>
        </div>
        @endif
        @if (!empty($data) && $data->form_status == 1)
        <div class="container-fluid">
          <div class="row" id="hero"> 
            <div class="col-lg-8">
              <p id="front_text">Setting the Standard in Web Development and Mobile Development.</p>
              <p id="second_text">Partner with us for affordable development supported by advanced frameworks, processes, automation, and expertise.</p>
              <div class="row">
                <a href="{{url('/services')}}" class="col-lg-2">Explore Sevices</a>
                <a href="{{url('/explore')}}" class="col-lg-2">Success Stories</a>
              </div>
            </div>
            <div class="col-lg-4" id="right-div" style="box-shadow: 1px -1px 11px 0px ; background-color:#1154ae">
              @if(session('success'))
              <div class="alert alert-warning">
                {{ session('success')}}		
              </div>
              @endif
              <h3 style="color:cornsilk;font-size:40px">Need Assistance? </h3>
              <form autocomplete="off" style="height: 100%;" action="{{url('/front/contactForm')}}" method="POST">
                @csrf
                <div class="form-group" >       
                  <input type="name" class="form-control" name="name" id="name"   placeholder="Name*">       
                </div>
                <div class="form-group">       
                  <input type="email" class="form-control" id="email" placeholder="Email*" name="email">       
                </div>
                <div class="form-group">       
                  <input type="phone" class="form-control" id="phone" placeholder="Phone*" name="phone">       
                </div>
                <div class="form-group">
                  <textarea class="form-control" id="msg" rows="3" style="resize: none;" name="msg" placeholder="Description*"></textarea>
                </div>      
                <button type="submit" class="btn btn1 form-control">Contact Us</button>
              </form>
            </div>
          </div>
        </div>
        
        @endif
        
        @yield('content')
        
        {{-- @php
          $url = Request::url('/pppppp');
          echo $url;
          @endphp --}}
          {{-- {{dd($slug)}} --}}
          @if(route('index', $slug ?? '') == Request::url())
          <div id="online" class="container-fluid" style="">
            <h1>Online Presence</h1>
            <div class="row  my-5">
              <div class=" col-xs-2 col-md-4 col-lg-2  text-center justify-content-center mt-4">
                <a href="https://www.yelp.com/biz/01synergy-san-jose" target="_blank">
                  <img src='{{ URL::asset("images/yelp.png") }}' style="width: 150px; height:150px; border-radius:5px; box-shadow: 1px 1px 5px 3px black;" />
                </a>
              </div>
              <div class=" col-xs-2 col-md-4 col-lg-2  text-center justify-content-center mt-4">
                <a href="https://www.ambitionbox.com/reviews/01-synergy-reviews" target="_blank">
                  <img src='{{ URL::asset("images/ambition-logo-black-.png") }}' style="width: 150px; height:150px; border-radius:5px; box-shadow: 1px 1px 5px 3px black;" />
                </a>
              </div>
              <div class=" col-xs-2 col-md-4 col-lg-2  text-center justify-content-center mt-4">
                <a href="https://www.glassdoor.co.in/Reviews/01-Synergy-Reviews-E671467.htm?filter.iso3Language=eng" target="_blank">
                  <img src='{{ URL::asset("images/g1-150x150.png") }}' style="width: 150px; height:150px; border-radius:5px; box-shadow: 1px 1px 5px 3px black;" />
                </a>
              </div>
              <div class=" col-xs-2 col-md-4 col-lg-2  text-center justify-content-center mt-4">
                <a href="https://clutch.co/profile/01synergy" target="_blank">
                  <img src='{{ URL::asset("images/c-150x150.png") }}' style="width: 150px; height:150px; border-radius:5px; box-shadow: 1px 1px 5px 3px black;" />
                </a>
              </div>    
              <div class=" col-xs-2 col-md-4 col-lg-2  text-center justify-content-center mt-4">
                <a href="https://www.bark.com/en/us/company/01synergy/bbdyZ/" target="_blank">
                  <img src='{{ URL::asset("images/bark300-150x150.png") }}' style="width: 150px; height:150px; border-radius:5px; box-shadow: 1px 1px 5px 3px black;" />
                </a>
              </div>
              <div class=" col-xs-2 col-md-4 col-lg-2  text-center justify-content-center mt-4">
                <a href="https://www.trustpilot.com/review/01synergy.com" target="_blank">
                  <img src='{{ URL::asset("images/trustpilot-150x150.png") }}' style="width: 150px; height:150px; border-radius:5px; box-shadow: 1px 1px 5px 3px black;" />
                </a>
              </div>
            </div>
          </div>
          @endif
          
          
        </div>
      </div>
      <div class="container-fluid" style="padding: 0;">
        <div id="footer" style="margin-bottom: 0;
        padding-top: 0;
        margin-top: 87px;" class="container-fluid">
        <div class="row" style="padding: 29px 29px 0px 34px;">
          <div class="col-md-3">
            <h2>Services</h2>     
            <ul style="list-style-type: none;">
              @foreach($pages as $page)
              {{-- {{dd($pages)}} --}}
              @if($page->category == 'services' && $page->status == '1')               
              
              <li>
                <a href="{{url('/'. $page->slug)}}">
                  {{$page->name}}
                </a>                 
              </li>
              
              @endif
              @endforeach  
            </ul>      
          </div>
          
          <div class="col-md-3">
            <h2>Technologies</h2>     
            <ul style="list-style-type: none;">
              @foreach($pages as $page)
              @if($page->category == 'technology' && $page->status == '1')               
              
              <li>
                <a href="{{url('/'. $page->slug)}}">
                  {{$page->name}}
                </a>                 
              </li>
              
              @endif
              @endforeach
            </ul>  
          </div>
          <div class="col-md-3">
            <h2>Support</h2>
            <ul style=" list-style-type: none;">
              {{-- {{dd(count($cat))}} --}}
              @foreach($cat as $c)
              @if($c->status == 1 && $c->dropdown == 'n')
              <li>
                <a href="{{url('p/'. $c->slug)}}">
                  {{$c->name}}
                </a>        
              </li>                
              @endif
              @endforeach
              {{-- {{dd($check)}} --}}
              
              @foreach($pages as $page)
              @if($page->category == 'nav' && $page->status == '1')
              <li>
                <a href="{{url('/'. $page->slug)}}" >{{$page->name}}</a>
              </li> 
              @endif 
              @endforeach  
            </ul>
          </div>
          
          <div class="col-md-3 ads">
            <h2>Get in touch</h2>
            <ul id="social-media" class="justify-content-center align-items-center text-center">
              <li>
                <a href="https://www.facebook.com/01Synergy/" target="_blank">
                  <i class="fab fa-facebook"></i>
                  <span class="screen-reader-text">Dribbble</span>
                </a>
              </li>
              <li>
                <a href="https://twitter.com/01SynergyIndia" target="_blank">
                  <i class="fab fa-twitter"></i>
                  <span class="screen-reader-text">Twitter</span>
                </a>
              </li>
              <li>
                <a href="https://pinterest.com/01SynergyIndia/" target="_blank">
                  <i class="fab fa-pinterest"></i>
                  <span class="screen-reader-text">CodePen</span>
                </a>
              </li>
              
              <li>
                <a href="https://www.linkedin.com/company/01-synergy/" target="_blank">
                  <i class="fab fa-linkedin"></i>
                  <span class="screen-reader-text">LinkedIn</span>
                </a>
              </li>
              <li>
                <a href="https://www.instagram.com/01synergy/" target="_blank">
                  <i class="fab fa-instagram"></i>
                  <span class="screen-reader-text">Instagram</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <a id="back-to-top" href="#" class="btn btn-light btn-lg back-to-top" style="display: none; z-index: 999;" role="button"><i class="fas fa-chevron-up"></i></a>
      </div>
    </div>
    
    
    <script>
      window.onscroll = function() {scrollFunction()};
      
      function scrollFunction() {
        if (document.body.scrollTop > 70 || document.documentElement.scrollTop > 70) {
          document.getElementById("navBar").style.boxShadow = "-4px -3px 20px 5px rgba(0,0,0,0.35)";
          
        } 
        else {
          document.getElementById("navBar").style.boxShadow = "0 0 0 0";
        }
      }
    </script>
    <script>
      function showNav(){
        document.getElementsByClassName("navigation")[0].classList.toggle("active");
      }
    </script>
    <script>// sticky_header 
      $(window).scroll(function() {
        if ($(this).scrollTop() > 211){
          $('.navbar-area').addClass("is-sticky");
        } else{
          $('.navbar-area').removeClass("is-sticky");
        }
      });</script>
      <script>
        $(document).ready(function(){
          $(window).scroll(function () {
            if ($(this).scrollTop() > 50) {
              $('#back-to-top').fadeIn();
            } else {
              $('#back-to-top').fadeOut();
            }
          });
          // scroll body to 0px on click
          $('#back-to-top').click(function () {
            $('body,html').animate({
              scrollTop: 0
            }, 400);
            return false;
          });
        });
      </script>
      <script type="text/javascript">
        $(".menu-btn").click(function () {
        $(".menu-btn").toggleClass("active");
        $(".overlay").toggleClass("active");
        $(".menu-container").toggleClass("active");
      });
      
      const cursor = curDot();
      
      cursor.over(".line-1", {
        borderColor: "rgba(255,255,255,.38)",
        broderWidth: 2
      });
      
      </script>
      
      @yield('script')
      
    </body>
    </html>