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

@ -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" />

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