관리-도구
편집 파일: index.blade.php
@extends('layouts.appss') @section('content') <!-- .silideshow --> <div class="tf-slideshow style-3 slider-effect-fade "> <div dir="ltr" class="swiper tf-sw-slideshow" data-preview="1" data-tablet="1" data-mobile="1" data-centered="false" data-space="15" data-space-mb="0" data-loop="false" data-auto-play="true"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="wrap-slider"> <div class="img-style"> <img class="lazyload" src="images/gallery/b1.png" alt="banner-cls"> </div> <div class="box-content"> <div class="box-title"> <div class="text-white text-display fade-item fade-item-1 ">Explore AK Furniture </div> <p class="text-body-1 text_white fade-item fade-item-2">Where You Find Beautiful Furniture!</p> </div> <div class="fade-item fade-item-3"> <a href="/shop" class="tf-btn btn-white mx-auto ">Explore Our Collection Today <i class="icon-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="wrap-slider"> <div class="img-style"> <img class="lazyload" src="images/gallery/b2.png" alt="banner-cls"> </div> <div class="box-content"> <div class="box-title"> <div class="text-white text-display fade-item fade-item-1 ">Explore AK Furniture </div> <p class="text-body-1 text_white fade-item fade-item-2">Where You Find Beautiful Furniture!</p> </div> <div class="fade-item fade-item-3"> <a href="/shop" class="tf-btn btn-white mx-auto ">Explore Our Collection Today <i class="icon-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="swiper-slide"> <div class="wrap-slider "> <div class="img-style"> <img class="lazyload" src="images/gallery/b3.png" alt="banner-cls"> </div> <div class="box-content"> <div class="box-title"> <div class="text-white text-display fade-item fade-item-1 ">Explore AK Furniture </div> <p class="text-body-1 text_white fade-item fade-item-2">Where You Find Beautiful Furniture!</p> </div> <div class="fade-item fade-item-3"> <a href="/shop" class="tf-btn btn-white mx-auto ">Explore Our Collection Today <i class="icon-arrow-up-right"></i></a> </div> </div> </div> </div> </div> <div class="wrap-pagination"> <div class="container"> <div class="sw-dots sw-pagination-slider type-circle white-circle-line justify-content-center"> </div> </div> </div> <div class="sw-button swiper-button-next navigation-next-slider"></div> <div class="sw-button swiper-button-prev navigation-prev-slider"></div> </div> </div><!-- /.silideshow --> <!-- .categories --> <section class="flat-spacing-2"> <div class="container"> <div class="col-12"> <div class="heading-section style-2"> <div class="left"> <h3 class="wow fadeInUp">Shop By Categories</h3> <p class="text-body-default text_secondary wow fadeInUp" data-wow-delay="0.1s">Fresh styles just in! Elevate your look.</p> </div> </div> <div class="wrap-categories overflow-x-auto style-2"> @foreach($categories as $category) <div class="categories-item hover-img style-2 wow fadeInUp" data-wow-delay="0s"> <div class="img-style"> <a href="{{ route('shop', ['category' => $category->cat_id]) }}"> <img src="{{ asset('storage/'.$category->image) }}" alt=""> </a> </div> <div class="content"> <h5 class="title"><a href="{{ route('shop', ['category' => $category->cat_id]) }}" class="link">{{ $category->category }}</a></h5> </div> </div> @endforeach </div> </div> </div> </section><!-- /.categories --> <!-- top-pick --> <section class="flat-spacing-2 pt-0 mobile-section"> <style> @media (max-width: 576px) { .mobile-section { padding-bottom: 30px; /* adjust value as you want */ } } </style> <div class="container"> <div class="row"> <div class="col-12"> <div class="heading-section text-center"> <h3 class="wow fadeInUp">Our Picks For You</h3> <p class="text-body-default text_secondary wow fadeInUp" data-wow-delay="0.1s">Fresh styles just in! Elevate your look.</p> </div> <div class="tf-grid-layout tf-col-2 lg-col-4"> @foreach($products as $item) @php $images = $item->images ?? collect(); $firstImage = $images->first()->image_url ?? null; $secondImage = ($images->count() > 1) ? $images->get(1)->image_url : $firstImage; @endphp <div class="card-product style-3 wow fadeInUp" data-wow-delay="0s"> <div class="card-product-wrapper"> <a href="{{ route('productdetail', $item->id) }}" class="image-wrap"> <img class="lazyload img-product" src="{{ $firstImage ? asset('storage/'.$firstImage) : asset('images/no-image.png') }}" alt="{{ $item->title }}"> <img class="lazyload img-hover" src="{{ $secondImage ? asset('storage/'.$secondImage) : asset('images/no-image.png') }}" alt="{{ $item->title }}"> </a> <div class="list-btn-main"> <a href="{{ route('productdetail', $item->id) }}" class="btn-main-product">View Details</a> </div> </div> <div class="card-product-info"> <a href="{{ route('productdetail', $item->id) }}" class="text-body-default link">{{ $item->title }}</a> <!-- Example for price if needed --> <!-- <div class="price text-body-default"> <span class="text-caption-1 old-price">₹{{ $item->old_price }}</span>₹{{ $item->price }} </div> --> </div> </div> @endforeach </div> </div> </div> </div> </section><!-- /.top-pick --> <!-- .collection --> <section class="slider-home5"> <div class="container"> <div class="swiper tf-sw-mobile" data-screen="767" data-preview="1" data-space="15"> <div class="swiper-wrapper grid-cls-v2"> @foreach($hotoffer as $key => $offer) <div class="swiper-slide item{{ $key + 1 }}"> <div class="collection-position style-2 {{ $key > 0 ? 'spacing-1' : '' }}"> <a href="{{ route('shop', ['hotoffer' => $offer->hotoff_id]) }}" class="img-style"> <img class="lazyload effect-paralax hot-img" src="{{ asset('storage/'.$offer->image) }}" alt="Hot Offer Image"> </a> <div class="content cls-content"> <div class="cls-heading"> @if($key == 0) <h3 class="text_white wow fadeInUp" data-wow-delay="0s"> {{ $offer->hotoffer }} </h3> @else <h4 class="text_white wow fadeInUp" data-wow-delay="0s"> {{ $offer->hotoffer }} </h4> @endif </div> @if($key == 0) <a href="{{ route('shop', ['hotoffer' => $offer->hotoff_id]) }}" class="tf-btn btn-white wow fadeInUp" data-wow-delay="0.2s"> Explore Collection <i class="icon-arrow-up-right"></i> </a> @else <a href="{{ route('shop', ['hotoffer' => $offer->hotoff_id]) }}" class="btn-line btn-line-white wow fadeInUp" data-wow-delay="0.2s"><span>Discover</span></a> @endif </div> </div> </div> @endforeach </div> <div class="sw-pagination-mb sw-dots type-circle justify-content-center d-md-none d-flex"></div> </div> </div> </section> <br><!-- /.collection --> <!-- .lookbook --> <section class="section-lookbook"> <div class="left-img"> <div class="cls-lookbook"> <div class="img-style "> <img class="lazyload" src="images/gallery/a1.jpg" alt="banner-cls"> </div> </div> </div> <div class="right-product"> <div class="heading-section"> <h5 class="wow fadeInUp" style="font-size:18px;color:#cf3033;">Discover the Art of Living</h5> <h3 class="wow fadeInUp">Discover the Art of Living: AK Furniture’s Masterpieces Await You</h3> <p class="text-body-default text_secondary wow fadeInUp" data-wow-delay="0s"> Discover the perfect blend of contemporary and traditional furniture at AK Furniture in Thiruvalla, Pathanamthitta. Elevate your living space with our exquisite collection including bedroom sets, sofas, cupboards, dining tables, crockery shelves, and office furniture. Enjoy customized options tailored to your taste and explore imported delights for unique pieces. </p> <div class="fade-item fade-item-3"> <a href="/contactus" class="tf-btn btn-white mx-auto" style="border: 2px solid #000; "> Contact Now <i class="icon-arrow-up-right"></i> </a> </div> </div> </div> </section> <!-- .lookbook --> <section class="flat-spacing-2 section-tTop-sellers"> <div class="container"> <div class="row"> <div class="col-12"> <div class="heading-section text-center"> <h3 class="wow fadeInUp">Hot Offer Sellers</h3> <p class="text-body-default text_secondary wow fadeInUp" data-wow-delay="0.1s">Fresh styles just in! Elevate your look.</p> </div> <div class="sw-button-over"> <div class="swiper tf-sw-collection" data-preview="3" data-tablet="3" data-mobile-sm="2" data-mobile="1" data-space-lg="30" data-space-md="20" data-space="15" data-loop="false"> <div class="swiper-wrapper"> @foreach ($hotofferr as $offer) @foreach ($offer->products as $product) @php $images = $product->images ?? collect(); $firstImage = $images->first()->image_url ?? null; $secondImage = $images->count() > 1 ? $images->get(1)->image_url : $firstImage; @endphp <div class="swiper-slide"> <div class="card-product style-1"> <div class="card-product-wrapper"> <a href="{{ route('productdetail', $product->id) }}" class="image-wrap"> <img class="lazyload img-product" src="{{ $firstImage ? asset('storage/'.$firstImage) : asset('images/no-image.png') }}" alt="{{ $product->title }}"> <img class="lazyload img-hover" src="{{ $secondImage ? asset('storage/'.$secondImage) : asset('images/no-image.png') }}" alt="{{ $product->title }}"> </a> <div class="list-btn-main"> <a href="{{ route('productdetail', $product->id) }}" class="btn-main-product"> View Details </a> </div> </div> <div class="card-product-info"> <a href="{{ route('productdetail', $product->id) }}" class="text-body-default link"> {{ $product->title }} </a> </div> </div> </div> @endforeach @endforeach </div> </div> <div class="wrap-pagination d-lg-none d-block"> <div class="container"> <div class="row"> <div class="col-12"> <div class="sw-pagination-collection sw-dots type-circle d-flex justify-content-center"> </div> </div> </div> </div> </div> </div> <!-- <div class="sw-button swiper-button-next nav-next-collection has-border d_lg_none "></div> <div class="sw-button swiper-button-prev nav-prev-collection has-border d_lg_none "></div> --> </div> </div> </div> </div> </section><!-- .top-seller --> <section class="flat-spacing-2 pt-0"> <div class="container"> <div class="tf-img-with-text-3"> <div class="row align-items-center"> <div class="col-lg-6 "> <div class="content-left"> <h3 class="mb_40 text-center wow fadeInUp">Customize Your Dream Furniture with AK Furniture</h3> <p class="text-secondary text-body-1 mobile-move-right"> Design your dream furniture with AK Furniture’s personalized options. Whether you desire a specific style, size, or material, our expert craftsmen will bring your vision to life with meticulous attention to detail. From unique finishes to bespoke designs, your perfect piece is just a consultation away. Experience furniture that reflects your individuality and complements your space seamlessly. </p> <style> @media (max-width: 576px) { .mobile-move-right { padding-left: 20px; } } </style> </div> </div> <div class="col-lg-6 relative"> <div class="image-wrap"> <img class="lazyload effect-paralax" src="images/gallery/c2.jpg" alt="banner"> </div> <div class="tf-countdown style-3" style="display: flex; gap: 30px; justify-content: center;"> <!-- Box 1 --> <div class="count-box" style="text-align: center;"> <h2 style="font-size: 40px; font-weight: 700; margin-bottom: 5px;">50+</h2> <p style="font-size: 16px; color: #555;">Type of Goods</p> </div> <!-- Box 2 --> <div class="count-box" style="text-align: center;"> <h2 style="font-size: 40px; font-weight: 700; margin-bottom: 5px;">20k+</h2> <p style="font-size: 16px; color: #555;">Happy Clients</p> </div> </div> </div> </div> </div> </div> </section><!-- /.deal --> <!-- .collection --> <section> <div class="container-2"> <div class="row"> <div class="col-12"> <div class="collection-position style-full style-6"> <div class="img-style" style="position: relative;"> <img class="lazyload effect-paralax" src="images/gallery/banner-9.jpg" alt="banner-cls"> <!-- CONTENT INSIDE IMAGE --> <div class="banner-content" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: white; width: 90%;"> <h4 class="wow fadeInUp" style="color: white; margin-bottom: 12px;"> Discover the perfect blend of contemporary and traditional furniture! </h4> <style> @media (max-width: 576px) { .mobile-font-15 { font-size: 14px !important; } } </style> <h6 class="wow fadeInUp mobile-font-15" data-wow-delay="0.1s" style="font-size: 20px; color: white; margin-bottom: 20px;"> Your One-Stop Furniture Shop in Pathanamthitta. </h6> <a href="https://www.google.com/maps/place/A+K+Furniture+Thiruvalla/@9.4060725,76.5562152,16.56z/data=!4m6!3m5!1s0x3b0625b717690b95:0xfabd3565ac03f19!8m2!3d9.4062945!4d76.5600847!16s%2Fg%2F11ptsb3t96?entry=ttu&g_ep=EgoyMDI1MTExNi4wIKXMDSoASAFQAw%3D%3D" class="tf-btn btn-white mx-auto wow fadeInUp" data-wow-delay="0.2s" style="margin-top: 10px;"> Location <i class="icon-arrow-up-right"></i> </a> </div> <!-- END CONTENT --> </div> </div> </div> </div> </div> </section> <!-- .collection --> <style> </style> <!-- .faqs --> <section class="flat-spacing"> <div class="container"> <div class="row"> <div class="col-md-7"> <div class="page-faqs-wrap"> <div class="list-faqs"> <div> <ul class="accordion-product-wrap style-faqs" id="accordion-faq-3"> <!-- FIRST ITEM (OPEN BY DEFAULT) --> <li class="accordion-product-item"> <a href="#accordion-faq-3-1" class="accordion-title current" data-bs-toggle="collapse" aria-expanded="true" aria-controls="accordion-faq-3-1"> <h6>LIMITED TIME DEALS : FURNITURE SPECIALS</h6> <i class="icon-down"></i> </a> <div id="accordion-faq-3-1" class="collapse show" data-bs-parent="#accordion-faq-3"> <div class="accordion-faqs-content"> <p class="text-secondary text-body-1"> <b style="color: black;">Revamp your bedroom effortlessly with our all-inclusive bedroom set!</b> Upgrade your bedroom with our complete bedroom set, featuring a cozy cot, stylish bed, spacious triple door cupboard, elegant mirror stand, and handy side box. Don’t miss out on this unbeatable offer to transform your space! </p> </div> </div> </li> <!-- SECOND ITEM --> <li class="accordion-product-item"> <a href="#accordion-faq-3-2" class="accordion-title collapsed current" data-bs-toggle="collapse" aria-expanded="false" aria-controls="accordion-faq-3-2"> <h6>EXPERIENCE LUXURY,PAY WITH EASE</h6> <i class="icon-down"></i> </a> <div id="accordion-faq-3-2" class="collapse" data-bs-parent="#accordion-faq-3"> <div class="accordion-faqs-content"> <p class="text-secondary text-body-1"> <b style="color: black;">Introducing Bajaj EMI Options!</b> Transform your space effortlessly with AK Furniture’s convenient EMI plans. Enjoy zero downpayment, zero processing fee, and zero interest for existing Bajaj Emi cardholders. New customers can avail flexible downpayment options. Redefine comfort and style with AK Furniture! </p> </div> </div> </li> <!-- THIRD ITEM --> <li class="accordion-product-item"> <a href="#accordion-faq-3-3" class="accordion-title collapsed current" data-bs-toggle="collapse" aria-expanded="false" aria-controls="accordion-faq-3-3"> <h6>LIMITED TIME DEALS : FURNITURE SPECIALS</h6> <i class="icon-down"></i> </a> <div id="accordion-faq-3-3" class="collapse" data-bs-parent="#accordion-faq-3"> <div class="accordion-faqs-content"> <p class="text-secondary text-body-1"> <b style="color: black;">Revamp your bedroom effortlessly with our all-inclusive bedroom set!</b> Upgrade your bedroom with our complete bedroom set, featuring a cozy cot, stylish bed, spacious triple door cupboard, elegant mirror stand, and handy side box. Don’t miss out on this unbeatable offer to transform your space! </p> </div> </div> </li> </ul> </div> </div> </div> </div> <style> @media (min-width: 768px) { .col-md-5 { flex: 0 0 auto; width: 37.666667%; } } @media (min-width: 768px) { .ask-question { width: 397px; margin-top: -29px; top: 105px; } } </style> <div class="col-md-5"> <div class="ask-question sticky-top"> <div class="ask-question-wrap" style="padding: 0; border: none;"> <img src="images/gallery/a6.jpg" alt="Ask Your Question" style="width: 100%; border-radius: 10px;"> </div> </div> </div> </div> </div> </section><!-- .faqs --> <!-- .collections --> <style> .custom { padding-top: 0px; padding-bottom: 45px; } </style> <section class="flat-spacing-2 custom"> <div class="swiper tf-sw-cls swiper-auto"> <div class="swiper-wrapper"> @foreach($client as $clients) <div class="swiper-slide"> <div class="cls-item"> <div class="image"> <img class="lazyload" src="{{ asset('storage/'.$clients->image) }}" alt=""> </div> </div> </div> @endforeach </div> </div> </section><!-- /.collections --> @endsection