1#@!#!123s

https 1#@!#!123s
: / home5 / ragvieco / www /
Filename : index.php
back
<?php
// ini_set('display_errors', 1);
// ini_set('display_startup_errors', 1);
// error_reporting(E_ALL);

include_once 'function.php';

// Check DB connection
if (!isset($connect)) {
    die("❌ Database connection not set in function.php");
}

// Continue session setup
$registered_users_id = $user_id ?? null;
$session_id = $_SESSION['guest_session_id'] ?? session_id();

?>

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


<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link href="img/ragvilogo.png" rel="apple-touch-icon-precomposed">
    <link href="img/ragvilogo.png" rel="shortcut icon" type="image/png">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>Home | <?php echo $site_title;?></title>
    <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
    <link rel="preconnect" href="https://fonts.gstatic.com/">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jost:400,500,600,700&amp;display=swap&amp;ver=1621600324">
    <link rel="stylesheet" href="plugins/bootstrap4/css/bootstrap.min.css">
    <link rel="stylesheet" href="plugins/owl-carousel/assets/owl.carousel.css">
    <link rel="stylesheet" href="plugins/slick/slick/slick.css">
    <link rel="stylesheet" href="plugins/lightGallery/dist/css/lightgallery.min.css">
    <link rel="stylesheet" href="plugins/jquery-bar-rating/dist/themes/fontawesome-stars.css">
    <link rel="stylesheet" href="plugins/select2/dist/css/select2.min.css">
    <link rel="stylesheet" href="plugins/lightGallery/dist/css/lightgallery.min.css">
    <link rel="stylesheet" href="plugins/noUiSlider/nouislider.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/home-1.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
    <style>
        .text-white
        {
            color:white !important;
        }
             .ps-category--icon .ps-category__item {
    flex: 0 0 70px;
}
.icon-image {
    height: 90px;
    width: 90px;
}
.ps-header .ps-logo img {
    width: 67px;
    border-radius: 40px;
}

/* ✅ Keep banner neat & responsive */
.ps-banner {
  background: #BABABA;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-height: 450px; /* adjust as needed */
}

.ps-banner__thumnail {
  width: 100%;
  max-height: 450px;
}

.ps-banner__thumnail .banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ✅ keeps neat, crops instead of stretching */
  border-radius: 5px; /* optional for neatness */
}


/* Banner Thumbnail Container */
.ps-banner__thumnail {
    width: 100%;
    text-align: center;
    overflow: hidden; /* prevents unwanted overflow */
}

/* Responsive Image */
.ps-banner__thumnail img.banner-img {
    width: 100%;
    height: auto;
    max-height: 420px; /* for desktop */
    object-fit: contain; /* keeps image proportionally, no cropping */
    display: block;
    margin: 0 auto;
}

/* Mobile View */
@media (max-width: 768px) {
    .ps-banner__thumnail img.banner-img {
        max-height: 300px; /* reduce height for mobile */
    }
}
/* Full Width Banner Container */
.full-width-banner {
    width: 100vw; /* full screen width */
    margin: 0;
    padding: 0;
}

