<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
    crossorigin="anonymous">
  <link href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" rel="stylesheet" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
  <link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
  <link rel="shortcut icon" href="{{asset('images/logo.png')}}" type="image/x-icon">
  <link rel="stylesheet" href="{{asset('css/layout.css')}}">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap"
    rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
    rel="stylesheet">
  <title>Pittappillil Stores</title>
  
    <meta name="description"
        content="Pittappillil Stores Steel supplies premium roofing sheets, GI & MS pipes, structural steel sections, TMT bars, HR sheets, cement, wall putty, decorative paints, industrial finishes, and construction accessories with trusted quality and reliable service across Kerala.">

    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Pittappillil Stores Steel supplies premium product" />
    <meta property="og:description"
        content="premium roofing sheets, GI & MS pipes, structural steel sections, TMT bars, HR sheets, cement, wall putty, decorative paints, industrial finishes, and construction accessories." />
    <meta property="og:url" content="https://steel.hawkssolutions.com/" />
    <meta property="og:site_name" content="Pittappillil Stores" />
    <meta property="og:image" content="https://steel.hawkssolutions.com/image/logo.png" />
    <meta property="og:type" content="article" />
    <meta property="og:locale" content="en_GB" />
    <meta property="og:locale:alternate" content="fr_FR" />
    <meta property="og:locale:alternate" content="es_ES" />
</head>

<body>

  <section class="nav_header" id="chatHeader">
    <div class="container">
      <div class="row">
        <div class="col-12 d-flex justify-content-between align-items-center">
          <div class="logo_left">
            <a href="{{route('home')}}"  aria-label="menu"> <img src="{{asset('images/logo.png')}}"  alt="Pittappillil Stores" class="img-fluid"></a>
          </div>
          <div class="menu_right d-flex justify-content-end align-items-center gap-4">
            <div class="menu_list" id="menu">
              <ul>
                <li><a href="{{route('home')}}" class="active" aria-label="menu">Home</a></li>
                <li><a href="{{route('home')}}#abt" aria-label="menu">About</a></li>
                <li><a href="{{route('products')}}" aria-label="menu">Product</a></li>
                <li><a href="{{route('contact')}}" aria-label="menu">Contact</a></li>
                <li><a href="tel:+91 7034450505" aria-label="menu"><i class="ri-phone-line"></i></a></li>
                <li><a href="https://wa.me/917034450505" aria-label="menu"><i class="ri-whatsapp-line green-color"></i></a></li>
                <li><a href=""><i class="ri-instagram-line " aria-label="menu"></i></a></li>
                <li><a href=""><i class="ri-youtube-line" aria-label="menu"></i></a></li>
              </ul>
            </div>
            <div class="menu_name d-flex justify-content-start align-items-center gap-2" id="menu-btn"
              data-bs-toggle="offcanvas" data-bs-target="#offcanvasBottom" aria-controls="offcanvasBottom">
              <h5>MENU</h5>
              <img src="{{asset('images/menu.png')}}" class="img-fluid" alt="Pittappillil Stores">
            </div>
            <div class="offcanvas offcanvas-bottom" tabindex="-1" id="offcanvasBottom"
              aria-labelledby="offcanvasBottomLabel">
              <div class="offcanvas-header">
                <h5 class="offcanvas-title" id="offcanvasBottomLabel">&nbsp;</h5>
                <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                  aria-label="Close"></button>
              </div>
              <div class="offcanvas-body small">
                <ul>
                  <li><a href="{{route('home')}}" aria-label="menu">Home</a></li>
                  <li><a href="{{route('home')}}#abt" aria-label="menu">About</a></li>
                  <li><a href="{{route('products')}}" aria-label="menu">Product</a></li>
                  <li><a href="{{route('contact')}}" aria-label="menu">Contact</a></li>
                </ul>

                <div class="con_box">

                  <div class="con_text">
                    <h3 class="text-light">Call US 24/7</h3>

                    <p class="text-light number">Ph: 7034450505, 7034420505, 9946511152</p>
                    <p class="text-light number">Ph: 6238314985, 9946750505</p>

                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

@yield('content') 

  <section class="footer_sec">

    <div class="container">
      <div class="row">

        <div class="col-12">
          <div class="fixedhome_menu2">
            <ul>
              <li><a href="tel:+91 7034450505" aria-label="menu"><i class="ri-phone-line"></i></a></li>
              <li><a href="https://wa.me/917034450505" aria-label="menu"><i class="ri-whatsapp-line green-color"></i></a></li>
              <li><a href="" aria-label="menu"><i class="ri-instagram-line "></i></a></li>
              <li><a href="" aria-label="menu"><i class="ri-youtube-line"></i></a></li>
            </ul>
          </div>
        </div>

        <hr class="mt-3">



        <div class="col-12 d-flex flex-wrap justify-content-between align-items-start mt-3">
         <div class="footer_content">
                        <h6>Pittappillil Stores</h6>
                        <p>pittappillil stores, established in 1941, is a trusted name in hardware and construction
                            industry with decades of experience in supply of high-quality hardware goods. With a strong
                            commitment to quality, reliability and customer satisfaction, we have built a reputation as
                            a dependable supplier for contractors, builders and households.</p>

                        <h6>Wholesale Helpline</h6>
                        <p class="number">Ph: 7034450505</p>

                        <h6>Retail Enquiries</h6>
                        <p class="number">Ph: 7034420505</p>
                    </div>


          <div class="footer_content d-flex justify-content-between gap-3">
            <div class="foot_ul">
              <h6>QUICK LINKS</h6>
              <ul class="mt-3">
                <li><a href="{{route('home')}}" aria-label="menu">Home</a></li>
                <li><a href="{{route('home')}}#abt" aria-label="menu">About</a></li>
                <li><a href="{{route('products')}}" aria-label="menu">Products</a></li>
                <li><a href="{{route('contact')}}" aria-label="menu">Contact</a></li>
              </ul>
            </div>
          </div>
        </div>


        <hr class="mt-3">


        <div class="col-12 bottom text-center">
          <p> © 2026 All Rights Reserved by HST</p>
        </div>

      </div>
    </div>

  </section>


  <section class="fixed_icon_bar">
    <div class="fixed_wrapper">
      <div class="fixed_icon">
        <a href="tel:+91 7034450505" aria-label="menu"><i class="ri-phone-line"></i></a>
      </div>
    </div>
  </section>


  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.2/gsap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js" crossorigin="anonymous"
    referrerpolicy="no-referrer"></script>
  <script src="{{asset('js/main_ani.js')}}"></script>
  <!-- <script>
    const btn = document.getElementById('menu-btn');
    const menu = document.getElementById('menu');

    btn.addEventListener('click', () => {
      menu.classList.toggle('show');
    });
  </script> -->

  <script>
    const header = document.getElementById('chatHeader');
    const headerOffset = header.offsetTop;

    window.addEventListener('scroll', () => {
      if (window.scrollY > headerOffset) {
        header.classList.add('fixed');
      } else {
        header.classList.remove('fixed');
      }
    });
  </script>
</body>

</html>


    