services section updated

This commit is contained in:
Alaguraj0361 2025-08-18 20:27:11 +05:30
parent 7956133da2
commit 64e469e65b
2 changed files with 14 additions and 22 deletions

View File

@ -6,29 +6,25 @@ import { useTranslation } from "next-i18next";
const ClickHandler = () => { const ClickHandler = () => {
if (typeof window !== "undefined") { if (typeof window !== "undefined") {
window.scrollTo(10, 0); window.scrollTo(0, 0);
} }
}; };
const ServicesSection = (props) => { const ServicesSection = (props) => {
const { t } = useTranslation("services"); const { t } = useTranslation("services");
// campaigns from translations // Get campaigns array from translation json
const campaigns = t("campaigns", { returnObjects: true }); const campaigns = t("campaigns", { returnObjects: true });
return ( return (
<div className={`wpo-campaign-area section-padding ${props.cmClass || ""}`}> <div className={`wpo-campaign-area section-padding ${props.cmClass || ""}`}>
<div className="container"> <div className="container">
{/* Section Title */} <SectionTitle subTitle={t("page.subtitle")} Title={t("page.title")} />
<SectionTitle
subTitle={t("page.subtitle")}
Title={t("page.title")}
/>
<div className="wpo-campaign-wrap"> <div className="wpo-campaign-wrap">
<div className="row"> <div className="row">
{campaigns.map((campaign, cam) => ( {campaigns.map((campaign, index) => (
<div className="col-lg-4 col-md-6 col-12" key={cam}> <div className="col-lg-4 col-md-6 col-12" key={campaign.id || index}>
<div className="wpo-campaign-single"> <div className="wpo-campaign-single">
<div className="wpo-campaign-item"> <div className="wpo-campaign-item">
<div className="wpo-campaign-img"> <div className="wpo-campaign-img">
@ -40,25 +36,22 @@ const ServicesSection = (props) => {
unoptimized unoptimized
/> />
</div> </div>
<div className="wpo-campaign-content"> <div className="wpo-campaign-content">
<div className="wpo-campaign-text-top data-theem"> <div className="wpo-campaign-text-top data-theem">
<h3> <h3>
<Link <Link
onClick={ClickHandler}
href={`/services/${campaign.slug}`} href={`/services/${campaign.slug}`}
onClick={ClickHandler}
> >
{campaign.sTitle} {campaign.sTitle}
</Link> </Link>
</h3> </h3>
<p>{campaign.description}</p> <p>{campaign.description}</p>
<div className="services-btn"> <div className="services-btn">
<Link <Link
onClick={ClickHandler}
href={`/services/${campaign.slug}`} href={`/services/${campaign.slug}`}
className="theme-btn full-width-btn" className="theme-btn full-width-btn"
onClick={ClickHandler}
> >
{t("page.viewButton")} {t("page.viewButton")}
</Link> </Link>

View File

@ -1,4 +1,3 @@
// const { default: OurApproach } = require("./pages/our-approach");
module.exports = { module.exports = {
i18n: { i18n: {
@ -6,18 +5,18 @@ module.exports = {
locales: ['en', 'es'], locales: ['en', 'es'],
localeDetection: false, localeDetection: false,
}, },
ns: ['common', 'menu', 'homeHero', 'home4Card'], ns: ['common', 'menu', 'homeHero', 'home4Card', '(home)/homeAbout', '(home)/homeFeature', '(home)/testimonial', '(home)/homeCalltoAction', 'blog', 'services'],
defaultNS: 'common', defaultNS: 'common',
// localePath: './public/locales', // localePath: './public/locales',
}; };
// aakash - ourMission, racialJustice // aakash - 'ourMission', 'racialJustice', 'services'
// Selvi - 'ourStory', 'aboutService', 'aboutMission', 'aboutRacial', 'aboutDonor', 'contact', // Selvi - 'ourStory', 'aboutService', 'aboutMission', 'aboutRacial', 'aboutDonor'
// Vidhya
// OurApproach
// Alagu Raj - 'common', 'menu', 'homeHero', 'home4Card', '(home)/homeAbout', '(home)/homeFeature', '(home)/testimonial', '(home)/homeCalltoAction' // Vidhya - OurApproach
// Alagu Raj - 'common', 'menu', 'homeHero', 'home4Card', '(home)/homeAbout', '(home)/homeFeature', '(home)/testimonial', '(home)/homeCalltoAction', 'blog'