/* Thumbnail Full Width */
.ps-banner__thumnail {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Banner Image Full Screen */
.ps-banner__thumnail img.banner-img {
    width: 100%;
    height: auto;
    max-height: none; /* removes height limitation */
    object-fit: cover; /* fills container, no grey space */
    display: block;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .ps-banner__thumnail img.banner-img {
        height: auto;
        max-height: none;
    }
}

    </style>
    
    <style>
        /* ✅ Force all product images same size */
.ps-product__thumbnail figure {
    width: 100%;
    height: 280px; /* Change height if needed */
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.ps-product__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* crops neatly */
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* ✅ Hover Animations */
.ps-product__thumbnail:hover img {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.ps-product {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ps-product:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

        
        
    </style>
</head>

<body>
    <div class="ps-page">






<?php include 'header.php'; ?>


        <div class="ps-home ps-home--1">
<section class="ps-section--banner" style="margin-top:50px;">
    <div class="ps-section__overlay">
        <div class="ps-section__loading"></div>
    </div>
    <div class="owl-carousel"
        data-owl-auto="false" data-owl-loop="true" data-owl-speed="15000" data-owl-gap="0"
        data-owl-nav="true" data-owl-dots="false" data-owl-item="1" data-owl-item-xs="1"
        data-owl-item-sm="1" data-owl-item-md="1" data-owl-item-lg="1" data-owl-duration="1000"
        data-owl-mousedrag="on">

        <?php
        $sno = 0;
        $get_organic = mysqli_query($connect, "SELECT * FROM home_slider") or die(mysqli_error($connect));
        while ($get_value = mysqli_fetch_assoc($get_organic)) {
            $sno++;
            $slider_image = $get_value['slider_image'];
        ?>
            <div class="ps-banner full-width-banner">
                <div class="ps-banner__thumnail">
                    <img src="admin/blog/<?php echo $slider_image; ?>" 
                         alt="Banner <?php echo $sno; ?>" 
                         class="banner-img" />
                </div>
            </div>
        <?php } ?>
    </div>
</section>
           
            <!--<section class="ps-banner--content">-->
            <!--    <div class="container">-->
            <!--        <div class="ps-banner" style="background:#BCBCBC;">-->
            <!--            <div class="ps-banner__thumnail"><img src="img/image1.jpg" alt="alt" />-->
            <!--            </div>-->
            <!--            <div class="ps-banner__content">-->
            <!--                <h2 class="ps-banner__title text-white">Street style <br/>has its own rules</h2>-->
            <!--                <div class="ps-banner__desc text-white">Create any content in your store</div><a class="ps-btn ps-btn--rounded ps-btn--danger" href="shop.php">Shop now</a>-->
            <!--            </div>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--</section>-->
            <section class="ps-category--section" style="margin-top:100px;">
                <div class="container">
                    <div class="ps-category__grid">
                        <div class="ps-category--item">
                            <div class="ps-category__thumbnail"> <img src="img\New folder\kurta.jpeg" alt="" width=""></div>
                            <div class="ps-category__content">
                                <p class="ps-category__type">Bestsellers</p>
                                <h3 class="ps-category__name">Always trendy red</h3><a class="ps-btn ps-btn--rounded ps-btn--danger" href="shop.php">More</a>
                            </div>
                        </div>
                        <div class="ps-category--item">
                            <div class="ps-category__thumbnail"> <img src="img\New folder\new arrivals.jpeg" alt=""></div>
                            <div class="ps-category__content">
                                <p class="ps-category__type">New Arrivals</p>
                                <h3 class="ps-category__name">Color of the year</h3><a class="ps-btn ps-btn--rounded ps-btn--danger" href="shop.php">More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <br>
<section class="ps-section--default ps-product--carousel" 
    style="background: #f9f9f9; padding: 40px 0; border-radius: 8px;">

    <div class="container">
        <h3 class="ps-section__title" 
            style="text-align: center; font-size: 28px; color: #333; margin-bottom: 30px;">
            Our Products
        </h3>

        <div class="ps-section__carousel">
            <div class="owl-carousel"
                data-owl-auto="false" data-owl-loop="true" data-owl-speed="13000"
                data-owl-gap="30" data-owl-nav="true" data-owl-dots="false"
                data-owl-item="4" data-owl-item-xs="2" data-owl-item-sm="2"
                data-owl-item-md="3" data-owl-item-lg="4" data-owl-item-xl="4"
                data-owl-duration="1000" data-owl-mousedrag="on">

                <?php
                $sno = 0;
                $get_product = mysqli_query($connect, "SELECT * FROM product ORDER BY product_id DESC") or die(mysqli_error($connect));
                while ($get_value = mysqli_fetch_array($get_product)) {
                    $sno++;
                    $product_id = $get_value['product_id'];
                    $product_name = $get_value['product_name'];
                    $product_price = $get_value['product_price'];
                    $mrp_price = $get_value['mrp_price'];
                    $product_image = $get_value['product_image'];
                ?>
                
                <div class="ps-product ps-product--standard" 
                    data-aos="zoom-in" data-aos-delay="<?php echo $sno * 100; ?>" 
                    style="background:#fff; border-radius:8px; padding:15px; box-shadow:0 3px 8px rgba(0,0,0,0.1); transition:transform 0.3s ease-in-out;">
                    
                    <div class="ps-product__thumbnail" style="text-align:center;">
                        <a class="ps-product__image" 
                            href="product-1.php?id=<?php echo base64_encode($product_id); ?>">
                            <figure>
                                <img class="ps-product__image-default" 
                                     src="admin/product/<?php echo $product_image; ?>" 
                                     alt="<?php echo $product_name; ?>" 
                                     style="max-height:220px; object-fit:contain;" />
                            </figure>
                        </a>
                    </div>

                    <div class="ps-product__content" style="text-align:center;">
                        <h5 class="ps-product__title" 
                            style="margin-top:10px; font-size:16px; font-weight:600; color:#333;">
                            <a href="product-1.php?id=<?php echo base64_encode($product_id); ?>" 
                               style="color:#333; text-decoration:none;">
                                <?php echo $product_name; ?>
                            </a>
                        </h5>
                        <div class="ps-product__meta" 
                            style="margin-top:5px; font-size:15px; color:#666;">
                            <span class="ps-product__price sale" 
                                  style="color:#e63946; font-weight:700;">&#8377;<?php echo $product_price; ?></span>
                            <span class="ps-product__del" 
                                  style="text-decoration:line-through; color:#999; margin-left:8px;">
                                  &#8377;<?php echo $mrp_price; ?>
                            </span>
                        </div>
                    </div>
                </div>
                
                <?php } ?>

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

        </div>
<?php include 'footer.php'; ?>
    </div>

<?php include 'mobilemenu.php'; ?>
    <button class="btn scroll-top"><i class="fa fa-angle-double-up"></i></button>
    <div class="ps-preloader" id="preloader">
        <div class="ps-preloader-section ps-preloader-left"></div>
        <div class="ps-preloader-section ps-preloader-right"></div>
    </div>
    <script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="plugins/jquery.min.js"></script>
    <script src="plugins/popper.min.js"></script>
    <script src="plugins/bootstrap4/js/bootstrap.min.js"></script>
    <script src="plugins/select2/dist/js/select2.full.min.js"></script>
    <script src="plugins/owl-carousel/owl.carousel.min.js"></script>
    <script src="plugins/jquery-bar-rating/dist/jquery.barrating.min.js"></script>
    <script src="plugins/lightGallery/dist/js/lightgallery-all.min.js"></script>
    <script src="plugins/slick/slick/slick.min.js"></script>
    <script src="plugins/noUiSlider/nouislider.min.js"></script>
    <!-- custom code-->
    <script src="js/main.js"></script>
    
    <!-- AOS JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>

<script>
  AOS.init({
    duration: 800,   // animation duration
    once: true,      // animation happens only once
  });
</script>
</body>


</html>