updated

components/About/Experience.js

@@ -9,16 +9,17 @@ import "swiper/css/navigation";
 import "swiper/css/pagination";
 import { Autoplay, Navigation, Pagination } from "swiper/modules";
 
-const CollectionData = [
+const CollectionDatas = [
   { image: "/image/experience/01.png" },
   { image: "/image/experience/02.png" },
   { image: "/image/experience/03.png" },
   { image: "/image/experience/01.png" },
   { image: "/image/experience/02.png" },
 ];
+console.log("CollectionDatas 1111", CollectionDatas)
 const Experience = () => {
   return (
-    <section className="experience_sec sec_padd ">
+    <section className="experience_sec es-cust sec_padd ">
       <Container className="custom_container">
         {/* Make row full height and align items center */}
         <Row className="align-items-center">
@@ -44,42 +45,35 @@ discover how Akruti Luxe transforms everyday spaces into extraordinary expressio
         
             </FadeInStagger>
           </Col>
+<Col md={5} className="position-relative">
+  <Swiper
+    slidesPerView={1}
+    loop={true}
+    navigation={{
+      nextEl: ".cust-swiper-button-next",
+      prevEl: ".cust-swiper-button-prev",
+    }}
+    pagination={{ clickable: true }}
+    modules={[Navigation, Pagination]}
+    className="collectionSwiper"
+  >
+    {CollectionDatas.map((item, index) => (
+      <SwiperSlide key={index}>
+        <div className="collection-card">
+          <Image
+            src={item.image}
+            alt="Experience image"
+            width={600}
+            height={500}
+            className="img-fluid rounded-lg hover-zooms"
+          />
+        </div>
+      </SwiperSlide>
+    ))}
+  </Swiper>
 
-          <Col md={5} className="d-flex justify-content-center">
-             {/* Swiper */}
-              <Swiper
-                slidesPerView={1}
-                spaceBetween={30}
-                loop={true}
-                allowTouchMove={true}
-                autoplay={false} 
-                // speed={6000}
-                navigation={{
-                  nextEl: ".cust-swiper-button-next",
-                  prevEl: ".cust-swiper-button-prev",
-                }}
-                pagination={{ clickable: true }}
-                modules={[Navigation, Autoplay, Pagination]}
-                className="collectionSwiper"
-                breakpoints={{
-                  320: { slidesPerView: 1, spaceBetween: 15 },
-                  640: { slidesPerView: 1, spaceBetween: 15 },
-                  992: { slidesPerView: 1, spaceBetween: 15 },
-                  1200: { slidesPerView: 1, spaceBetween: 15 },
-                }}
-              >
-                {CollectionData.map((item, index) => (
-                  <SwiperSlide key={index}>
-                    <div className="collection-card">
-                      <img
-                        src={item.image}
-                        alt={item.title}
-                        className="img-fluid rounded-lg hover-zoom"
-                      />
-                    </div>
-                  </SwiperSlide>
-                ))}
-                 <div className="position-absolute swiperbtn1 d-lg-flex d-none justify-content-between align-items-center w-100">
+  {/* Navigation Buttons */}
+  <div className="position-absolute swiperbtn1 d-lg-flex d-none justify-content-between align-items-center w-100">
                 <button className="cust-swiper-button-prev">
                   <svg
                     xmlns="http://www.w3.org/2000/svg"
@@ -146,8 +140,8 @@ discover how Akruti Luxe transforms everyday spaces into extraordinary expressio
                   </svg>
                 </button>
               </div>
-              </Swiper>
-          </Col>
+</Col>
+         
         </Row>
        
       </Container>

components/Layout/Footer.js

@@ -134,7 +134,7 @@ const Footer = () => {
       {/* Bottom bar */}
       <div className="footer-bottom py-3">
         <Container className="custom_container d-flex flex-column flex-md-row justify-content-between align-items-center">
-          <span className="copyright">Copyright ©2025 Akruti Luxe. All rights reserved.</span>
+          <span className="copyright">Copyright ©2026 Akruti Luxe. All rights reserved.</span>
           <div className="social-icons d-flex gap-3 mt-3 mt-md-0">
             <Link href="https://linkedin.com" target="_blank">
               <i class="fa-brands fa-linkedin"></i>

container/Home/Collection.js

@@ -20,7 +20,7 @@ import { cleanImage } from "@/components/services/imageHandling";
 const CollectionSlider = ({CollectionData}) => {
   console.log("CollectionData 123", CollectionData)
   return (
-    <div className="collection-section sec_padd">
+    <div className="collection-section sec_padd h-slider">
       <Container className="custom_container_leftAuto">
         {/* Heading + Nav Row */}
         <Row className="align-items-center justify-content-md-between mb-4">

styles/globals.css

@@ -547,11 +547,12 @@ aspect-ratio: 16 / 7;
   position: absolute;
 }
 
-.collectionSwiper .collection-card:hover img {
+.h-slider .collectionSwiper .collection-card:hover img {
   height: 478px;       
 }
-
-
+.experience_sec.es-cust .swiperbtn1 {
+    bottom: -6%;
+}
 
 
 /* ====Blog=== */