From 89f386759b90f5ac5f3081a18ba4765771b1d99d Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Mon, 16 Feb 2026 15:29:14 +0530
Subject: [PATCH] home page blog sider & spacings  are updated

---
 components/About/AboutContent2.js | 14 +++++++-------
 components/home/BlogSection.js    |  9 ++++++---
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/components/About/AboutContent2.js b/components/About/AboutContent2.js
index a08f088..967bdfb 100644
--- a/components/About/AboutContent2.js
+++ b/components/About/AboutContent2.js
@@ -1,7 +1,7 @@
- import Link from "next/link";
- const AboutContent2 = () => {
-  return ( 
- <section className="about-us-area-four pt-130 rpt-100 pb-85 rpb-55 rel z-1">
+import Link from "next/link";
+const AboutContent2 = () => {
+  return (
+    <section className="about-us-area-four pt-130 rpt-100 pb-85 rpb-55 rel z-1">
       <div className="container">
         <div className="row align-items-center">
           <div className="col-lg-6">
@@ -17,8 +17,8 @@
               </div>
               <p>
                 At Shiva Sakthi, we serve the rich, unforgettable flavors of Indian cuisine in a setting that feels just like home. From the first bite to the last, each dish is crafted with care, tradition, and a passion for authentic taste.</p>
-                <p>Whether you're craving the bold spices of a South Indian classic or the comfort of a familiar favorite, every visit is a celebration of flavor and hospitality. Delicious food. Warm ambiance. Memorable moments.</p>
-              <Link href="/menu" className="theme-btn mt-25 mb-60">
+              <p>Whether you're craving the bold spices of a South Indian classic or the comfort of a familiar favorite, every visit is a celebration of flavor and hospitality. Delicious food. Warm ambiance. Memorable moments.</p>
+              <Link href="/menu" className="theme-btn mt-25">
                 Check Out Our Menu <i className="far fa-arrow-alt-right" />
               </Link>
               {/* <div className="row">
@@ -68,7 +68,7 @@
               data-aos-duration={1500}
               data-aos-offset={50}
             >
-               <img src="/assets/images/about/about-2.webp" alt="About" loading="lazy" />
+              <img src="/assets/images/about/about-2.webp" alt="About" loading="lazy" />
               {/* <div className="row">
                 <div className="col">
                   <img src="assets/images/about/about-four1.jpg" alt="About" />
diff --git a/components/home/BlogSection.js b/components/home/BlogSection.js
index 8978267..72c2db6 100644
--- a/components/home/BlogSection.js
+++ b/components/home/BlogSection.js
@@ -1,5 +1,7 @@
 import { Blog } from "@/utility/constant.utils";
+import { sliderProps } from "@/utility/sliderProps";
 import Link from "next/link";
+import Slider from "react-slick";
 
 const BlogSection = () => {
     return (
@@ -18,17 +20,18 @@ const BlogSection = () => {
                         </div>
                     </div>
                 </div>
-                <div className="row justify-content-center">
+                <Slider {...sliderProps.testimonialsActive} className="blog-slider row justify-content-center">
                     {
                         Blog?.map((blog) => {
                             return (
-                                <div className="col-xl-4 col-md-6" key={blog?.id}>
+                                <div className="px-3" key={blog?.id}>
                                     <div
                                         className="blog-item"
                                         data-aos="fade-up"
                                         data-aos-delay={50}
                                         data-aos-duration={1500}
                                         data-aos-offset={50}
+                                        style={{ marginBottom: '30px' }}
                                     >
                                         <div className="image">
                                             <img src={blog?.image} alt={blog?.slug} loading="lazy" />
@@ -51,7 +54,7 @@ const BlogSection = () => {
                             )
                         })
                     }
-                </div>
+                </Slider>
             </div>
         </section>
     );