]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj

@extends("layouts.app") @section("mainContent") <!--<section class="mobcat">--> <!-- <div class="container-fluid">--> <!-- <div class="row">--> <!-- <div class="col-md-12">--> <!-- <div class="catsec">--> <!-- <div class="catino">--> <!-- @foreach($topSection as $key=>$value)--> <!-- <div class="mcatbox">--> <!-- <a href="{{URL::to('/')}}/{{$value->mid_title}}">--> <!-- <img src="{{asset('image/cmspage/'.$value->top_image)}}" alt="{{$value->top_title}}">--> <!--<p>{{$value->top_title}}</p>--> <!-- </a>--> <!-- </div>--> <!-- @endforeach--> <!-- <div class="clear"></div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</section>--> <!--<div class="marquee">--> <!-- <div class="marquee--inner">--> <!-- <ul class="bulletsPoint">--> <!-- <marquee attribute_name = "attribute_value"....more attributes onmouseover="this.stop();" onmouseout="this.start();"> --> <!-- @foreach(couponListsAll() as $key=>$value)--> <!-- <li> <span class="dogy"><img src="{{asset('front/assets/img/foot1.png')}}" alt="new-coupon"></span>Use Coupon Code &nbsp;<strong>{{$value->title}} </strong>&nbsp; &amp; {{$value->details}} </li>--> <!-- @endforeach--> <!-- </marquee>--> <!-- </ul>--> <!-- </div>--> <!--</div>--> <section class="mobcat"> <div class="container-fluid"> <div class="row"> @foreach($topSection as $key=>$value) <div class="col-md-2 col-sm-4 col-xs-4 col-4 "> <div class="mb-2"> <a href="{{URL::to('/')}}/{{$value->mid_title}}"> <img src="{{asset('image/cmspage/'.$value->top_image)}}" alt="{{$value->top_title}}"> <!--<p>{{$value->top_title}}</p>--> </a> </div> </div> @endforeach </div> </div> </section> <main class="main__content_wrapper" style="background: #eff1f4;"> <section class="mainslider"> <div class=""> <div class="owl-carousel mainsl owl-theme"> @foreach($banner as $key=>$value) <div class="innslid"> <a href="{{URL::to('/')}}/{{$value->top_title}}"> <img src="{{asset('image/cmspage/'.$value->top_image)}}"> </a> </div> @endforeach </div> </div> </section> <!-- End slider section --> <section class="topcat"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <div class="toptitl"> <h4 class="hometitl"> {{$topSectionHeading->top_title ?? 'Top Category'}} </h4> <!--<a href="#"> See All </a>--> </div> </div> </div> <div class="row"> @foreach($topCategory as $key=>$value) <div class="prime_top col-lg-3 col-md-3 col-sm-3 col-xs-3 col-6 " style="margin:auto;"> <div class="topc"> <a href="{{URL::to('/')}}/{{$value->slugCat}}"> <img src="{{asset('image/catgeory/'.$value->top_image)}}" alt="category img"> <p> {{$value->top_title}}</p> </a> </div> </div> @endforeach </div> </div> </section> <!--<div class="marquee">--> <!-- <div class="marquee--inner">--> <!-- <marquee attribute_name = "attribute_value"....more attributes onmouseover="this.stop();" onmouseout="this.start();"> --> <!-- <ul class="bulletsPoint fibomarq">--> <!-- <li> <span class="dogy">--> <!-- <img src="{{asset('front/assets/img/foot1.png')}}" alt="Cash On delivery">--> <!-- </span>COD (Cash On delivery)--> <!-- </li>--> <!-- <li> --> <!-- <span class="dogy">--> <!-- <img src="{{asset('front/assets/img/foot1.png')}}" alt="Gift On Every Birthday">--> <!-- </span>Free Gift On Every Birthday--> <!-- </li>--> <!-- <li> --> <!-- <span class="dogy">--> <!-- <img src="{{asset('front/assets/img/foot1.png')}}" alt="Track Any Were Any Time">--> <!-- </span>Track Any Were Any Time--> <!-- </li>--> <!-- <li> --> <!-- <span class="dogy">--> <!-- <img src="{{asset('front/assets/img/foot1.png')}}" alt="No Cost EMI"></span>No Cost EMI --> <!-- </li>--> <!-- <li> --> <!-- <span class="dogy">--> <!-- <img src="{{asset('front/assets/img/foot1.png')}}" alt="Buy Now Pay Later"></span>Buy Now Pay Later --> <!-- </li>--> <!-- <li> --> <!-- <span class="dogy">--> <!-- <img src="{{asset('front/assets/img/foot1.png')}}" alt="EMI On Debit "></span>EMI On Debit Card --> <!-- </li>--> <!-- </ul>--> <!-- </marquee>--> <!-- </div>--> <!--</div>--> @if($bannerFirst) <section class="fixban"> <div class="container-fluid"> <div class="row no-gutters"> <div class="col-lg-12"> <div class="fixsec"> <a href="#"> <img src="{{asset('image/cmspage/'.$bannerFirst->top_image)}}" alt="fix banner"> </a> </div> </div> </div> </div> </section> @endif <section class="undersec"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <div class="toptitl"> <h4 class="hometitl"> {{$topSectionHeading->mid_title ?? 'UNDERBUDGET'}} </h4> <!--<a href="#"> See All </a>--> </div> </div> </div> <div class="row"> @foreach($underBudugets as $key=>$value) <div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 col-3"> <div class="underbox offbox"> <a href="#"> <img src="{{asset('image/cmspage/'.$value->top_image)}}" alt="under 500"> </a> </div> </div> @endforeach </div> </div> </section> <section class="undersec"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <div class="toptitl"> <h4 class="hometitl"> {{$topSectionHeading->metaKeyword ?? 'UNDERBUDGET'}} </h4> <!--<a href="#"> See All </a>--> </div> </div> </div> <div class="row"> @foreach($underBudugets2 as $key=>$value) <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6 col-6"> <div class="underbox undefoxl"> <a href="{{URL::to('/')}}/{{$value->top_title}}"> <img src="{{asset('image/cmspage/'.$value->top_image)}}" alt="under 300"> </a> </div> </div> @endforeach </div> </div> </section> <section class="fix_001"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-6 col-6"> <div class="fiin_001"> <a href="#"> <div class="fino01"> <img src="{{asset('front/assets/img/rocket.svg')}}" alt="fix_img"> <div class="fion01"> <h6> Free Shipping </h6> <p> On above 499 </p> </div> </div> </a> </div> </div> <div class="col-md-4 col-sm-4 col-xs-6 col-6"> <div class="fiin_001"> <a href="#"> <div class="fino01"> <img src="{{asset('front/assets/img/Return.webp')}}" alt="fix_img"> <div class="fion01"> <h6> Easy return policy </h6> <p> With in 7 Days </p> </div> </div> </a> </div> </div> <div class="col-md-4 col-sm-4 col-xs-6 col-6"> <div class="fiin_001"> <a href="#"> <div class="fino01"> <img src="{{asset('front/assets/img/genuine.webp')}}" alt="fix_img"> <div class="fion01"> <h6> 100% Genuine Product </h6> <p> No Fake, No Duplicate </p> </div> </div> </a> </div> </div> <div class="col-md-4 col-sm-4 col-xs-6 col-6"> <div class="fiin_001"> <a href="#"> <div class="fino01"> <img src="{{asset('front/assets/img/track-order.svg')}}" alt="fix_img"> <div class="fion01"> <h6> Track Order </h6> <p> With your order ID </p> </div> </div> </a> </div> </div> <div class="col-md-4 col-sm-4 col-xs-6 col-6"> <div class="fiin_001"> <a href="#"> <div class="fino01"> <img src="{{asset('front/assets/img/deal.svg')}}" alt="fix_img"> <div class="fion01"> <h6> Best Deal </h6> <p> On All Products </p> </div> </div> </a> </div> </div> <div class="col-md-4 col-sm-4 col-xs-6 col-6"> <div class="fiin_001"> <a href="#"> <div class="fino01"> <img src="{{asset('front/assets/img/support.svg')}}" alt="fix_img"> <div class="fion01"> <h6> 24x7 Support </h6> <p> +91-9899408394 </p> </div> </div> </a> </div> </div> </div> </div> </section> <section class="fix-off_sec"> <div class="container"> <div class="row"> @foreach($coupons as $key=>$value) <div class="col-md-3 col-sm-3 col-xs-6 col-6"> <div class="imnnofi"> <a href="#"> <img src="{{asset('image/coupon/'.$value->image)}}" alt="offer-img"> </a> </div> </div> @endforeach </div> </div> </section> <section class="texpro_sec"> <div class="container"> @foreach($categoryList as $key=>$value) @if($key%2==0) <div class="row mb-4 backwhito"> <div class="col-md-8 col-sm-8 col-12"> <div class="tepoimg"> <a href="{{route('productCategory',[$value->slug])}}"> <img src="{{asset('image/catgeory')}}/{{$value->page_banner}}" alt="side-img"> </a> </div> </div> <div class="col-md-4 col-sm-4 col-12"> <div class="tepcon"> <h4 class="hometitl text-center mb-20"> {{$value->bannerTitla}} </h4> <p> {{$value->deails}} </p> <a href="{{route('productCategory',[$value->slug])}}" class="mashbtn"> Buy Now </a> </div> </div> </div> @else @endif @endforeach </div> </section> <!-- <section class="product__section promosec">--> <!-- <div class="container-fluid" >--> <!-- <div class=" bgsect" style="background-image: url(assets/img/promote.png); background-size: cover;">--> <!-- <div class="row">--> <!-- <div class="col-lg-12">--> <!-- <div class="">--> <!-- <h4 class="hometitl mb-20">--> <!-- NEW LAUNCHES--> <!-- </h4>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="product__section--inner newsubd--activation swiper">--> <!-- <div class="swiper-wrapper">--> <!-- <div class="swiper-slide">--> <!-- <div class="product__items profsld ">--> <!-- <div class="product__items--thumbnail">--> <!-- <a class="product__items--link" href="#">--> <!-- <img class="newl_img product__primary--img" src="{{asset('front')}}/assets/img/b1.png" alt="product-img">--> <!-- </a>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="swiper__nav--btn swiper-button-next"></div>--> <!-- <div class="swiper__nav--btn swiper-button-prev"></div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</section>--> <!-- Start product section --> <section class="product__section p-1"> <div class="container-fluid" > <div class="row bgsect" style="background-image: url(assets/img/best.png); background-size: cover;"> <div class="row"> <div class="col-lg-12"> <div class=""> <h4 class="hometitl mb-0"> {{$topSectionHeading->btm_title ?? 'HOT SELLING'}} </h4> </div> </div> </div> <div class="product__section--inner product__swiper--activation swiper"> <div class="swiper-wrapper"> @foreach($hotSelling as $key=>$value) @if($value->slug!='') <div class="swiper-slide"> <div class="product__items profsld "> <div class="product__items--thumbnail"> <a class="product__items--link" href="{{route('productDetails',$value->slug)}}"> <img class="product__items--img product__primary--img" src="{{asset('image/product/'.$value->top_image)}}" alt="product-img"> </a> <div class="product__badge"> @if($value->top_selling == 1) <span class="product__badge--items sale"> Top Selling </span>@endif </div> </div> <div class="product__items--content"> <h3 class="product__items--content__title h4"><a href="{{route('productDetails',$value->slug ?? '')}}">{{$value->top_title}}</a></h3> <div class="product__items--price"> <span class="old__price"> <i class="fa fa-rupee"></i>{{$value->mrp}} </span> <span class="offpro"> @if( calculatePerCentage($value->mrp,$value->price)> 0) {{calculatePerCentage($value->mrp,$value->price)}}% off @endif </span><br> <span class="current__price"> <i class="fa fa-rupee"></i>{{$value->price}} </span> </div> <ul class="product__items--action hompro d-flex"> <li class=""> <a class="btncart" href="javascript:void('0')" onclick="quickViewDetails('{{encode($value->productID)}}')"> <span class="">Add to cart</span> </a> </li> <li class=""> <a class="btnbuy" href="{{route('productDetails',[$value->slug])}}"> <span class="">Buy Now</span> </a> </li> </ul> </div> </div> </div> @endif @endforeach </div> <div class="swiper__nav--btn swiper-button-next"></div> <div class="swiper__nav--btn swiper-button-prev"></div> </div> </div> </div> </section> <!-- End product section --> <!-- Start product section --> <!-- top-product section --> <section class="mainslider"> <div class=""> <div class="row owl-carousel botmmainsl owl-theme"> @foreach($bannerSecond as $key=>$value) <div class="innslid"> <a href="{{route('globetrot')}}"> <img src="{{asset('image/cmspage/'.$value->top_image)}}"> </a> </div> @endforeach </div> </div> </section> <!-- top-product-end section --> <section class="undersec"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="toptitl"> <h4 class="hometitl"> {{$topSectionHeading->metaDesc ?? 'UNDERBUDGET'}} </h4> <a href="#"> <!-- See All--> </a> </div> </div> </div> <div class="row"> @foreach($underBudugets3 as $key=>$value) <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 col-6"> <div class="underbox und3buz"> <a href="{{URL::to('/')}}/{{$value->top_title}}"> <img src="{{asset('image/cmspage/'.$value->top_image)}}" alt="under 300"> </a> </div> </div> @endforeach </div> </div> </section> {{-- Dynamic Section Start From Here --}} @for($startDynamic=0;$startDynamic < count($allDataDynamic);$startDynamic++) @if($allDataDynamic[$startDynamic][0] == 'BANNER') @if($allDataDynamic[$startDynamic][1]) <section class="fixban" style="margin-bottom:40px"> <div class="container-fluid"> <div class="row no-gutters"> <div class="col-lg-12"> <div class="fixsec"> <h4 class="hometitl mb-20"> Viznara Impact </h4> <a href="{{route('impact')}}"> <img src="{{asset('image/cmspage/'.$allDataDynamic[$startDynamic][1]->top_image)}}" alt="fix banner"> </a> </div> </div> </div> </div> </section> @endif @elseif($allDataDynamic[$startDynamic][0] == 'PRODUCT') @if(is_array($allDataDynamic[$startDynamic][1]) && !empty($allDataDynamic[$startDynamic][1])) <section class="product__section promosec"> <div class="container-fluid" > <div class="row bgsect" style="background-image: url(assets/img/promote.png); background-size: cover;"> <div class="row"> <div class="col-lg-12"> <div class=""> <h4 class="hometitl mb-20"> {{$allDataDynamic[$startDynamic][2]}} </h4> </div> </div> </div> <div class="product__section--inner product__swiper--activation swiper"> <div class="swiper-wrapper"> @for($productloop=0;$productloop < count($allDataDynamic[$startDynamic][1]); $productloop++) @php $value=$allDataDynamic[$startDynamic][1][$productloop]; @endphp @if($value->slug!='') <div class="swiper-slide"> <div class="product__items profsld "> <div class="product__items--thumbnail"> <a class="product__items--link" href="{{route('productDetails',$value->slug)}}"> <img class="product__items--img product__primary--img" src="{{asset('image/product/'.$value->top_image)}}" alt="product-img"> </a> <div class="product__badge"> @if($value->top_selling == 1 || $value->bestselling == 1) <span class="product__badge--items sale"> @if($value->top_selling == 1) Top @else Best @endif Selling </span>@endif </div> </div> <div class="product__items--content"> <h3 class="product__items--content__title h4"><a href="{{route('productDetails',$value->slug)}}">{{$value->top_title}}</a></h3> <div class="product__items--price"> <span class="old__price"> <i class="fa fa-rupee"></i>{{$value->mrp}} </span> <span class="offpro"> @if( calculatePerCentage($value->mrp,$value->price)> 0) {{calculatePerCentage($value->mrp,$value->price)}}% off @endif </span><br> <span class="current__price"> <i class="fa fa-rupee"></i>{{$value->price}} </span> </div> <ul class="product__items--action hompro d-flex"> <li class=""> <a class="btncart" href="javascript:void('0')" onclick="quickViewDetails('{{encode($value->productID)}}')"> <span class="">Add to cart</span> </a> </li> <li class=""> <a class="btnbuy" href="{{route('productDetails',[$value->slug])}}"> <span class="">Buy Now</span> </a> </li> </ul> </div> </div> </div> @endif @endfor </div> <div class="swiper__nav--btn swiper-button-next"></div> <div class="swiper__nav--btn swiper-button-prev"></div> </div> </div> </div> </section> @endif @endif @endfor <!-- Start testimonial section --> <section class="testimonial__section testimonial__bg position__relative section--padding color-scheme-2"> <div class="container"> <div class="testimonial__bg--inner testimonial__activation--column1 swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testimonial__items--style2 testimonial__items text-center"> <div class="testimonial__items--content"> <h2 class="testimonial__items--title text-white h3">Rajkumar Kataria</h2> <span class="testimonial__items--subtitle text-white">Founder of Shanti Marg NGO</span> <p class="testimonial__items--desc style2 text-white">Viznara's products are truly impressive and aesthetically pleasing. Moreover, the company is using its profits to benefit society and drive social progress, making a positive impact on people's lives.</p> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial__items--style2 testimonial__items text-center"> <div class="testimonial__items--content"> <h2 class="testimonial__items--title text-white h3">D. Gowda</h2> <span class="testimonial__items--subtitle text-white">Founder of "Grace Families Trust"</span> <p class="testimonial__items--desc style2 text-white">Viznara's approach to business goes beyond profit alone, as they also prioritize empowering underprivileged communities and making a positive social impact.</p> </div> </div> </div> <!--<div class="swiper-slide">--> <!-- <div class="testimonial__items--style2 testimonial__items text-center">--> <!-- <div class="testimonial__items--content">--> <!-- <h2 class="testimonial__items--title text-white h3">Nike Mardson</h2>--> <!-- <span class="testimonial__items--subtitle text-white">fashion</span>--> <!-- <p class="testimonial__items--desc style2 text-white">Lorem ipsum dolor sit amet, consectetur adipisicin elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>--> <!-- </div>--> <!-- </div>--> <!--</div>--> </div> <div class="testimonial__pagination style2 swiper-pagination"></div> </div> </div> </section> <!-- End testimonial section --> </main> {{-- <div class="newsletter__popup" data-animation="slideInUp"> <button class="newsletter__popup--close__btn" aria-label="search close button"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewbox="0 0 512 512"><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"></path></svg> </button> <div id="boxes" class="newsletter__popup--inner"> <div class="box newsletter__popup--box d-flex align-items-center"> <figure id="bridgeContainer"> <canvas id="bridge" > </canvas> <div class="scratch_box"> <div class="scratch_board"> <a href="rewards-detail.php" class="w-100"> <img src="{{asset('front')}}/img/reward_icon.png"> <p class="coin_1">3</p> <p class="coin_2">Viznara.</p> <p class="coin_3"><strong>Expiring on : </strong><span class="coin_4">{{date('d/m/Y')}}</span></p> </a> </div> </div> </figure> </div> </div> </div> --}} @endsection @section('customJS') <script> $ (window).ready (function () { setTimeout (function () { $ ('#modal-subscribe').modal ("show") }, 1000) }) </script> <script> var bridge = document.getElementById("bridge"), bridgeCanvas = bridge.getContext('2d'), brushRadius = (bridge.width / 100) * 5, img = new Image(); if (brushRadius < 50) { brushRadius = 50 } img.onload = function(){ bridgeCanvas.drawImage(img, 0, 0, bridge.width, bridge.height); } img.loc = 'https://makevision.in/doxyclothing/img/'; img.filename = 'scan.png'; if (window.devicePixelRatio >= 2) { var nameParts = img.filename.split('.'); img.src = img.loc + nameParts[0]+"-2x"+"."+nameParts[1]; } else { img.src = img.loc + img.filename; } function detectLeftButton(event) { if ('buttons' in event) { return event.buttons === 1; } else if ('which' in event) { return event.which === 1; } else { return event.button === 1; } } function getBrushPos(xRef, yRef) { var bridgeRect = bridge.getBoundingClientRect(); return { x: Math.floor((xRef-bridgeRect.left)/(bridgeRect.right-bridgeRect.left)*bridge.width), y: Math.floor((yRef-bridgeRect.top)/(bridgeRect.bottom-bridgeRect.top)*bridge.height) }; } function drawDot(mouseX,mouseY){ bridgeCanvas.beginPath(); bridgeCanvas.arc(mouseX, mouseY, brushRadius, 0, 2*Math.PI, true); bridgeCanvas.fillStyle = '#000'; bridgeCanvas.globalCompositeOperation = "destination-out"; bridgeCanvas.fill(); } bridge.addEventListener("mousemove", function(e) { var brushPos = getBrushPos(e.clientX, e.clientY); var leftBut = detectLeftButton(e); if (leftBut == 1) { drawDot(brushPos.x, brushPos.y); } }, false); bridge.addEventListener("touchmove", function(e) { e.preventDefault(); var touch = e.targetTouches[0]; if (touch) { var brushPos = getBrushPos(touch.pageX, touch.pageY); drawDot(brushPos.x, brushPos.y); } }, false); </script> @endsection @section("customCSS") <style> #bridgeContainer span.hed{ z-index:999; color:#ffffff; } .scratch_box { margin-bottom:0px; } #bridgeContainer { position: relative; text-align: center; font-family: Avenir, sans-serif; margin-bottom: 0px; } #bridgeContainer figcaption { margin-top: 2rem; } #bridge { position: absolute; display: block; margin: 0 auto; width: 100%; max-width: 750px; height: 100%; cursor: crosshair; cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/circular-cursor.png) 53 53, crosshair; } </style> @endsection