home page blog sider & spacings are updated

This commit is contained in:
akash 2026-02-16 15:29:14 +05:30
parent e27e547914
commit 89f386759b
2 changed files with 13 additions and 10 deletions

View File

@ -18,7 +18,7 @@
<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">
<Link href="/menu" className="theme-btn mt-25">
Check Out Our Menu <i className="far fa-arrow-alt-right" />
</Link>
{/* <div className="row">

View File

@ -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>
);