| Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/ksbakers.in/public_html/ |
Upload File : |
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<meta charset="utf-8">
<title>KS Bakery- Corporate Gifting</title>
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- font -->
<link rel="stylesheet" href="fonts/fonts.css">
<link rel="stylesheet" href="fonts/font-icons.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link href="https://fonts.googleapis.com/css2?family=Young+Serif&display=swap" rel="stylesheet">
<!-- Favicon and Touch Icons -->
<link rel="shortcut icon" href="images/logo/favicon.png">
<link rel="apple-touch-icon-precomposed" href="images/logo/favicon.png">
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-MBDSQPXX');</script>
<!-- End Google Tag Manager -->
</head>
<body class="preload-wrapper">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="
https://www.googletagmanager.com/ns.html?id=GTM-MBDSQPXX" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- preload -->
<div class="preload preload-container">
<div class="preload-logo">
<div class="spinner"></div>
</div>
</div>
<!-- /preload -->
<div id="wrapper">
<!-- Announcement Bar -->
<div class="announcement-bar bg_maroon">
<div class="wrap-announcement-bar">
<div class="box-sw-announcement-bar speed-1">
<div class="announcement-bar-item">
<p>GIFT HAMPERS STARTING FROM ₹199</p>
</div>
<div class="announcement-bar-item">
<p>TRUSTED BY 1200+ CUSTOMERS</p>
</div>
<div class="announcement-bar-item">
<p>OPEN FOR CORPORATE ORDERS</p>
</div>
<div class="announcement-bar-item">
<p>CALL US AT +91 7075997671</p>
</div>
<div class="announcement-bar-item">
<p>GIFT HAMPERS STARTING FROM ₹199</p>
</div>
<div class="announcement-bar-item">
<p>TRUSTED BY 1200+ CUSTOMERS</p>
</div>
<div class="announcement-bar-item">
<p>OPEN FOR CORPORATE ORDERS</p>
</div>
<div class="announcement-bar-item">
<p>CALL US AT +91 7075997671</p>
</div>
<div class="announcement-bar-item">
<p>GIFT HAMPERS STARTING FROM ₹199</p>
</div>
<div class="announcement-bar-item">
<p>TRUSTED BY 1200+ CUSTOMERS</p>
</div>
<div class="announcement-bar-item">
<p>OPEN FOR CORPORATE ORDERS</p>
</div>
<div class="announcement-bar-item">
<p>CALL US AT +91 7075997671</p>
</div>
<div class="announcement-bar-item">
<p>GIFT HAMPERS STARTING FROM ₹199</p>
</div>
<div class="announcement-bar-item">
<p>TRUSTED BY 1200+ CUSTOMERS</p>
</div>
<div class="announcement-bar-item">
<p>OPEN FOR CORPORATE ORDERS</p>
</div>
<div class="announcement-bar-item">
<p>CALL US AT +91 7075997671</p>
</div>
</div>
</div>
<span class="icon-close close-announcement-bar"></span>
</div>
<!-- /Announcement Bar -->
<!-- Header -->
<header id="header" class="header-default header-style-2">
<div class="main-header">
<div class="container-full px_15 lg-px_40">
<div class="col-xl-12 col-md-12 col-12 text-center py-3">
<a href="#" class="logo-header">
<img src="images/logo/logo.png" alt="logo" class="logo">
</a>
</div>
</div>
</div>
</header>
<!-- /Header -->
<!-- Slider -->
<div class="tf-slideshow slider-effect-fade position-relative">
<div class="swiper tf-sw-slideshow" data-preview="1" data-tablet="1" data-mobile="1" data-centered="false"
data-space="0" data-loop="true" data-auto-play="false" data-delay="0" data-speed="1000">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="wrap-slider">
<img src="images/slider/cg-slider-4.jpg" alt="fashion-slideshow">
<div class="box-content">
<div class="container slide-pad ">
<!--<h1 class="fade-item fade-item-1 font-poppins fw-6 "><small>Your</small>-->
<!-- Celebrations, <br><small>Our</small> Delights</h1>-->
<!--<p class="fade-item fade-item-2 ">Indulge in the taste of tradition!</p>-->
<div class="fade-item fade-item-3 slide-btn-pad ">
<a href="#calendarmeeting"
class="tf-btn btn-fill animate-hover-btn btn-xl radius-60" data-bs-toggle="modal"><span>Schedule now</span><i class="icon icon-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="wrap-slider">
<img src="images/slider/cg-slider-5.jpg" alt="fashion-slideshow">
<div class="box-content">
<div class="container slide-pad">
<!--<h1 class="fade-item fade-item-1 font-poppins fw-6 "><small>Your</small>-->
<!-- Celebrations, <br><small>Our</small> Delights</h1>-->
<!--<p class="fade-item fade-item-2 ">Indulge in the taste of tradition!</p>-->
<div class="fade-item fade-item-3 slide-btn-pad-1 ">
<a href="#crafted-collection"
class="tf-btn btn-primary animate-hover-btn btn-xl radius-60"><span>Shop
collection</span><i class="icon icon-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="wrap-slider">
<img src="images/slider/cg-slider-6.jpg" alt="fashion-slideshow">
<div class="box-content">
<div class="container slide-pad">
<!--<h1 class="fade-item fade-item-1 font-poppins fw-6"><small> Crafted with</small>-->
<!-- Care, <br><small>Delivered with</small> Love</h1>-->
<!--<p class="fade-item fade-item-2 ">Where every treat tells a story!</p>-->
<div class="fade-item fade-item-3 slide-btn-pad-2 ">
<a href="#crafted-collection"
class="tf-btn btn-light animate-hover-btn btn-xl radius-60"><span>Shop
collection</span><i class="icon icon-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="wrap-slider">
<img src="images/slider/cg-slider-3.jpg" alt="fashion-slideshow">
<div class="box-content">
<div class="container slide-pad">
<h1 class="fade-item fade-item-1 font-poppins fw-6 text-white">Delightful <br>Diwali
Treats.
</h1>
<p class="fade-item fade-item-2 text-white">Savor the sweetness of celebration!</p>
<div class="fade-item fade-item-3 ">
<a href="#crafted-collection"
class="tf-btn btn-light-icon border-line animate-hover-btn btn-xl radius-60"><span>Shop
collection</span><i class="icon icon-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wrap-pagination">
<div class="container slide-pad">
<div class="sw-dots line-pagination sw-pagination-slider"></div>
</div>
</div>
</div>
<!-- /Slider -->
<!-- choose us -->
<!--<section class="bg_red-1">-->
<!-- <div class="container-full">-->
<!-- <div class="bg_red-1 flat-spacing-10">-->
<!-- <div class="container flat-iconbox-v4">-->
<!-- <div class="wrap-carousel wrap-mobile wow fadeInUp" data-wow-delay="0s">-->
<!-- <div class="swiper tf-sw-mobile" data-preview="1" data-space="15">-->
<!-- <div class="swiper-wrapper wrap-iconbox">-->
<!-- <div class="swiper-slide">-->
<!-- <div class="tf-icon-box text-center">-->
<!-- <div class="icon">-->
<!-- <i class="icon-card"></i>-->
<!-- </div>-->
<!-- <div class="content">-->
<!-- <div class="title fw-6">Perfectly Eggless</div>-->
<!-- <p>100% eggless, a treat for everyone</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <div class="tf-icon-box text-center">-->
<!-- <div class="icon">-->
<!-- <i class="icon-shopping"></i>-->
<!-- </div>-->
<!-- <div class="content">-->
<!-- <div class="title fw-6">100% Fresh</div>-->
<!-- <p>Freshness in every bite, guaranteed</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <div class="tf-icon-box text-center">-->
<!-- <div class="icon">-->
<!-- <i class="icon-person"></i>-->
<!-- </div>-->
<!-- <div class="content">-->
<!-- <div class="title fw-6">Luxury Hampers</div>-->
<!-- <p>Premium quality standards in every hamper</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="swiper-slide">-->
<!-- <div class="tf-icon-box text-center">-->
<!-- <div class="icon">-->
<!-- <i class="icon-person"></i>-->
<!-- </div>-->
<!-- <div class="content">-->
<!-- <div class="title fw-6">No preservatives</div>-->
<!-- <p>Wholesome Treats & only pure flavors</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="sw-dots style-2 sw-pagination-mb justify-content-center"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<!-- /choose us -->
<!-- choose us -->
<section class="bg_maroon text-white">
<div class="container-full">
<div class="bg_maroon flat-spacing-10">
<div class="container flat-iconbox-v4">
<div class="flat-title wow fadeInUp" data-wow-delay="0s">
<span class="title font-poppins fw-6">Why Choose Our Corporate Hampers?</span>
</div>
<div class="wrap-carousel wrap-mobile wow fadeInUp" data-wow-delay="0s">
<div class="swiper tf-sw-mobile" data-preview="1" data-space="15">
<div class="swiper-wrapper wrap-iconbox">
<div class="swiper-slide">
<div class="tf-icon-box text-center ">
<div class="icon icon-white">
<i class="icon-check "></i>
</div>
<div class="content">
<div class="title fw-6">Perfectly Eggless</div>
<p>100% Eggless, a treat for everyone</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tf-icon-box text-center">
<div class="icon icon-white">
<i class="icon-plant"></i>
</div>
<div class="content">
<div class="title fw-6">100% Fresh</div>
<p>Freshness in every bite, guaranteed</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tf-icon-box text-center">
<div class="icon icon-white">
<i class="icon-bag"></i>
</div>
<div class="content">
<div class="title fw-6">Sugar-Free Hampers</div>
<p>Indulge guilt-free with our sweet treats</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tf-icon-box text-center">
<div class="icon icon-white">
<i class="icon-person"></i>
</div>
<div class="content">
<div class="title fw-6">No Preservatives</div>
<p>Wholesome Treats & only pure flavors</p>
</div>
</div>
</div>
</div>
</div>
<div class="sw-dots style-2 sw-pagination-mb justify-content-center"></div>
</div>
</div>
</div>
</div>
</section>
<!-- /choose us -->
<!-- Iconbox -->
<!-- <section class="flat-spacing-25 bg_light-green-3">
<div class="container">
<div class="swiper tf-sw-recent" data-preview="3" data-tablet="3" data-mobile="1" data-space-lg="30"
data-space-md="30" data-space="15" data-pagination="1" data-pagination-md="1" data-pagination-lg="1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="tf-icon-box-v2">
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" class="" width="29" height="30"
viewBox="0 0 29 30">
<path
d="M14.2504 30L0 22.8814V7.01669L14.2504 0L28.5009 7.01273V22.8814L14.2504 30ZM2.64633 21.246L14.2504 27.0388L25.8546 21.242V8.66276L14.2504 2.95069L2.64633 8.66276V21.246ZM15.5736 28.5207H12.9273V15.0152L0.739716 9.02798L1.90671 6.64627L15.5736 13.3666V28.5207ZM15.5736 28.5207H12.9273V13.3665L26.5942 6.6515L27.7612 9.03321L15.5736 15.0152V28.5207ZM14.2504 15.6596L0.739716 9.02798L1.90671 6.64627L14.2504 12.717L26.5942 6.65292L27.7612 9.03457L14.2504 15.6596Z">
</path>
</svg>
</span>
<div class="title font-poppins fs-14">Free Shipping on Orders Over $120</div>
</div>
</div>
<div class="swiper-slide">
<div class="tf-icon-box-v2">
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" class="" width="30" height="22"
viewBox="0 0 30 22">
<path
d="M0 0H29.4643V22H0V0ZM27.5 1.9643H1.9643V20.0357H27.5V1.9643ZM0 4.97617H29.4643V11.9167H0V4.97617ZM27.5 6.94047H1.9643V9.95238H27.5V6.94047Z">
</path>
</svg>
</span>
<div class="title font-poppins fs-14">Versatile and Adaptable Payment Solutions
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tf-icon-box-v2">
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" class="" width="29" height="18"
viewBox="0 0 29 18">
<path
d="M25.5 1.5V7.5H5.745L11.115 2.115L9 0L0 9L9 18L11.115 15.885L5.745 10.5H28.5V1.5H25.5Z">
</path>
</svg>
</span>
<div class="title font-poppins fs-14">14-Day Hassle-Free Return Policy</div>
</div>
</div>
</div>
</div>
<div class="sw-dots style-2 sw-pagination-recent justify-content-center"></div>
</div>
</section> -->
<!-- /Iconbox -->
<!-- Best seller -->
<section class="flat-spacing-15">
<div class="container">
<!--<div class="flat-title mb_1 wow fadeInUp" data-wow-delay="0s">-->
<!-- <span class="title font-poppins fw-6">Gifting Happiness with Hampers</span>-->
<!--</div>-->
<div class="flat-title">
<span class="title fw-6">Gifting Happiness with Hampers</span>
<p class="sub-title text_black-2">Every celebration deserves something special. we have been
delighting Hyderabad with our baked treats for years. <br class="d-xl-block d-none"> Now, we
bring the same excellence
to corporate gifting, offering customizable hampers that deliver joy, flavor, and gratitude all
across Hyderabad.</p>
</div>
<div class="hover-sw-nav hover-sw-3">
<div class="swiper tf-sw-product-sell wrap-sw-over" data-preview="4" data-tablet="3" data-mobile="2"
data-space-lg="30" data-space-md="15" data-pagination="2" data-pagination-md="3"
data-pagination-lg="3">
<div class="swiper-wrapper">
<div class="swiper-slide" lazy="true">
<div class="card-product">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/hamper-1.png"
src="images/products/hamper-1.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/hamper-1.png"
src="images/products/hamper-1.png" alt="image-product">
</a>
<div class="list-product-btn">
<!-- <a href="#quick_add" data-bs-toggle="modal"
class="box-icon bg_white quick-add tf-btn-loading">
<span class="icon icon-bag"></span>
<span class="tooltip">Quick Add</span>
</a> -->
<!-- <a href="javascript:void(0);"
class="box-icon bg_white wishlist btn-icon-action">
<span class="icon icon-heart"></span>
<span class="tooltip">Add to Wishlist</span>
<span class="icon icon-delete"></span>
</a>
<a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"
class="box-icon bg_white compare btn-icon-action">
<span class="icon icon-compare"></span>
<span class="tooltip">Add to Compare</span>
<span class="icon icon-check"></span>
</a>
<a href="#quick_view" data-bs-toggle="modal"
class="box-icon bg_white quickview tf-btn-loading">
<span class="icon icon-view"></span>
<span class="tooltip">Quick View</span>
</a> -->
</div>
<!-- <div class="size-list">
<span>4 sizes available</span>
</div> -->
</div>
<!-- <div class="card-product-info">
<a href="#" class="title link">Ribbed Tank Top</a>
<span class="price">$16.95</span>
<ul class="list-color-product">
<li class="list-color-item color-swatch active">
<span class="tooltip">Orange</span>
<span class="swatch-value bg_orange-3"></span>
<img class="lazyload" data-src="images/products/orange-1.jpg"
src="images/products/orange-1.jpg" alt="image-product">
</li>
<li class="list-color-item color-swatch">
<span class="tooltip">Black</span>
<span class="swatch-value bg_dark"></span>
<img class="lazyload" data-src="images/products/black-1.jpg"
src="images/products/black-1.jpg" alt="image-product">
</li>
<li class="list-color-item color-swatch">
<span class="tooltip">White</span>
<span class="swatch-value bg_white"></span>
<img class="lazyload" data-src="images/products/white-1.jpg"
src="images/products/white-1.jpg" alt="image-product">
</li>
</ul>
</div> -->
</div>
</div>
<div class="swiper-slide" lazy="true">
<div class="card-product">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/hamper-2.png"
src="images/products/hamper-2.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/hamper-2.png"
src="images/products/hamper-2.png" alt="image-product">
</a>
<!-- <div class="list-product-btn">
<a href="#quick_add" data-bs-toggle="modal"
class="box-icon bg_white quick-add tf-btn-loading">
<span class="icon icon-bag"></span>
<span class="tooltip">Quick Add</span>
</a>
<a href="javascript:void(0);"
class="box-icon bg_white wishlist btn-icon-action">
<span class="icon icon-heart"></span>
<span class="tooltip">Add to Wishlist</span>
<span class="icon icon-delete"></span>
</a>
<a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"
class="box-icon bg_white compare btn-icon-action">
<span class="icon icon-compare"></span>
<span class="tooltip">Add to Compare</span>
<span class="icon icon-check"></span>
</a>
<a href="#quick_view" data-bs-toggle="modal"
class="box-icon bg_white quickview tf-btn-loading">
<span class="icon icon-view"></span>
<span class="tooltip">Quick View</span>
</a>
</div>
<div class="size-list">
<span>4 sizes available</span>
</div>
<div class="on-sale-wrap">
<div class="on-sale-item">-33%</div>
</div>
<div class="countdown-box">
<div class="js-countdown" data-timer="1007500" data-labels="d :,h :,m :,s">
</div>
</div> -->
</div>
<!-- <div class="card-product-info">
<a href="#" class="title link">Ribbed modal T-shirt</a>
<span class="price">From $18.95</span>
<ul class="list-color-product">
<li class="list-color-item color-swatch active">
<span class="tooltip">Brown</span>
<span class="swatch-value bg_brown"></span>
<img class="lazyload" data-src="images/products/brown.jpg"
src="images/products/brown.jpg" alt="image-product">
</li>
<li class="list-color-item color-swatch">
<span class="tooltip">Light Purple</span>
<span class="swatch-value bg_purple"></span>
<img class="lazyload" data-src="images/products/purple.jpg"
src="images/products/purple.jpg" alt="image-product">
</li>
<li class="list-color-item color-swatch">
<span class="tooltip">Light Green</span>
<span class="swatch-value bg_light-green"></span>
<img class="lazyload" data-src="images/products/green.jpg"
src="images/products/green.jpg" alt="image-product">
</li>
</ul>
</div> -->
</div>
</div>
<div class="swiper-slide" lazy="true">
<div class="card-product">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/hamper-3.png"
src="images/products/hamper-3.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/hamper-3.png"
src="images/products/hamper-3.png" alt="image-product">
</a>
<!-- <div class="list-product-btn absolute-2">
<a href="#shoppingCart" data-bs-toggle="modal"
class="box-icon bg_white quick-add tf-btn-loading">
<span class="icon icon-bag"></span>
<span class="tooltip">Add to cart</span>
</a>
<a href="javascript:void(0);"
class="box-icon bg_white wishlist btn-icon-action">
<span class="icon icon-heart"></span>
<span class="tooltip">Add to Wishlist</span>
<span class="icon icon-delete"></span>
</a>
<a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"
class="box-icon bg_white compare btn-icon-action">
<span class="icon icon-compare"></span>
<span class="tooltip">Add to Compare</span>
<span class="icon icon-check"></span>
</a>
<a href="#quick_view" data-bs-toggle="modal"
class="box-icon bg_white quickview tf-btn-loading">
<span class="icon icon-view"></span>
<span class="tooltip">Quick View</span>
</a>
</div> -->
</div>
<!-- <div class="card-product-info">
<a href="#" class="title link">Oversized Printed T-shirt</a>
<span class="price">$10.00</span>
</div> -->
</div>
</div>
<div class="swiper-slide" lazy="true">
<div class="card-product">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/hamper-4.png"
src="images/products/hamper-4.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/hamper-4.png"
src="images/products/hamper-4.png" alt="image-product">
</a>
<!-- <div class="list-product-btn">
<a href="#quick_add" data-bs-toggle="modal"
class="box-icon bg_white quick-add tf-btn-loading">
<span class="icon icon-bag"></span>
<span class="tooltip">Quick Add</span>
</a>
<a href="javascript:void(0);"
class="box-icon bg_white wishlist btn-icon-action">
<span class="icon icon-heart"></span>
<span class="tooltip">Add to Wishlist</span>
<span class="icon icon-delete"></span>
</a>
<a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"
class="box-icon bg_white compare btn-icon-action">
<span class="icon icon-compare"></span>
<span class="tooltip">Add to Compare</span>
<span class="icon icon-check"></span>
</a>
<a href="#quick_view" data-bs-toggle="modal"
class="box-icon bg_white quickview tf-btn-loading">
<span class="icon icon-view"></span>
<span class="tooltip">Quick View</span>
</a>
</div>
<div class="size-list">
<span>4 sizes available</span>
</div> -->
</div>
<!-- <div class="card-product-info">
<a href="#" class="title">Oversized Printed T-shirt</a>
<span class="price">$16.95</span>
<ul class="list-color-product">
<li class="list-color-item color-swatch active">
<span class="tooltip">White</span>
<span class="swatch-value bg_white"></span>
<img class="lazyload" data-src="images/products/white-2.jpg"
src="images/products/white-2.jpg" alt="image-product">
</li>
<li class="list-color-item color-swatch">
<span class="tooltip">Pink</span>
<span class="swatch-value bg_purple"></span>
<img class="lazyload" data-src="images/products/pink-1.jpg"
src="images/products/pink-1.jpg" alt="image-product">
</li>
<li class="list-color-item color-swatch">
<span class="tooltip">Black</span>
<span class="swatch-value bg_dark"></span>
<img class="lazyload" data-src="images/products/black-2.jpg"
src="images/products/black-2.jpg" alt="image-product">
</li>
</ul>
</div> -->
</div>
</div>
<div class="swiper-slide" lazy="true">
<div class="card-product">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/hamper-5.png"
src="images/products/hamper-5.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/hamper-5.png"
src="images/products/hamper-5.png" alt="image-product">
</a>
<!-- <div class="size-list">
<span>4 sizes available</span>
</div>
<div class="list-product-btn">
<a href="#quick_add" data-bs-toggle="modal"
class="box-icon bg_white quick-add tf-btn-loading">
<span class="icon icon-bag"></span>
<span class="tooltip">Quick Add</span>
</a>
<a href="javascript:void(0);"
class="box-icon bg_white wishlist btn-icon-action">
<span class="icon icon-heart"></span>
<span class="tooltip">Add to Wishlist</span>
<span class="icon icon-delete"></span>
</a>
<a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"
class="box-icon bg_white compare btn-icon-action">
<span class="icon icon-compare"></span>
<span class="tooltip">Add to Compare</span>
<span class="icon icon-check"></span>
</a>
<a href="#quick_view" data-bs-toggle="modal"
class="box-icon bg_white quickview tf-btn-loading">
<span class="icon icon-view"></span>
<span class="tooltip">Quick View</span>
</a>
</div> -->
</div>
<!-- <div class="card-product-info">
<a href="#" class="title link">V-neck linen T-shirt</a>
<span class="price">$114.95</span>
<ul class="list-color-product">
<li class="list-color-item color-swatch active">
<span class="tooltip">Brown</span>
<span class="swatch-value bg_brown"></span>
<img class="lazyload" data-src="images/products/brown-2.jpg"
src="images/products/brown-2.jpg" alt="image-product">
</li>
<li class="list-color-item color-swatch">
<span class="tooltip">White</span>
<span class="swatch-value bg_white"></span>
<img class="lazyload" data-src="images/products/white-5.jpg"
src="images/products/white-5.jpg" alt="image-product">
</li>
</ul>
</div> -->
</div>
</div>
<!-- <div class="swiper-slide" lazy="true">
<div class="card-product">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/light-green-1.jpg"
src="images/products/light-green-1.jpg" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/light-green-2.jpg"
src="images/products/light-green-2.jpg" alt="image-product">
</a>
<div class="list-product-btn absolute-2">
<a href="#quick_add" data-bs-toggle="modal"
class="box-icon bg_white quick-add tf-btn-loading">
<span class="icon icon-bag"></span>
<span class="tooltip">Quick Add</span>
</a>
<a href="javascript:void(0);"
class="box-icon bg_white wishlist btn-icon-action">
<span class="icon icon-heart"></span>
<span class="tooltip">Add to Wishlist</span>
<span class="icon icon-delete"></span>
</a>
<a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"
class="box-icon bg_white compare btn-icon-action">
<span class="icon icon-compare"></span>
<span class="tooltip">Add to Compare</span>
<span class="icon icon-check"></span>
</a>
<a href="#quick_view" data-bs-toggle="modal"
class="box-icon bg_white quickview tf-btn-loading">
<span class="icon icon-view"></span>
<span class="tooltip">Quick View</span>
</a>
</div>
</div>
<div class="card-product-info">
<a href="#" class="title link">Loose Fit Sweatshirt</a>
<span class="price">$10.00</span>
<ul class="list-color-product">
<li class="list-color-item color-swatch active">
<span class="tooltip">Light Green</span>
<span class="swatch-value bg_light-green"></span>
<img class="lazyload" data-src="images/products/light-green-1.jpg"
src="images/products/light-green-1.jpg" alt="image-product">
</li>
<li class="list-color-item color-swatch">
<span class="tooltip">Black</span>
<span class="swatch-value bg_dark"></span>
<img class="lazyload" data-src="images/products/black-3.jpg"
src="images/products/black-3.jpg" alt="image-product">
</li>
<li class="list-color-item color-swatch">
<span class="tooltip">Blue</span>
<span class="swatch-value bg_blue-2"></span>
<img class="lazyload" data-src="images/products/blue.jpg"
src="images/products/blue.jpg" alt="image-product">
</li>
<li class="list-color-item color-swatch">
<span class="tooltip">Dark Blue</span>
<span class="swatch-value bg_dark-blue"></span>
<img class="lazyload" data-src="images/products/dark-blue.jpg"
src="images/products/dark-blue.jpg" alt="image-product">
</li>
<li class="list-color-item color-swatch">
<span class="tooltip">White</span>
<span class="swatch-value bg_white"></span>
<img class="lazyload" data-src="images/products/white-6.jpg"
src="images/products/white-6.jpg" alt="image-product">
</li>
<li class="list-color-item color-swatch">
<span class="tooltip">Light Grey</span>
<span class="swatch-value bg_light-grey"></span>
<img class="lazyload" data-src="images/products/light-grey.jpg"
src="images/products/light-grey.jpg" alt="image-product">
</li>
</ul>
</div>
</div>
</div> -->
</div>
</div>
<div class="nav-sw nav-next-slider nav-next-product box-icon w_46 round"><span
class="icon icon-arrow-left"></span></div>
<div class="nav-sw nav-prev-slider nav-prev-product box-icon w_46 round"><span
class="icon icon-arrow-right"></span></div>
</div>
</div>
</section>
<section class="flat-spacing-5 pt_0">
<div class="container">
<div class="flat-title">
<span class="title fw-6">Watch Our Creations Come to Life </span>
</div>
<div class="hover-sw-nav">
<div class="swiper tf-sw-collection" data-preview="4" data-tablet="2" data-mobile="2"
data-space-lg="30" data-space-md="30" data-space="15" data-loop="false" data-auto-play="false">
<div class="swiper-wrapper">
<div class="swiper-slide" lazy="true">
<div class="collection-item style-2 ">
<div class="collection-inner video-container"></div>
</div>
</div>
<div class="swiper-slide" lazy="true">
<div class="collection-item style-2 ">
<div class="collection-inner video-container" id=""></div>
</div>
</div>
<div class="swiper-slide" lazy="true">
<div class="collection-item style-2 ">
<div class="collection-inner video-container"></div>
</div>
</div>
<div class="swiper-slide" lazy="true">
<div class="collection-item style-2 ">
<div class="collection-inner video-container"></div>
</div>
</div>
<!-- <div class="swiper-slide" lazy="true">
<div class="collection-item style-2 hover-img">
<div class="collection-inner">
<img class="lazyload" data-src="images/collections/collection-46.jpg"
src="images/collections/collection-46.jpg" alt="collection-img">
</div>
</div>
</div> -->
</div>
</div>
<div class="nav-sw nav-next-slider nav-next-collection box-icon w_46 round"><span
class="icon icon-arrow-left"></span></div>
<div class="nav-sw nav-prev-slider nav-prev-collection box-icon w_46 round"><span
class="icon icon-arrow-right"></span></div>
<div class="sw-dots style-2 sw-pagination-collection justify-content-center"></div>
</div>
</div>
</section>
<!-- /Best seller -->
<!-- /page-title -->
<section class="flat-spacing" id="crafted-collection">
<div class="container">
<div class="flat-title wow fadeInUp" data-wow-delay="0s">
<span class="title font-poppins fw-6">Crafted Collections</span>
</div>
<div class="wrapper-control-shop">
<!--<div class="meta-filter-shop"></div>-->
<div class="grid-layout wrapper-shop" data-grid="grid-4">
<!-- card product 1 -->
<div class="card-product" data-price="" data-color="orange black white">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/CG1.png"
src="images/products/CG1.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/CG1.png"
src="images/products/CG1.png" alt="image-product">
</a>
<div class="list-product-btn absolute-2">
<a href="#quick_view" data-bs-toggle="modal"
class="box-icon bg_primary quickview tf-btn-loading">
<!-- <span class="icon icon-view"></span> -->
<span class="">Quick View</span>
</a>
</div>
</div>
<div class="card-product-info">
<a href="#" class="title link fw-6">Happy Sensations</a>
</div>
</div>
<!-- card product 2 -->
<div class="card-product" data-price="" data-size="m l xl"
data-color="brown light-purple light-green">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/CG2.png"
src="images/products/CG2.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/CG2.png"
src="images/products/CG2.png" alt="image-product">
</a>
<div class="list-product-btn absolute-2">
<a href="#quick_view_1" data-bs-toggle="modal"
class="box-icon bg_primary quickview tf-btn-loading">
<!-- <span class="icon icon-view"></span> -->
<span class="">Quick View</span>
</a>
</div>
</div>
<div class="card-product-info">
<a href="#" class="title link fw-6">Bundle of Joy</a>
</div>
</div>
<!-- card product 3 -->
<div class="card-product" data-price="">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/CG8.png"
src="images/products/CG8.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/CG8.png"
src="images/products/CG8.png" alt="image-product">
</a>
<div class="list-product-btn absolute-2">
<a href="#quick_view_2" data-bs-toggle="modal"
class="box-icon bg_primary quickview tf-btn-loading">
<!-- <span class="icon icon-view"></span> -->
<span class="">Quick View</span>
</a>
</div>
</div>
<div class="card-product-info">
<a href="#" class="title link fw-6">Festive Celebration</a>
<!-- <span class="price">$10.00</span> -->
</div>
</div>
<!-- card product 4 -->
<div class="card-product" data-price="" data-size="s m l xl"
data-color="white purple black">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/CG4.png"
src="images/products/CG4.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/CG4.png"
src="images/products/CG4.png" alt="image-product">
</a>
<div class="list-product-btn absolute-2">
<a href="#quick_view_3" data-bs-toggle="modal"
class="box-icon bg_primary quickview tf-btn-loading">
<!-- <span class="icon icon-view"></span> -->
<span class="">Quick View</span>
</a>
</div>
</div>
<div class="card-product-info">
<a href="#" class="title fw-6">Celebration Box</a>
</div>
</div>
<!-- card product 6 -->
<div class="card-product" data-price=""
data-color="light-green black blue dark-blue white light-grey">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/CG3.png"
src="images/products/CG3.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/CG3.png"
src="images/products/CG3.png" alt="image-product">
</a>
<div class="list-product-btn absolute-2">
<a href="#quick_view_4" data-bs-toggle="modal"
class="box-icon bg_primary quickview tf-btn-loading">
<!-- <span class="icon icon-view"></span> -->
<span class="">Quick View</span>
</a>
</div>
</div>
<div class="card-product-info">
<a href="#" class="title link fw-6">Bon Bon Chocolate Box-S</a>
</div>
</div>
<!-- card product 7 -->
<div class="card-product" data-price="" data-size="s m l"
data-color="black dark-blue beige light-blue white">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/CG11.png"
src="images/products/CG11.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/CG11.png"
src="images/products/CG11.png" alt="image-product">
</a>
<div class="list-product-btn absolute-2">
<a href="#quick_view_5" data-bs-toggle="modal"
class="box-icon bg_primary quickview tf-btn-loading">
<!-- <span class="icon icon-view"></span> -->
<span class="">Quick View</span>
</a>
</div>
</div>
<div class="card-product-info">
<a href="#" class="title link fw-6">Assorted Brownie Pack of 6</a>
</div>
</div>
<!-- card product 8 -->
<div class="card-product" data-price="" data-size="s m l xl" data-color="white black blue">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/CG9.png"
src="images/products/CG9.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/CG9.png"
src="images/products/CG9.png" alt="image-product">
</a>
<div class="list-product-btn absolute-2">
<a href="#quick_view_6" data-bs-toggle="modal"
class="box-icon bg_primary quickview tf-btn-loading">
<!-- <span class="icon icon-view"></span> -->
<span class="">Quick View</span>
</a>
</div>
</div>
<div class="card-product-info">
<a href="#" class="title link fw-6">Bon Bon Chocolate Box-R</a>
</div>
</div>
<!-- card product 9 -->
<div class="card-product" data-price="" data-size="m l xl" data-color="brown black">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/CG10.png"
src="images/products/CG10.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/CG10.png"
src="images/products/CG10.png" alt="image-product">
</a>
<div class="list-product-btn absolute-2">
<a href="#quick_view_7" data-bs-toggle="modal"
class="box-icon bg_primary quickview tf-btn-loading">
<!-- <span class="icon icon-view"></span> -->
<span class="">Quick View</span>
</a>
</div>
</div>
<div class="card-product-info">
<a href="#" class="title link fw-6">Assorted Brownie Pack of 3</a>
</div>
</div>
<!-- card product 10 -->
<div class="card-product" data-price="" data-size="s m l" data-color="black white">
<div class="card-product-wrapper">
<a href="#" class="product-img">
<img class="lazyload img-product" data-src="images/products/CG6.png"
src="images/products/CG6.png" alt="image-product">
<img class="lazyload img-hover" data-src="images/products/CG6.png"
src="images/products/CG6.png" alt="image-product">
</a>
<div class="list-product-btn absolute-2">
<a href="#quick_view_8" data-bs-toggle="modal"
class="box-icon bg_primary quickview tf-btn-loading">
<!-- <span class="icon icon-view"></span> -->
<span class="">Quick View</span>
</a>
</div>
</div>
<div class="card-product-info">
<a href="#" class="title link fw-6">Bon Bon Chocolate Hamper</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Banner Collection -->
<!-- Shop Collection -->
<!-- <section class="flat-spacing-15">
<div class="container">
<div class="tf-grid-layout md-col-2 tf-img-with-text style-1">
<div class="tf-image-wrap wow fadeInUp" data-wow-delay="0s">
<img class="lazyload" data-src="images/delivery.png" src="images/delivery.png"
alt="collection-img">
</div>
<div class="tf-content-wrap wow fadeInUp" data-wow-delay="0s">
<div class="heading fw-6">Customise Hampers</div>
<p class="description">Your Vision, Our Creation: Share your preferences with us, and we'll
craft a hamper that perfectly reflects your brand and the occasion. Add a personal touch
with logo, custom messages and dedications to make it even more special. Choose from a
variety of packaging options to match your brand or the festive theme, ensuring that every
detail is tailored to your needs. Select the perfect combination of treats from our
extensive range, including chocolates, cookies, nuts, and more. Plus, for health-conscious
recipients, we offer sugar-free and healthy options to cater to every taste.</p>
</div>
</div>
</div>
</section> -->
<!-- /Shop Collection -->
<!-- Banner Collection -->
<section class="flat-spacing-15">
<div class="container">
<div class="tf-banner-collection">
<img class="lazyload" data-src="images/collections/home-bg1.jpg"
src="images/collections/home-bg1.jpg" alt="img-banner" loading="lazy">
<div class="box-content">
<div class="container wow fadeInUp" data-wow-delay="0s">
<h2 class="heading fw-6 text_white">Customise Hampers</h2>
<!-- <p class="text_white">Your Vision, Our Creation: Share your preferences with us, <br
class="d-xl-block d-none"> and we'll
craft a hamper that perfectly reflects your brand <br class="d-xl-block d-none"> and the
occasion. Add a personal touch
with logo, custom <br class="d-xl-block d-none"> messages and dedications to make it
even more special. <br class="d-xl-block d-none">Choose from a variety of packaging
options to match your <br class="d-xl-block d-none"> brand or the festive theme,
ensuring that every detail is <br class="d-xl-block d-none"> tailored to your needs.
Select the perfect combination of <br class="d-xl-block d-none"> treats from
our extensive range, including chocolates, <br class="d-xl-block d-none"> cookies, nuts,
and more. Plus, for health-conscious <br class="d-xl-block d-none">
recipients, we offer sugar-free and healthy options to <br class="d-xl-block d-none">
cater to every taste.</p> -->
<p class="text_white">Delighting Hyderabad for years with our baked treats, we now bring <br
class="d-xl-block d-none"> the
same excellence to corporate gifting. Celebrate with customizable <br
class="d-xl-block d-none"> hampers that spread
joy, flavor, and gratitude throughout the city.</p>
<!--<a href="" data-bs-toggle="modal" class="rounded-full tf-btn style-3 fw-6 btn-light-icon animate-hover-btn"><span>Create Your Hamper</span></a> -->
<button type="button" id="click" class="rounded-full tf-btn style-3 fw-6 btn-light-icon animate-hover-btn">Create Your Hamper</button>
</div>
</div>
</div>
</div>
</section>
<!-- /Banner Collection -->
<!-- form -->
<section class="bg_grey-7 flat-spacing-9 ">
<div class="container">
<div class="flat-title">
<span class="title fw-6">Get in Touch</span>
<p class="sub-title text_black-2">If you’ve got great products your making or looking to work with
us then drop us a line.</p>
</div>
<div>
<!-- <form class="mw-705 mx-auto text-center form-contact" id="contactform"
onsubmit="submitPatientForm(event)">
<div class="d-flex gap-15 mb_15">
<fieldset class="w-100">
<input type="text" name="name" id="nameId" required placeholder="Name *" />
</fieldset>
<fieldset class="w-100">
<input type="email" name="email" id="emailId" required placeholder="Email *" />
</fieldset>
</div>
<div class="d-flex gap-15 mb_15">
<fieldset class="w-100">
<input type="tel" name="phone" id="phoneId" required placeholder="Number *" />
</fieldset>
<fieldset class="w-100">
<input type="text" name="address" id="addressId" required placeholder="Address *" />
</fieldset>
</div>
<div class="mb_15">
<fieldset class="box fieldset">
<div class="select-custom">
<select class="tf-select w-100" id="occasionId" name="occasion" data-default="">
<option value="Occasion" data-provinces="[]">Occasion</option>
<option value="Festive" data-provinces="[]">Festive Celebrations</option>
<option value="Corporate" data-provinces="[]">Corporate Gifting</option>
<option value="Office" data-provinces="[]">Office Celebrations</option>
<option value="Client" data-provinces="[]">Client Gifting</option>
<option value="Others" data-provinces="[]">Others</option>
</select>
</div>
</fieldset>
</div>
<div class="mb_15">
<textarea placeholder="Message" name="message" id="messageId" required cols="30"
rows="10"></textarea>
</div>
<div class="send-wrap">
<button type="submit"
class="tf-btn radius-3 btn-primary animate-hover-btn justify-content-center">Submit</button>
</div>
</form> -->
<form id='worke-form-d6ce8237-e883-48ff-9ab9-c0bb3d94a603' class="mw-705 mx-auto text-center form-contact EnquiryForm" onsubmit="WorkeSubmissionHandling(event, 'worke-form-d6ce8237-e883-48ff-9ab9-c0bb3d94a603','app.backend')">
<p id="worke-success-message" style="display: none; color:white; margin: 20px 15px; font-family: Trebuchet MS; font-size: 20px; background-color: rgb(75, 181, 67); padding: 10px; border-radius: 5px;">
Form Submitted Successfully</p>
<input type='text' value="d6ce8237-e883-48ff-9ab9-c0bb3d94a603" style="display: none" name="form_id" required />
<input type='text' value="3ead1f2d-63de-427f-b63e-6b05d413dcb1" style="display: none" name="organisation_id" required />
<div style="display: grid; margin: 20px 15px">
<input type="text" name="Full Name" id="a5e2da32-d548-4760-a20d-11dabf1dbd63" data-key="TEXT" data-name="Full Name" placeholder="Full Name" required />
</div>
<div style="display: grid; margin: 20px 15px">
<input type="text" name="Email Id" id="3db3069e-68b4-419b-b787-c114d5a84014" data-key="TEXT" data-name="Email Id" placeholder="Email Id" required />
</div>
<div style="display: grid; margin: 20px 15px">
<div style="display: table-row;">
<select id="f0a25ee4-b1c5-4f1b-a77d-b0c7ae25d232" name="ccode" data-key="NUMBER" data-name="ccode" placeholder="Phone Number" class="worke-ccode-select tf-select" style="padding:14px; height: 49px !important; font-size: 14px; max-width:29%;"></select>
<input type="text" style="padding:12px; font-size:16px; max-width:70%" name="Phone Number" id="f6f69846-7e5f-4785-a7aa-d5c20deedff0" data-key="TEXT" data-name="Phone Number" required />
</div>
</div>
<div style="display: grid; margin: 20px 15px">
<input type="text" name="Company" id="b101acab-a7cd-44fe-88ab-6e7dc34c80ab" data-key="TEXT" data-name="Company" placeholder="Company Name" />
</div>
<div style="display: grid; margin: 20px 15px">
<select type="text" name="No of Units" placeholder="No of Units" id="efa63de0-5ef9-42db-bfef-5c50f029a200" data-key="SELECT_DROPDOWN" data-name="No of Units" class="worke-number_of_units-select tf-select">
<option value="" style="font-size: 12px;">No of Units</option>
<option value='Upto 50' style="font-size: 12px;">Upto 50</option>
<option value='50-100' style="font-size: 12px;">50-100</option>
<option value='100-200' style="font-size: 12px;">100-200</option>
<option value='More than 200' style="font-size: 12px;">More than 200</option>
</select>
</div>
<div style="display: grid; margin: 20px 15px">
<select type="text" name="Delivery City" placeholder="Delivery City" id="5d6d2b96-56e9-43a9-b841-9eedb9d654b5" data-key="SELECT_DROPDOWN" data-name="Delivery City" class="worke-delivery_city-select tf-select">
<option value="" style="font-size: 12px;">Delivery City</option>
<option value='Hyderabad' style="font-size: 12px;">Hyderabad</option>
<option value='Bangalore' style="font-size: 12px;">Bangalore</option>
<option value='Chennai' style="font-size: 12px;">Chennai</option>
<option value='Mumbai' style="font-size: 12px;">Mumbai</option>
<option value='Delhi' style="font-size: 12px;">Delhi</option>
<option value='Others' style="font-size: 12px;">Others</option>
</select>
</div>
<div style="display: grid; margin: 20px 15px">
<input type="date" name="Occasion on" id="7975fbf7-d6b7-4839-8860-b935c20dd0b7" placeholder="Occasion on" data-key="DATE" data-name="Occasion on" />
</div>
<div style="display: grid; margin: 20px 15px">
<select type="text" name="Occasion" placeholder="Occasion" id="0bb27613-119f-4416-94d7-f2840abbcf3a" data-key="SELECT_DROPDOWN" data-name="Occasion" class="worke-occasion-select tf-select">
<option value="" style="font-size: 12px;">Occasion</option>
<option value='Festive Celebrations' style="font-size: 12px;">Festive Celebrations</option>
<option value='Corporate Gifting' style="font-size: 12px;">Corporate Gifting</option>
<option value='Office Celebrations' style="font-size: 12px;">Office Celebrations</option>
<option value='Client Gifting' style="font-size: 12px;">Client Gifting</option>
<option value='Others' style="font-size: 12px;">Others</option>
</select>
</div>
<div style="display: grid; margin: 20px 15px">
<textarea type="text" style="padding:7px; font-size:16px; " name="Message" placeholder="Message"
id="cf977f59-cfa4-4498-9ffb-293abf5ccdbe" data-key="TEXT_AREA"
data-name="Message"></textarea>
</div>
<div style="display: flex; justify-content: center;" class="gap-10">
<button type='reset'
class="tf-btn radius-3 btn-fill animate-hover-btn justify-content-center">Reset</button>
<button type='submit'
class="tf-btn radius-3 btn-primary animate-hover-btn justify-content-center">Submit</button>
</div>
</form>
<script src="https://cdn.brexa.ai/form.js"></script>
</div>
</div>
</section>
<!-- /form -->
<!-- Shop gram -->
<section class="flat-spacing-10">
<div class="container">
<div class="flat-title wow fadeInUp" data-wow-delay="0s">
<span class="title font-poppins fw-6">Be active. Be social</span>
<p class="sub-title text_black-3">Follow <a href="https://www.instagram.com/ks_bakers/" target="_blank"> <strong>@ks_bakers</strong></a> on Instagram</p>
</div>
<div class="wrap-carousel wrap-shop-gram">
<div class="swiper tf-sw-shop-gallery" data-preview="5" data-tablet="3" data-mobile="2"
data-space-lg="7" data-space-md="7">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="gallery-item hover-img wow fadeInUp" data-wow-delay="0s">
<div class="img-style">
<img class="lazyload img-hover" data-src="images/shop/gallery/insta-1.jpg"
src="images/shop/gallery/insta-1.jpg" alt="image-gallery">
</div>
<!-- <a href="#quick_add" data-bs-toggle="modal" class="box-icon"><span
class="icon icon-bag"></span> <span class="tooltip">Quick Add</span></a> -->
</div>
</div>
<div class="swiper-slide">
<div class="gallery-item hover-img wow fadeInUp" data-wow-delay=".1s">
<div class="img-style">
<img class="lazyload img-hover" data-src="images/shop/gallery/insta-2.jpg"
src="images/shop/gallery/insta-2.jpg" alt="image-gallery">
</div>
<!-- <a href="#quick_add" data-bs-toggle="modal" class="box-icon"><span
class="icon icon-bag"></span> <span class="tooltip">Quick Add</span></a> -->
</div>
</div>
<div class="swiper-slide">
<div class="gallery-item hover-img wow fadeInUp" data-wow-delay=".2s">
<div class="img-style">
<img class="lazyload img-hover" data-src="images/shop/gallery/insta-3.jpg"
src="images/shop/gallery/insta-3.jpg" alt="image-gallery">
</div>
<!-- <a href="#quick_add" data-bs-toggle="modal" class="box-icon"><span
class="icon icon-bag"></span> <span class="tooltip">Quick Add</span></a> -->
</div>
</div>
<div class="swiper-slide">
<div class="gallery-item hover-img wow fadeInUp" data-wow-delay=".3s">
<div class="img-style">
<img class="lazyload img-hover" data-src="images/shop/gallery/insta-4.jpg"
src="images/shop/gallery/insta-4.jpg" alt="image-gallery">
</div>
<!-- <a href="#" class="box-icon"><span class="icon icon-bag"></span>
<span class="tooltip">View product</span></a> -->
</div>
</div>
<div class="swiper-slide">
<div class="gallery-item hover-img wow fadeInUp" data-wow-delay=".4s">
<div class="img-style">
<img class="lazyload img-hover" data-src="images/shop/gallery/insta-5.jpg"
src="images/shop/gallery/insta-5.jpg" alt="image-gallery">
</div>
<!-- <a href="#" class="box-icon"><span class="icon icon-bag"></span>
<span class="tooltip">View product</span></a> -->
</div>
</div>
<div class="swiper-slide">
<div class="gallery-item hover-img wow fadeInUp" data-wow-delay=".4s">
<div class="img-style">
<img class="lazyload img-hover" data-src="images/shop/gallery/insta-6.jpg"
src="images/shop/gallery/insta-6.jpg" alt="image-gallery">
</div>
<!-- <a href="#" class="box-icon"><span class="icon icon-bag"></span>
<span class="tooltip">View product</span></a> -->
</div>
</div>
</div>
</div>
<div class="sw-dots sw-pagination-gallery justify-content-center"></div>
</div>
</div>
</section>
<!-- Shop gram -->
<!-- Footer -->
<footer id="footer" class="footer background-gray md-pb-70">
<div class="footer-wrap">
<div class="footer-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-4 col-md-6 col-12">
<div class="footer-infor">
<div class="footer-logo">
<a href="#">
<img src="images/logo/logo.png" width="150" alt="">
</a>
</div>
<ul>
<li>
<p>Address:
KS Bakers Pvt. Ltd., Manufacturing Unit
Sreeram Nagar Colony, Patancheruvu, Hyderabad, Telangana 502319</p>
</li>
<li>
<p>Email: <a href="mailto:online@ksbakers.com">online@ksbakers.com</a></p>
</li>
<li>
<p>Phone: <a href="tel:+917075997671"> +91 7075997671</a></p>
</li>
</ul>
<!--<a href="#" class="tf-btn btn-line">Get direction<i-->
<!-- class="icon icon-arrow1-top-left"></i></a>-->
<ul class="tf-social-icon d-flex gap-10">
<li><a href="https://www.facebook.com/KSBakersofficial" target="_blank" class="box-icon w_34 round social-facebook social-line"><i
class="icon fs-14 icon-fb"></i></a></li>
<li><a href="https://www.linkedin.com/company/ks-bakers/" target="_blank" class="box-icon w_34 round social-twiter social-line"><i
class="icon fs-12 icon-Icon-x"></i></a></li>
<li><a href="https://www.instagram.com/ks_bakers/" target="_blank" class="box-icon w_34 round social-instagram social-line"><i
class="icon fs-14 icon-instagram"></i></a></li>
<!--<li><a href="#" class="box-icon w_34 round social-tiktok social-line"><i-->
<!-- class="icon fs-14 icon-tiktok"></i></a></li>-->
<!--<li><a href="#" class="box-icon w_34 round social-pinterest social-line"><i-->
<!-- class="icon fs-14 icon-pinterest-1"></i></a></li>-->
</ul>
</div>
</div>
<div class="col-xl-3 col-md-6 col-12 footer-col-block">
<div class="footer-heading footer-heading-desktop">
<h6 class="font-poppins">Useful Links</h6>
</div>
<div class="footer-heading footer-heading-moblie">
<h6 class="font-poppins">Useful Links</h6>
</div>
<ul class="footer-menu-list tf-collapse-content">
<li>
<a href="#" class="footer-menu_item">Our Story</a>
</li>
<li>
<a href="#" class="footer-menu_item">Visit Our Store</a>
</li>
<li>
<a href="#" class="footer-menu_item">Contact Us</a>
</li>
<li>
<a href="#" class="footer-menu_item">Account</a>
</li>
</ul>
</div>
<div class="col-xl-4 col-md-6 col-12">
<div class="footer-newsletter footer-col-block">
<div class="footer-heading footer-heading-desktop">
<h6 class="font-poppins">Sign Up for Email</h6>
</div>
<div class="footer-heading footer-heading-moblie">
<h6 class="font-poppins">Sign Up for Email</h6>
</div>
<div class="tf-collapse-content">
<div class="footer-menu_item">Sign up to get first dibs on new arrivals, sales,
exclusive content, events and more!</div>
<form class="form-newsletter" id="subscribe-form" action="#" method="post"
accept-charset="utf-8" data-mailchimp="true">
<div id="subscribe-content">
<fieldset class="email">
<input type="email" name="email-form" id="subscribe-email"
placeholder="Enter your email...." tabindex="0"
aria-required="true">
</fieldset>
<div class="button-submit">
<button id="subscribe-button"
class="tf-btn btn-sm radius-60 btn-fill btn-icon animate-hover-btn"
type="button">Subscribe<i
class="icon icon-arrow1-top-left"></i></button>
</div>
</div>
<div id="subscribe-msg"></div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<div class="footer-bottom-wrap text-center">
<div class="footer-menu_item ">© 2024 KS Bakers. All Rights Reserved</div>
<!-- <div class="tf-payment">
<img src="images/payments/visa.png" alt="">
<img src="images/payments/img-1.png" alt="">
<img src="images/payments/img-2.png" alt="">
<img src="images/payments/img-3.png" alt="">
<img src="images/payments/img-4.png" alt="">
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- /Footer -->
</div>
<!-- gotop -->
<div class="progress-wrap">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 286.138;">
</path>
</svg>
</div>
<!-- /gotop -->
<!-- modal quick_add -->
<!--<div class="modal fade modalDemo" id="quick_add">-->
<!-- <div class="modal-dialog modal-dialog-centered">-->
<!-- <div class="modal-content">-->
<!-- <div class="header">-->
<!-- <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span>-->
<!-- </div>-->
<!-- <div class="wrap">-->
<!-- <div class="tf-product-info-item">-->
<!-- <div class="image">-->
<!-- <img src="images/products/orange-1.jpg" alt="">-->
<!-- </div>-->
<!-- <div class="content">-->
<!-- <a href="#">Ribbed Tank Top</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="tf-product-info-variant-picker mb_15">-->
<!-- <div class="variant-picker-item">-->
<!-- <div class="variant-picker-label">-->
<!-- Color: <span class="fw-6 variant-picker-label-value">Orange</span>-->
<!-- </div>-->
<!-- <div class="variant-picker-values">-->
<!-- <input id="values-orange" type="radio" name="color" checked>-->
<!-- <label class="hover-tooltip radius-60" for="values-orange" data-value="Orange">-->
<!-- <span class="btn-checkbox bg-color-orange"></span>-->
<!-- <span class="tooltip">Orange</span>-->
<!-- </label>-->
<!-- <input id="values-black" type="radio" name="color">-->
<!-- <label class=" hover-tooltip radius-60" for="values-black" data-value="Black">-->
<!-- <span class="btn-checkbox bg-color-black"></span>-->
<!-- <span class="tooltip">Black</span>-->
<!-- </label>-->
<!-- <input id="values-white" type="radio" name="color">-->
<!-- <label class="hover-tooltip radius-60" for="values-white" data-value="White">-->
<!-- <span class="btn-checkbox bg-color-white"></span>-->
<!-- <span class="tooltip">White</span>-->
<!-- </label>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="variant-picker-item">-->
<!-- <div class="variant-picker-label">-->
<!-- Size: <span class="fw-6 variant-picker-label-value">S</span>-->
<!-- </div>-->
<!-- <div class="variant-picker-values">-->
<!-- <input type="radio" name="size" id="values-s" checked>-->
<!-- <label class="style-text" for="values-s" data-value="S">-->
<!-- <p>S</p>-->
<!-- </label>-->
<!-- <input type="radio" name="size" id="values-m">-->
<!-- <label class="style-text" for="values-m" data-value="M">-->
<!-- <p>M</p>-->
<!-- </label>-->
<!-- <input type="radio" name="size" id="values-l">-->
<!-- <label class="style-text" for="values-l" data-value="L">-->
<!-- <p>L</p>-->
<!-- </label>-->
<!-- <input type="radio" name="size" id="values-xl">-->
<!-- <label class="style-text" for="values-xl" data-value="XL">-->
<!-- <p>XL</p>-->
<!-- </label>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="tf-product-info-quantity mb_15">-->
<!-- <div class="quantity-title fw-6">Quantity</div>-->
<!-- <div class="wg-quantity">-->
<!-- <span class="btn-quantity minus-btn">-</span>-->
<!-- <input type="text" name="number" value="1">-->
<!-- <span class="btn-quantity plus-btn">+</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="tf-product-info-buy-button">-->
<!-- <form>-->
<!-- <a href="javascript:void(0);"-->
<!-- class="tf-btn btn-fill justify-content-center fw-6 fs-16 flex-grow-1 animate-hover-btn btn-add-to-cart"><span>Add-->
<!-- to cart - </span><span class="tf-qty-price">$18.00</span></a>-->
<!-- <div class="tf-product-btn-wishlist btn-icon-action">-->
<!-- <i class="icon-heart"></i>-->
<!-- <i class="icon-delete"></i>-->
<!-- </div>-->
<!-- <a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"-->
<!-- class="tf-product-btn-wishlist box-icon bg_white compare btn-icon-action">-->
<!-- <span class="icon icon-compare"></span>-->
<!-- <span class="icon icon-check"></span>-->
<!-- </a>-->
<!-- <div class="w-100">-->
<!-- <a href="#" class="btns-full">Buy with <img src="images/payments/paypal.png" alt=""></a>-->
<!-- <a href="#" class="payment-more-option">More payment options</a>-->
<!-- </div>-->
<!-- </form>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!-- /modal quick_add -->
<!-- modal quick_view -->
<div class="modal fade modalDemo" id="quick_view">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="header">
<span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span>
</div>
<div class="wrap">
<div class="tf-product-media-wrap">
<div class="swiper tf-single-slide">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="item">
<img src="images/products/HS-hamper-inner1.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="images/products/HS-hamper-inner2.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="images/products/HS-hamper-inner3.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="images/products/HS-hamper-inner4.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="images/products/HS-hamper-inner5.jpg" alt="">
</div>
</div>
</div>
<div class="swiper-button-next button-style-arrow single-slide-prev"></div>
<div class="swiper-button-prev button-style-arrow single-slide-next"></div>
</div>
</div>
<div class="tf-product-info-wrap position-relative">
<div class="tf-product-info-list">
<div class="tf-product-info-title">
<h5><a class="link" href="#">Happy Sensations</a></h5>
</div>
<div class="tf-product-info-badges">
<div class="badges text-uppercase">Best seller</div>
<div class="product-status-content">
<i class="icon-lightning"></i>
<p class="fw-6">Selling fast! 48 people have this in their carts.</p>
</div>
</div>
<!-- <div class="tf-product-info-price">-->
<!-- <div class="price">$18.00</div>-->
<!--</div> -->
<div class="tf-product-description">
<p>Unlock the festive spirit with our curated
hamper, featuring crunchy biscuits, soft
cookies, sweet dry fruits, and crispy brittle.
A perfect blend to spread joy and cheer.</p>
</div>
<div class="variant-picker-item">
<div class="d-flex justify-content-between align-items-center">
<table class="item_table">
<thead>
<tr>
<th scope="col">ITEM NAME</th>
<th scope="col">QTY</th>
</tr>
</thead>
<tbody>
<tr>
<td>Penut Biscuit - 40G Box</td>
<td>1</td>
</tr>
<tr>
<td>Pista Biscuit - 40G Box</td>
<td>1</td>
</tr>
<tr>
<td>Almond Cookie - 40G Box</td>
<td>1</td>
</tr>
<tr>
<td>Salted Pista - 80G Jar</td>
<td>1</td>
</tr>
<tr>
<td>Roasted Almond - 80G Jar</td>
<td>1</td>
</tr>
<tr>
<td>Peri Peri Cashew - 80G Jar</td>
<td>1</td>
</tr>
<tr>
<td>Brittle - 100G Box</td>
<td>1</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="tf-product-info-buy-button">
<h5><a class="link mb_15" href="#">Order Now</a></h5>
<form class="form-contact" id="contactform" action="#" method="post">
<div class="d-flex gap-15 mb_15">
<fieldset class="w-100">
<input type="text" name="name" id="name" required placeholder="Name *" />
</fieldset>
<fieldset class="w-100">
<input type="email" name="email" id="email" required
placeholder="Email *" />
</fieldset>
</div>
<div class="d-flex gap-15 mb_15">
<fieldset class="w-100">
<input type="tel" name="phone" id="phone" required placeholder="Phone *" />
</fieldset>
<fieldset class="w-100">
<input type="text" name="address" id="address" required
placeholder="Address *" />
</fieldset>
</div>
<div class="mb_15">
<textarea placeholder="Message" name="message" id="message" required cols="30"
rows="10"></textarea>
</div>
<div class="send-wrap">
<button type="submit"
class="tf-btn w-100 radius-3 btn-fill animate-hover-btn justify-content-center">Send
Enquiry</button>
</div>
</form>
</div>
<div>
<a href="#" class="tf-btn fw-6 btn-line">View full details<i
class="icon icon-arrow1-top-left"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /modal quick_view -->
<!-- modal quick_view1 -->
<div class="modal fade modalDemo" id="quick_view_1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="header">
<span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span>
</div>
<div class="wrap">
<div class="tf-product-media-wrap">
<div class="swiper tf-single-slide">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="item">
<img src="images/products/hamper-inner-1.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="images/products/hamper-inner-2.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="images/products/hamper-inner-3.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="images/products/hamper-inner-4.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="images/products/hamper-inner-5.jpg" alt="">
</div>
</div>
</div>
<div class="swiper-button-next button-style-arrow single-slide-prev"></div>
<div class="swiper-button-prev button-style-arrow single-slide-next"></div>
</div>
</div>
<div class="tf-product-info-wrap position-relative">
<div class="tf-product-info-list">
<div class="tf-product-info-title">
<h5><a class="link" href="#">Bundle of Joy</a></h5>
</div>
<div class="tf-product-info-badges">
<div class="badges text-uppercase">Best seller</div>
<div class="product-status-content">
<i class="icon-lightning"></i>
<p class="fw-6">Selling fast! 48 people have this in their carts.</p>
</div>
</div>
<!-- <div class="tf-product-info-price">-->
<!-- <div class="price">$18.00</div>-->
<!--</div> -->
<div class="tf-product-description">
<p>Our Bundle Box brings together creamy,
crunchy, and snappy friends for a
deliciously chaotic mix that's sure
to satisfy your cravings</p>
</div>
<div class="variant-picker-item">
<div class="d-flex justify-content-between align-items-center">
<table class="item_table">
<thead>
<tr>
<th scope="col">ITEM NAME</th>
<th scope="col">QTY</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bon Bon 12 Pieces</td>
<td>1</td>
</tr>
<tr>
<td>Crunchy Bar</td>
<td>1</td>
</tr>
<tr>
<td>Bark - 100G</td>
<td>1</td>
</tr>
<tr>
<td>Brittle - 100G</td>
<td>1</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="tf-product-info-buy-button">
<h5><a class="link mb_15" href="#">Order Now</a></h5>
<form class="form-contact" id="contactform" action="#" method="post">
<div class="d-flex gap-15 mb_15">
<fieldset class="w-100">
<input type="text" name="name" id="name" required placeholder="Name *" />
</fieldset>
<fieldset class="w-100">
<input type="email" name="email" id="email" required
placeholder="Email *" />
</fieldset>
</div>
<div class="d-flex gap-15 mb_15">
<fieldset class="w-100">
<input type="tel" name="phone" id="phone" required placeholder="Phone *" />
</fieldset>
<fieldset class="w-100">
<input type="text" name="address" id="address" required
placeholder="Address *" />
</fieldset>
</div>
<div class="mb_15">
<textarea placeholder="Message" name="message" id="message" required cols="30"
rows="10"></textarea>
</div>
<div class="send-wrap">
<button type="submit"
class="tf-btn w-100 radius-3 btn-fill animate-hover-btn justify-content-center">Send
Enquiry</button>
</div>
</form>
</div>
<div>
<a href="#" class="tf-btn fw-6 btn-line">View full details<i
class="icon icon-arrow1-top-left"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /modal quick_view1 -->
<!-- /start modal calendar meeting -->
<div class="modal modalCentered fade form-sign-in modal-part-content" id="calendarmeeting">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<!--<div class="header">-->
<!-- <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span>-->
<!--</div>-->
<div class="tf-login-form">
<iframe src="https://ksbakers.brexa.me/" width="100%" height="580"></iframe>
</div>
</div>
</div>
</div>
<!-- /end modal calendar meeting -->
<!-- Javascript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
<script type="text/javascript" src="js/carousel.js"></script>
<script type="text/javascript" src="js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="js/lazysize.min.js"></script>
<script type="text/javascript" src="js/count-down.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/multiple-modal.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script>
// Select all divs with the class 'video-container'
const videoContainers = document.querySelectorAll('.video-container');
// Array of video sources
const videoSources = ['images/products/real1.mp4', 'images/products/real2.mp4', 'images/products/real3.mp4', 'images/products/real4.mp4'];
// Loop through the video sources and corresponding div elements
videoSources.forEach((src, index) => {
if (index < videoContainers.length) {
// Create a video element
const videoElement = document.createElement('video');
// Set video attributes
videoElement.src = src; // Path to your video
videoElement.width = 540;
videoElement.height = 310;
videoElement.autoplay = true; // Autoplay the video
videoElement.muted = true; // Mute the video (required for autoplay in most browsers)
videoElement.loop = true; // Loop the video
// Append the video element to the current container
videoContainers[index].appendChild(videoElement);
}
});
</script>
<!-- Book Appointment form submission starts -->
<script>
let appointmentDetails = {
nameValue: "",
emailValue: "",
phoneValue: "",
// locationValue: "",
// doctorValue: "",
addressValue: "",
messageDesc: "",
// isagreeValue: ""
}
console.log("appointmentDetails", appointmentDetails)
const nameChanged = (event) => {
appointmentDetails.nameValue = event.target.value
console.log("appointmentDetails", appointmentDetails)
}
const emailChanged = (event) => {
appointmentDetails.emailValue = event.target.value
console.log("appointmentDetails", appointmentDetails)
}
const phoneChanged = (event) => {
appointmentDetails.phoneValue = event.target.value
console.log("appointmentDetails", appointmentDetails)
}
const messageChanged = (event) => {
appointmentDetails.messageDesc = event.target.value
console.log("appointmentDetails", appointmentDetails)
}
const addressChanged = (event) => {
appointmentDetails.addressValue = event.target.value
console.log("appointmentDetails", appointmentDetails)
}
document.getElementById("nameId").addEventListener('keyup', nameChanged)
document.getElementById("emailId").addEventListener('keyup', emailChanged)
document.getElementById("phoneId").addEventListener('keyup', phoneChanged)
//document.getElementById("locationId").addEventListener('change', locationChanged)
//document.getElementById("doctorsId").addEventListener('change', doctorChanged)
document.getElementById("addressId").addEventListener('change', addressChanged)
document.getElementById("messageId").addEventListener('keyup', messageChanged)
//document.getElementById("isagreeId").addEventListener('change', isagreeChanged)
const submitPatientForm = (event) => {
event.preventDefault();
console.log("Patient form submitted")
console.log("appointmentDetails", appointmentDetails)
const { nameValue, emailValue, phoneValue, addressValue, messageDesc } = appointmentDetails
if (nameValue != "", emailValue != "", phoneValue != "", messageDesc != "", addressValue != "") {
console.log("Entered IF")
const url = `https://script.google.com/macros/s/AKfycbyadWopNwONvs8ZU93Go8vgw63c3qK5tE6Sfi5PXKY52lbnOyRuerGfPPxyWVre96q-/exec?name=${nameValue}&email=${emailValue}&phone=${phoneValue}&address=${addressValue}&message=${messageDesc}`
const sheetOptions = {
method: "GET",
};
fetch(url, sheetOptions)
then(function (response) {
console.log("Data Pushed")
})
let appointmentDetails = {
nameValue: "",
emailValue: "",
phoneValue: "",
// locationValue: "",
// doctorValue: "",
addressValue: "",
messageDesc: "",
// isagreeValue: ""
}
}
}
</script>
<!-- <script src="-->
<!--<script src="https://automations.brexa.ai/widget/widget.js" data-orgname="ksbakers" data-orgid="3ead1f2d-63de-427f-b63e-6b05d413dcb1" data-chatbotid="66e7fb49deb6808fa38b30ed" data-appId=66e7fb49deb6808fa38b30f0 data-env=prod data-showWelcomeMessage = true data-showEnquiry = false data-showScheduleAppointment = false type="application/javascript"></script>-->
<script src="https://automations.brexa.ai/widget/widget.js" data-orgid="3ead1f2d-63de-427f-b63e-6b05d413dcb1" data-chatbotid="673d9958caef799fbcae2d5f" data-env=prod data-showWelcomeMessage = true data-showEnquiry = false data-showScheduleAppointment = false data-slug = "ksbakersb2b" type="application/javascript"></script>
<!--smart form-->
<script data-automationIds="id1_6704cb9425e9cd65a429703c" data-envtype=prod src="https://automations.brexa.ai/smartForm.js" type="module"> </script>
</body>
</html>