diff --git a/examples/ecommerce-jewellery-store/src/components/FilterComponent.tsx b/examples/ecommerce-jewellery-store/src/components/FilterComponent.tsx
index b2d455fb..8f588cc6 100644
--- a/examples/ecommerce-jewellery-store/src/components/FilterComponent.tsx
+++ b/examples/ecommerce-jewellery-store/src/components/FilterComponent.tsx
@@ -1,104 +1,94 @@
-import React, { useEffect } from "react";
+import React, { useEffect, useState, useCallback } from "react";
 import { MultiSelect, DropDownList } from "@progress/kendo-react-dropdowns";
 import { SvgIcon } from "@progress/kendo-react-common";
 import { filterIcon, sortAscIcon } from "@progress/kendo-svg-icons";
-import { FilterDescriptor, SortDescriptor, State } from "@progress/kendo-data-query";
-import { useCategoriesContext } from "../helpers/CategoriesContext";
+import { FilterDescriptor, State } from "@progress/kendo-data-query";
+import { useStore } from "@nanostores/react";
+import { selectedLanguage } from "../helpers/languageStore";
+import enMessages from "../data/messages/en";
+import frMessages from "../data/messages/fr";
+import esMessages from "../data/messages/es";
+
+const translations = {
+  en: enMessages,
+  fr: frMessages,
+  es: esMessages,
+};
 
-const chips = ["Bracelets", "Rings", "Earrings", "Watches", "Necklaces"];
-const statuses = ["Sale", "Recommended", "Must Have"];
-const materials = ["Gold", "Silver"];
+const getTranslations = (language: string) => {
+  return translations[language] || translations["en"];
+};
 
 interface FilterComponentProps {
   updateUI: (state: State) => void;
 }
 
 export const FilterComponent: React.FC<FilterComponentProps> = ({ updateUI }) => {
-  const { selectedCategory, setSelectedCategory } = useCategoriesContext();
-  const [categoryValue, setCategoryValue] = React.useState<string[]>([]);
-  const [statusValue, setStatusValue] = React.useState<string>("Recommended");
-  const [materialValue, setMaterialValue] = React.useState<string>("Material");
-
-  useEffect(() => {
-    if (selectedCategory) {
-      setCategoryValue([selectedCategory]);
-      applyCategoryFilter([selectedCategory]);
-    } else {
-      setCategoryValue([]);
-      applyCategoryFilter([]);
-    }
-  }, [selectedCategory]);
+  const language = useStore(selectedLanguage); 
+  const t = getTranslations(language); 
 
-  const applyCategoryFilter = (categories: string[]) => {
-    const filters = categories.map((category) => ({
-      field: "category",
-      operator: "eq",
-      value: category,
-    }));
+  const [categoryValue, setCategoryValue] = useState<string[]>([]);
+  const [statusValue, setStatusValue] = useState<string>(t.statusesData[0]);
+  const [materialValue, setMaterialValue] = useState<string>(t.materialPlaceholder);
 
-    const customCompositeFilters: State = {
-      filter: {
-        logic: "or",
-        filters,
-      },
-      sort: undefined,
-    };
+  const chips = t.categoriesData || [];
+  const statuses = t.statusesData || [];
+  const materials = t.materialsData || [];
 
-    updateUI(customCompositeFilters);
-  };
+  useEffect(() => {
+    setCategoryValue([]);
+    setStatusValue(t.statusesData[0]);
+    setMaterialValue(t.materialPlaceholder);
+    updateUI({ filter: undefined, sort: undefined }); 
+  }, [language, t, updateUI]);
 
-  const onCategoryChange = (e: any) => {
-    setCategoryValue(e.value);
-    applyCategoryFilter(e.value);
-    setSelectedCategory(e.value.length > 0 ? e.value[0] : null);
-  };
+  const applyFilters = useCallback(() => {
+    const filters: FilterDescriptor[] = [];
 
-  const onStatusChange = (e: any) => {
-    setStatusValue(e.value);
+    if (categoryValue.length > 0) {
+      filters.push({
+        field: "category",
+        operator: "eq",
+        value: categoryValue[0], 
+      });
+    }
 
-    const newSorts: SortDescriptor[] = [
-      {
+    if (statusValue !== t.statusesData[0]) {
+      filters.push({
         field: "status",
-        dir: "desc",
-      },
-    ];
-
-    const customCompositeFilters: State = {
-      filter: undefined,
-      sort: newSorts,
-    };
-
-    updateUI(customCompositeFilters);
-  };
-
-  const onMaterialChange = (e: any) => {
-    setMaterialValue(e.value);
+        operator: "eq",
+        value: statusValue, 
+      });
+    }
 
-    const newFilter: FilterDescriptor[] = [
-      {
+    if (materialValue !== t.materialPlaceholder) {
+      filters.push({
         field: "material",
         operator: "eq",
-        value: e.value,
-      },
-    ];
+        value: materialValue, 
+      });
+    }
 
     const customCompositeFilters: State = {
-      filter: {
-        logic: "or",
-        filters: newFilter,
-      },
+      filter: filters.length > 0 ? { logic: "and", filters } : undefined,
       sort: undefined,
     };
 
     updateUI(customCompositeFilters);
-    setCategoryValue([]);
-  };
+  }, [categoryValue, statusValue, materialValue, t, updateUI]);
+
+  useEffect(() => {
+    applyFilters();
+  }, [categoryValue, statusValue, materialValue, applyFilters]);
+
+  const onCategoryChange = (e: any) => setCategoryValue(e.value);
+  const onStatusChange = (e: any) => setStatusValue(e.value);
+  const onMaterialChange = (e: any) => setMaterialValue(e.value);
 
   const clearFilters = () => {
     setCategoryValue([]);
-    setStatusValue("Recommended");
-    setMaterialValue("Material");
-    setSelectedCategory(null);
+    setStatusValue(t.statusesData[0]);
+    setMaterialValue(t.materialPlaceholder);
     updateUI({ filter: undefined, sort: undefined });
   };
 
@@ -106,13 +96,13 @@ export const FilterComponent: React.FC<FilterComponentProps> = ({ updateUI }) =>
     <section className="k-d-flex k-justify-content-between k-align-items-center">
       <span className="k-d-flex k-align-items-center">
         <span className="k-d-flex k-align-items-center k-pr-2">
-          <SvgIcon icon={filterIcon}></SvgIcon> Filter:
+          <SvgIcon icon={filterIcon}></SvgIcon> {t.filterLabel}
         </span>
         <span className="k-pr-2">
           <MultiSelect
             data={chips}
             value={categoryValue}
-            placeholder="Category"
+            placeholder={t.categoryPlaceholder}
             onChange={onCategoryChange}
             style={{ minWidth: "119px" }}
           />
@@ -123,13 +113,15 @@ export const FilterComponent: React.FC<FilterComponentProps> = ({ updateUI }) =>
       </span>
       <span className="k-d-flex k-align-items-center">
         <span className="k-d-flex k-align-items-center k-pr-2">
-          <SvgIcon icon={sortAscIcon}></SvgIcon> Sort by:
+          <SvgIcon icon={sortAscIcon}></SvgIcon> {t.sortByLabel}
         </span>
         <span>
           <DropDownList data={statuses} value={statusValue} onChange={onStatusChange} />
         </span>
       </span>
-      <button className="k-button k-button-flat" onClick={clearFilters}>Clear Filters</button>
+      <button className="k-button k-button-flat" onClick={clearFilters}>
+        {t.clearFiltersButton}
+      </button>
     </section>
   );
 };
diff --git a/examples/ecommerce-jewellery-store/src/pages/AllProductsListView.tsx b/examples/ecommerce-jewellery-store/src/pages/AllProductsListView.tsx
index 866fa47e..3f8ffd04 100644
--- a/examples/ecommerce-jewellery-store/src/pages/AllProductsListView.tsx
+++ b/examples/ecommerce-jewellery-store/src/pages/AllProductsListView.tsx
@@ -1,99 +1,126 @@
-import * as React from "react";
-
-import bracelets from "@/assets/bracelets.png?url";
-import necklace from "@/assets/necklace_1.jfif?url";
-import ring from "@/assets/ring_1.jfif?url";
-import jewel from "@/assets/1111.jfif?url";
+import React, { useState, useEffect, useCallback } from "react";
 import { Layout } from "../components/Layout";
 import { OrderedImgText } from "../components/OrderedImageCard";
 import { CustomSection } from "../components/CustomizedSection";
-import { listData } from "../data/listData";
 import { FilterComponent } from "../components/FilterComponent";
 import { CardsList } from "../components/CardsList";
 import { CategoryList } from "../components/CategoryList";
-import { CardDescriptor } from "../data/types";
-import { DataModel } from "../data/types";
-
 import { Breadcrumb } from "@progress/kendo-react-layout";
 import { Button, ButtonGroup } from "@progress/kendo-react-buttons";
 import { layout2By2Icon, gridLayoutIcon } from "@progress/kendo-svg-icons";
 import { process, State } from "@progress/kendo-data-query";
+import getTranslatedListData from "../data/listData";
+import { useStore } from "@nanostores/react";
+import { selectedLanguage } from "../helpers/languageStore";
+
+import enMessages from "../data/messages/en";
+import frMessages from "../data/messages/fr";
+import esMessages from "../data/messages/es";
+
+const messages = {
+  en: enMessages,
+  fr: frMessages,
+  es: esMessages,
+};
+
+export const AllProductsListView: React.FC = () => {
+  const language = useStore(selectedLanguage); 
+  const t = messages[language] || messages["en"]; 
+  const [translatedData, setTranslatedData] = useState(() => getTranslatedListData());
+  const [filteredData, setFilteredData] = useState(translatedData); 
+  const [currentLayout, setCurrentLayout] = useState<"grid" | "list">("grid");
 
-export const AllProductsListView = () => {
-  const title = "Fine Selection";
-  const subtitle = "Enjoy the real craftsmanship";
-  const contentText =
-    "Jewelry is a meaningful form of self-expression that enhances personal style and adds beauty to any occasion.";
-  const order = "first";
+  useEffect(() => {
+    const updatedData = getTranslatedListData();
+    setTranslatedData(updatedData);
+    setFilteredData(updatedData); 
+  }, [language]);
 
-  const [data, setData] = React.useState(listData);
-  
-  const updateUI = (newState: State) => {
-    const newData = process(listData, newState)
-    setData(newData.data)
-  };
+  const updateUI = useCallback(
+    (newState: State) => {
+      const updatedData = process(translatedData, newState).data;
+      setFilteredData(updatedData);
+    },
+    [translatedData]
+  );
 
-  const cards: CardDescriptor[] = [
+  const cards = [
     {
-      img: necklace,
-      collectionText: 'Collection "SERENE"',
+      img: "/necklace_1.jfif",
+      collectionText: t.collectionSerene,
     },
     {
-      img: ring,
-      collectionText: 'Collection "AURELIA"',
+      img: "/ring_1.jfif",
+      collectionText: t.collectionAurelia,
     },
     {
-      img: jewel,
-      collectionText: 'Collection "RAVINA"',
+      img: "/1111.jfif",
+      collectionText: t.collectionRavina,
     },
   ];
 
-  const BreakcrumbData: DataModel[] = [{
-    text: "Home"
-  },
-  {
-    text: "Jewelry"
-  }]
+  const breadcrumbData = [
+    { text: t.breadcrumbHome },
+    { text: t.breadcrumbJewelry },
+  ];
 
   return (
     <>
       <Layout>
         <section
           className="k-d-grid k-grid-cols-12 k-justify-content-center k-align-items-center k-col-span-12"
-          style={{
-            paddingTop: "60px",
-          }}
+          style={{ paddingTop: "60px" }}
         >
           <OrderedImgText
-            title={title}
-            subtitle={subtitle}
-            contentText={contentText}
-            img={bracelets}
-            order={order}
+            title={t.allProductsTitle}
+            subtitle={t.allProductsSubtitle}
+            contentText={t.allProductsContentText}
+            img="/bracelets.png"
+            order="first"
             link={null}
           />
         </section>
       </Layout>
+
       <Layout>
         <CustomSection>
-          <CategoryList title="Our Collections" subtitle="Enjoy an excellent selection of fine jewelry" data={cards}></CategoryList>
+          <CategoryList
+            title={t.ourCollectionsTitle}
+            subtitle={t.ourCollectionsSubtitle}
+            data={cards}
+          />
         </CustomSection>
       </Layout>
+
       <Layout>
-        <section className="k-d-flex k-justify-content-between">
-          <Breadcrumb data={BreakcrumbData}></Breadcrumb>
+        <section className="k-d-flex k-justify-content-between k-align-items-center k-py-4">
+          <Breadcrumb data={breadcrumbData} />
           <ButtonGroup>
-            <Button fillMode={"flat"} svgIcon={gridLayoutIcon}></Button>
-            <Button fillMode={"flat"} svgIcon={layout2By2Icon}></Button>
+            <Button
+              fillMode="flat"
+              svgIcon={gridLayoutIcon}
+              selected={currentLayout === "grid"}
+              onClick={() => setCurrentLayout("grid")}
+            />
+            <Button
+              fillMode="flat"
+              svgIcon={layout2By2Icon}
+              selected={currentLayout === "list"}
+              onClick={() => setCurrentLayout("list")}
+            />
           </ButtonGroup>
         </section>
       </Layout>
+
       <Layout>
-        <FilterComponent updateUI={updateUI}></FilterComponent>
+        <FilterComponent updateUI={updateUI} />
       </Layout>
+
       <Layout>
-        <CardsList data={data}></CardsList>
+        <CardsList data={filteredData} layout={currentLayout} />
       </Layout>
     </>
   );
 };
+
+export default AllProductsListView;
diff --git a/examples/kendo-react-e-commerce-astro-app/src/components/AdminView.tsx b/examples/kendo-react-e-commerce-astro-app/src/components/AdminView.tsx
index 645e388b..bee8da1f 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/components/AdminView.tsx
+++ b/examples/kendo-react-e-commerce-astro-app/src/components/AdminView.tsx
@@ -20,6 +20,17 @@ import { Button } from "@progress/kendo-react-buttons";
 import { orderBy } from "@progress/kendo-data-query";
 import { chartAreaStackedIcon } from "@progress/kendo-svg-icons";
 import { sampleData } from "../data/shared-gd-sampleChartData";
+import { useStore } from "@nanostores/react";
+import { selectedLanguage } from "../helpers/languageStore";
+import enMessages from "../data/messages/en";
+import frMessages from "../data/messages/fr";
+import esMessages from "../data/messages/es";
+
+const translations = {
+  en: enMessages,
+  fr: frMessages,
+  es: esMessages,
+};
 
 const DATA_ITEM_KEY = "ID";
 const SELECTED_FIELD = "selected";
@@ -35,6 +46,8 @@ interface PageState {
 }
 
 const AdminView: React.FC = () => {
+  const language = useStore(selectedLanguage); 
+  const t = translations[language]; 
   const gridRef = React.useRef<GridHandle>(null);
   const [selectedState, setSelectedState] = React.useState<SelectedState>({});
   const [sort, setSort] = React.useState<{ field: string; dir: "asc" | "desc" }[]>([
@@ -134,10 +147,10 @@ const AdminView: React.FC = () => {
           disabled={disabled}
           style={{ marginRight: "10px" }}
         >
-          Chart of Selected Data
+          {t.chartSelectedDataButton}
         </Button>
         <Button svgIcon={chartAreaStackedIcon} onClick={handleTop3Sales}>
-          Top 3 Sales per Category
+          {t.top3SalesButton}
         </Button>
       </div>
       <Grid
@@ -165,13 +178,13 @@ const AdminView: React.FC = () => {
           setSort(e.sort as { field: string; dir: "asc" | "desc" }[]);
         }}
       >
-        <GridColumn field="URL" title="Product" cell={URLImageCell} />
-        <GridColumn field="Product" title="Name" />
-        <GridColumn field="SKU" title="SKU" />
-        <GridColumn field="Category" title="Category" />
-        <GridColumn field="Price" title="Price" />
-        <GridColumn field="Quantity" title="Quantity" />
-        <GridColumn field="Sales" title="Total Sales" />
+        <GridColumn field="URL" title={t.grid.productTitle} cell={URLImageCell} />
+        <GridColumn field="Product" title={t.grid.nameTitle} />
+        <GridColumn field="SKU" title={t.grid.skuTitle} />
+        <GridColumn field="Category" title={t.grid.categoryTitle} />
+        <GridColumn field="Price" title={t.grid.priceTitle} />
+        <GridColumn field="Quantity" title={t.grid.quantityTitle} />
+        <GridColumn field="Sales" title={t.grid.totalSalesTitle} />
       </Grid>
 
       {showChartWizard && (
diff --git a/examples/kendo-react-e-commerce-astro-app/src/components/AllProductsListView.tsx b/examples/kendo-react-e-commerce-astro-app/src/components/AllProductsListView.tsx
index c38aecdb..10cd036a 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/components/AllProductsListView.tsx
+++ b/examples/kendo-react-e-commerce-astro-app/src/components/AllProductsListView.tsx
@@ -1,18 +1,15 @@
-import React, { useState } from "react";
+import React, { useState, useEffect, useCallback } from "react";
 import { Layout } from "../components/Layout";
 import { OrderedImgText } from "../components/OrderedImageCard";
 import { CustomSection } from "../components/CustomizedSection";
-import { listData } from "../data/listData";
 import { FilterComponent } from "../components/FilterComponent";
 import { CardsList } from "../components/CardsList";
 import { CategoryList } from "../components/CategoryList";
-import { CardDescriptor, DataModel } from "../data/types";
-
 import { Breadcrumb } from "@progress/kendo-react-layout";
 import { Button, ButtonGroup } from "@progress/kendo-react-buttons";
 import { layout2By2Icon, gridLayoutIcon } from "@progress/kendo-svg-icons";
 import { process, State } from "@progress/kendo-data-query";
-
+import getTranslatedListData from "../data/listData";
 import { useStore } from "@nanostores/react";
 import { selectedLanguage } from "../helpers/languageStore";
 import { loadMessages, LocalizationProvider } from "@progress/kendo-react-intl";
@@ -33,33 +30,44 @@ const messages = {
 
 export const AllProductsListView: React.FC = () => {
   const language = useStore(selectedLanguage);
-  const t = messages[language] || messages["en"];
+  const t = messages[language];
+
+  const [translatedData, setTranslatedData] = useState(() => getTranslatedListData());
+  const [filteredData, setFilteredData] = useState(translatedData);
+  const [currentLayout, setCurrentLayout] = useState<"grid" | "list">("grid");
 
-  const [data, setData] = useState(listData);
+  useEffect(() => {
+    const updatedData = getTranslatedListData();
+    setTranslatedData(updatedData);
+    setFilteredData(updatedData);
+  }, [language]);
 
-  const updateUI = (newState: State) => {
-    const newData = process(listData, newState);
-    setData(newData.data);
-  };
+  const updateUI = useCallback(
+    (newState: State) => {
+      const updatedData = process(translatedData, newState).data;
+      setFilteredData(updatedData);
+    },
+    [translatedData]
+  );
 
-  const cards: CardDescriptor[] = [
+  const cards = [
     {
       img: "/kendo-react/kendo-react-e-commerce-astro-app/necklace_1.jfif",
-      collectionText: 'Collection "SERENE"',
+      collectionText: t.collectionSerene,
     },
     {
       img: "/kendo-react/kendo-react-e-commerce-astro-app/ring_1.jfif",
-      collectionText: 'Collection "AURELIA"',
+      collectionText: t.collectionAurelia,
     },
     {
       img: "/kendo-react/kendo-react-e-commerce-astro-app/1111.jfif",
-      collectionText: 'Collection "RAVINA"',
+      collectionText: t.collectionRavina,
     },
   ];
 
-  const breadcrumbData: DataModel[] = [
-    { text: t.breadcrumbHome},
-    { text: t.breadcrumbJewelry},
+  const breadcrumbData = [
+    { text: t.breadcrumbHome },
+    { text: t.breadcrumbJewelry },
   ];
 
   return (
@@ -73,15 +81,14 @@ export const AllProductsListView: React.FC = () => {
             <OrderedImgText
               title={t.allProductsTitle}
               subtitle={t.allProductsSubtitle}
-              contentText={
-                t.allProductsContentText
-              }
+              contentText={t.allProductsContentText}
               img="/kendo-react/kendo-react-e-commerce-astro-app/bracelets.png"
               order="first"
               link={null}
             />
           </section>
         </Layout>
+
         <Layout>
           <CustomSection>
             <CategoryList
@@ -91,20 +98,33 @@ export const AllProductsListView: React.FC = () => {
             />
           </CustomSection>
         </Layout>
+
         <Layout>
-          <section className="k-d-flex k-justify-content-between">
+          <section className="k-d-flex k-justify-content-between k-align-items-center k-py-4">
             <Breadcrumb data={breadcrumbData} />
             <ButtonGroup>
-              <Button fillMode={"flat"} svgIcon={gridLayoutIcon} />
-              <Button fillMode={"flat"} svgIcon={layout2By2Icon} />
+              <Button
+                fillMode="flat"
+                svgIcon={gridLayoutIcon}
+                selected={currentLayout === "grid"}
+                onClick={() => setCurrentLayout("grid")}
+              />
+              <Button
+                fillMode="flat"
+                svgIcon={layout2By2Icon}
+                selected={currentLayout === "list"}
+                onClick={() => setCurrentLayout("list")}
+              />
             </ButtonGroup>
           </section>
         </Layout>
+
         <Layout>
           <FilterComponent updateUI={updateUI} />
         </Layout>
+
         <Layout>
-          <CardsList data={data} />
+          <CardsList data={filteredData} layout={currentLayout} />
         </Layout>
       </>
     </LocalizationProvider>
diff --git a/examples/kendo-react-e-commerce-astro-app/src/components/CardHolder.tsx b/examples/kendo-react-e-commerce-astro-app/src/components/CardHolder.tsx
index 868cec9b..58d8ed6c 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/components/CardHolder.tsx
+++ b/examples/kendo-react-e-commerce-astro-app/src/components/CardHolder.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { TextBox } from '@progress/kendo-react-inputs';
 import { useStore } from '@nanostores/react';
 import { selectedLanguage } from '../helpers/languageStore';
diff --git a/examples/kendo-react-e-commerce-astro-app/src/components/ContactsRadioButtons.tsx b/examples/kendo-react-e-commerce-astro-app/src/components/ContactsRadioButtons.tsx
index dedb46e9..7e2ecea0 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/components/ContactsRadioButtons.tsx
+++ b/examples/kendo-react-e-commerce-astro-app/src/components/ContactsRadioButtons.tsx
@@ -1,10 +1,21 @@
-
-
 import * as React from 'react';
-
 import { RadioButton, RadioButtonChangeEvent } from '@progress/kendo-react-inputs';
+import { useStore } from '@nanostores/react';
+import { selectedLanguage } from '../helpers/languageStore';
+import enMessages from '../data/messages/en';
+import frMessages from '../data/messages/fr';
+import esMessages from '../data/messages/es';
+
+const translations = {
+  en: enMessages,
+  fr: frMessages,
+  es: esMessages,
+};
+
+const ContactsRadioButtons: React.FC = () => {
+    const language = useStore(selectedLanguage);
+    const t = translations[language]; 
 
-const ContactsRadioButtons: React.FC  = () => {
     const [selectedValue, setSelectedValue] = React.useState('first');
 
     const handleChange = React.useCallback(
@@ -16,13 +27,31 @@ const ContactsRadioButtons: React.FC  = () => {
 
     return (
       <div className="k-d-flex k-gap-4">
-        <RadioButton name="group1" value="new" checked={selectedValue === 'new'} label="New" onChange={handleChange} />
+        <RadioButton
+          name="group1"
+          value="new"
+          checked={selectedValue === 'new'}
+          label={t.radioButtons.new} 
+          onChange={handleChange}
+        />
         <br />
-        <RadioButton name="group2" value="existing" checked={selectedValue === 'existing'} label="Existing" onChange={handleChange} />
+        <RadioButton
+          name="group2"
+          value="existing"
+          checked={selectedValue === 'existing'}
+          label={t.radioButtons.existing} 
+          onChange={handleChange}
+        />
         <br />
-        <RadioButton name="group3" value="just curious" checked={selectedValue === 'just curious'} label="Just curious" onChange={handleChange} />
+        <RadioButton
+          name="group3"
+          value="just curious"
+          checked={selectedValue === 'just curious'}
+          label={t.radioButtons.justCurious} 
+          onChange={handleChange}
+        />
       </div>
     );
 }
 
-export default ContactsRadioButtons;
\ No newline at end of file
+export default ContactsRadioButtons;
diff --git a/examples/kendo-react-e-commerce-astro-app/src/components/FilterComponent.tsx b/examples/kendo-react-e-commerce-astro-app/src/components/FilterComponent.tsx
index 04aa4af5..85a97681 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/components/FilterComponent.tsx
+++ b/examples/kendo-react-e-commerce-astro-app/src/components/FilterComponent.tsx
@@ -1,120 +1,89 @@
-import React, { useEffect, useState } from 'react';
-import { MultiSelect, DropDownList } from '@progress/kendo-react-dropdowns';
-import { SvgIcon } from '@progress/kendo-react-common';
-import { filterIcon, sortAscIcon } from '@progress/kendo-svg-icons';
-import { FilterDescriptor, SortDescriptor, State } from '@progress/kendo-data-query';
-
-import { useStore } from '@nanostores/react';
-import { selectedLanguage } from '../helpers/languageStore';
-import { loadMessages, LocalizationProvider } from '@progress/kendo-react-intl';
-
-import enMessages from '../data/messages/en';
-import frMessages from '../data/messages/fr';
-import esMessages from '../data/messages/es';
-
-loadMessages(enMessages, 'en');
-loadMessages(frMessages, 'fr');
-loadMessages(esMessages, 'es');
-
-const messages = {
+import React, { useEffect, useState, useCallback } from "react";
+import { MultiSelect, DropDownList } from "@progress/kendo-react-dropdowns";
+import { SvgIcon } from "@progress/kendo-react-common";
+import { filterIcon, sortAscIcon } from "@progress/kendo-svg-icons";
+import { FilterDescriptor, State } from "@progress/kendo-data-query";
+import { useStore } from "@nanostores/react";
+import { selectedLanguage } from "../helpers/languageStore";
+import enMessages from "../data/messages/en";
+import frMessages from "../data/messages/fr";
+import esMessages from "../data/messages/es";
+
+const translations = {
   en: enMessages,
   fr: frMessages,
   es: esMessages,
 };
 
+const getTranslations = (language: string) => {
+  return translations[language] || translations["en"];
+};
+
 interface FilterComponentProps {
   updateUI: (state: State) => void;
 }
 
 export const FilterComponent: React.FC<FilterComponentProps> = ({ updateUI }) => {
-  const language = useStore(selectedLanguage);
-  const t = messages[language] || messages['en'];
+  const language = useStore(selectedLanguage); 
+  const t = getTranslations(language); 
 
   const [categoryValue, setCategoryValue] = useState<string[]>([]);
   const [statusValue, setStatusValue] = useState<string>(t.statusesData[0]);
   const [materialValue, setMaterialValue] = useState<string>(t.materialPlaceholder);
 
+  const chips = t.categoriesData || [];
+  const statuses = t.statusesData || [];
+  const materials = t.materialsData || [];
+
   useEffect(() => {
-    const params = new URLSearchParams(window.location.search);
-    const category = params.get('category');
-
-    if (category && category !== t.menuAll) {
-      setCategoryValue([category]);
-      applyCategoryFilter([category]);
-    } else {
-      setCategoryValue([]);
-      applyCategoryFilter([]);
+    setCategoryValue([]);
+    setStatusValue(t.statusesData[0]);
+    setMaterialValue(t.materialPlaceholder);
+    updateUI({ filter: undefined, sort: undefined }); 
+  }, [language, t, updateUI]);
+
+  const applyFilters = useCallback(() => {
+    const filters: FilterDescriptor[] = [];
+
+    if (categoryValue.length > 0) {
+      filters.push({
+        field: "category",
+        operator: "eq",
+        value: categoryValue[0], 
+      });
     }
-  }, [t.menuAll]);
 
-  const applyCategoryFilter = (categories: string[]) => {
-    if (categories.length === 0) {
-      updateUI({ filter: undefined, sort: undefined });
-      return;
+    if (statusValue !== t.statusesData[0]) {
+      filters.push({
+        field: "status",
+        operator: "eq",
+        value: statusValue, 
+      });
     }
 
-    const filters = categories.map((category) => ({
-      field: 'category',
-      operator: 'eq',
-      value: category,
-    }));
+    if (materialValue !== t.materialPlaceholder) {
+      filters.push({
+        field: "material",
+        operator: "eq",
+        value: materialValue,
+      });
+    }
 
     const customCompositeFilters: State = {
-      filter: {
-        logic: 'or',
-        filters,
-      },
+      filter: filters.length > 0 ? { logic: "and", filters } : undefined,
       sort: undefined,
     };
 
     updateUI(customCompositeFilters);
-  };
-
-  const onCategoryChange = (e: any) => {
-    setCategoryValue(e.value);
-    applyCategoryFilter(e.value);
-  };
-
-  const onStatusChange = (e: any) => {
-    setStatusValue(e.value);
-
-    const newSorts: SortDescriptor[] = [
-      {
-        field: 'status',
-        dir: 'desc',
-      },
-    ];
-
-    const customCompositeFilters: State = {
-      filter: undefined,
-      sort: newSorts,
-    };
-
-    updateUI(customCompositeFilters);
-  };
+  }, [categoryValue, statusValue, materialValue, t, updateUI]);
 
-  const onMaterialChange = (e: any) => {
-    setMaterialValue(e.value);
-
-    const newFilter: FilterDescriptor[] = [
-      {
-        field: 'material',
-        operator: 'eq',
-        value: e.value,
-      },
-    ];
-
-    const customCompositeFilters: State = {
-      filter: {
-        logic: 'or',
-        filters: newFilter,
-      },
-      sort: undefined,
-    };
+  useEffect(() => {
+    applyFilters();
+  }, [categoryValue, statusValue, materialValue, applyFilters]);
 
-    updateUI(customCompositeFilters);
-    setCategoryValue([]);
-  };
+  const onCategoryChange = (e: any) => setCategoryValue(e.value);
+  const onStatusChange = (e: any) => setStatusValue(e.value);
+  const onMaterialChange = (e: any) => setMaterialValue(e.value);
 
   const clearFilters = () => {
     setCategoryValue([]);
@@ -124,45 +93,35 @@ export const FilterComponent: React.FC<FilterComponentProps> = ({ updateUI }) =>
   };
 
   return (
-    <LocalizationProvider language={language}>
-      <section className="k-d-flex k-justify-content-between k-align-items-center">
-        <span className="k-d-flex k-align-items-center">
-          <span className="k-d-flex k-align-items-center k-pr-2">
-            <SvgIcon icon={filterIcon} /> {t.filterLabel}
-          </span>
-          <span className="k-pr-2">
-            <MultiSelect
-              data={t.categoriesData}
-              value={categoryValue}
-              placeholder={t.categoryPlaceholder}
-              onChange={onCategoryChange}
-              style={{ minWidth: '119px' }}
-            />
-          </span>
-          <span className="k-pr-2">
-            <DropDownList
-              value={materialValue}
-              data={[t.materialPlaceholder, ...t.materialsData]}
-              onChange={onMaterialChange}
-            />
-          </span>
+    <section className="k-d-flex k-justify-content-between k-align-items-center">
+      <span className="k-d-flex k-align-items-center">
+        <span className="k-d-flex k-align-items-center k-pr-2">
+          <SvgIcon icon={filterIcon}></SvgIcon> {t.filterLabel}
+        </span>
+        <span className="k-pr-2">
+          <MultiSelect
+            data={chips}
+            value={categoryValue}
+            placeholder={t.categoryPlaceholder}
+            onChange={onCategoryChange}
+            style={{ minWidth: "119px" }}
+          />
+        </span>
+        <span className="k-pr-2">
+          <DropDownList value={materialValue} data={materials} onChange={onMaterialChange} />
+        </span>
+      </span>
+      <span className="k-d-flex k-align-items-center">
+        <span className="k-d-flex k-align-items-center k-pr-2">
+          <SvgIcon icon={sortAscIcon}></SvgIcon> {t.sortByLabel}
         </span>
-        <span className="k-d-flex k-align-items-center">
-          <span className="k-d-flex k-align-items-center k-pr-2">
-            <SvgIcon icon={sortAscIcon} /> {t.sortByLabel}
-          </span>
-          <span>
-            <DropDownList
-              data={t.statusesData}
-              value={statusValue}
-              onChange={onStatusChange}
-            />
-          </span>
+        <span>
+          <DropDownList data={statuses} value={statusValue} onChange={onStatusChange} />
         </span>
-        <button className="k-button k-button-flat" onClick={clearFilters}>
-          {t.clearFiltersButton}
-        </button>
-      </section>
-    </LocalizationProvider>
+      </span>
+      <button className="k-button k-button-flat" onClick={clearFilters}>
+        {t.clearFiltersButton}
+      </button>
+    </section>
   );
 };
diff --git a/examples/kendo-react-e-commerce-astro-app/src/components/Header.tsx b/examples/kendo-react-e-commerce-astro-app/src/components/Header.tsx
index ea48f29c..18d6fe92 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/components/Header.tsx
+++ b/examples/kendo-react-e-commerce-astro-app/src/components/Header.tsx
@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo, useEffect, useState } from "react";
-import { Menu, MenuSelectEvent } from "@progress/kendo-react-layout";
+import { Menu, MenuSelectEvent, MenuItemModel } from "@progress/kendo-react-layout";
 import { Button, DropDownButton } from "@progress/kendo-react-buttons";
 import { SvgIcon } from "@progress/kendo-react-common";
 import {
@@ -17,33 +17,32 @@ import {
 } from "@progress/kendo-svg-icons";
 import { isAdmin } from "../helpers/adminStore";
 import { useStore } from "@nanostores/react";
-import {
-  loadMessages,
-  LocalizationProvider,
-} from "@progress/kendo-react-intl";
-import messages from "../data/messages";
+import { loadMessages, LocalizationProvider } from "@progress/kendo-react-intl";
 import themeItems from "../data/themeItems";
-
 import enMessages from "../data/messages/en";
 import frMessages from "../data/messages/fr";
 import esMessages from "../data/messages/es";
-
 import { selectedLanguage } from "../helpers/languageStore";
 
-const languages = {
+const messages = {
   en: enMessages,
   fr: frMessages,
   es: esMessages,
 };
 
-Object.keys(languages).forEach((lang) => {
-  loadMessages(languages[lang], lang);
+Object.keys(messages).forEach((lang) => {
+  loadMessages(messages[lang], lang);
 });
 
+interface ExtendedMenuItemModel extends MenuItemModel {
+  category?: string;
+  code?: string;
+}
+
 const Header: React.FC = () => {
   const isAdminValue = useStore(isAdmin);
   const language = useStore(selectedLanguage);
-  const t = languages[language] || languages["en"];
+  const t = messages[language];
 
   const menuItems = useMemo(
     () => [
@@ -54,26 +53,11 @@ const Header: React.FC = () => {
       {
         text: t.menuJewelry,
         items: [
-          {
-            text: t.menuBracelets,
-            url: "/kendo-react/kendo-react-e-commerce-astro-app/jewelry/bracelets",
-          },
-          {
-            text: t.menuRings,
-            url: "/kendo-react/kendo-react-e-commerce-astro-app/jewelry/rings",
-          },
-          {
-            text: t.menuEarrings,
-            url: "/kendo-react/kendo-react-e-commerce-astro-app/jewelry/earrings",
-          },
-          {
-            text: t.menuWatches,
-            url: "/kendo-react/kendo-react-e-commerce-astro-app/jewelry/watches",
-          },
-          {
-            text: t.menuAll,
-            url: "/kendo-react/kendo-react-e-commerce-astro-app/jewelry/all",
-          },
+          { text: t.menuBracelets, url: "/kendo-react/kendo-react-e-commerce-astro-app/jewelry/bracelets" },
+          { text: t.menuRings, url: "/kendo-react/kendo-react-e-commerce-astro-app/jewelry/rings" },
+          { text: t.menuEarrings, url: "/kendo-react/kendo-react-e-commerce-astro-app/jewelry/earrings" },
+          { text: t.menuWatches, url: "/kendo-react/kendo-react-e-commerce-astro-app/jewelry/watches" },
+          { text: t.menuAll, url: "/kendo-react/kendo-react-e-commerce-astro-app/jewelry/all" },
         ],
       },
       {
@@ -98,11 +82,12 @@ const Header: React.FC = () => {
     [t]
   );
 
-  const [theme, setTheme] = useState<string>(() =>
-    typeof window !== "undefined"
-      ? localStorage.getItem("theme") ||
-        "https://unpkg.com/@progress/kendo-theme-default@10.0.0/dist/default-main.css"
-      : "https://unpkg.com/@progress/kendo-theme-default@10.0.0/dist/default-main.css"
+  const [theme, setTheme] = useState<string>(
+    () =>
+      typeof window !== "undefined"
+        ? localStorage.getItem("theme") ||
+          "https://unpkg.com/@progress/kendo-theme-default@10.0.0/dist/default-main.css"
+        : "https://unpkg.com/@progress/kendo-theme-default@10.0.0/dist/default-main.css"
   );
 
   useEffect(() => {
@@ -115,9 +100,7 @@ const Header: React.FC = () => {
   }, [theme]);
 
   const handleThemeChange = (event: any) => {
-    const selectedTheme = themeItems.find(
-      (item) => item.themeName === event.item.themeName
-    );
+    const selectedTheme = themeItems.find((item) => item.themeName === event.item.themeName);
     if (selectedTheme) {
       setTheme(selectedTheme.link);
       localStorage.setItem("theme", selectedTheme.link);
@@ -125,32 +108,30 @@ const Header: React.FC = () => {
   };
 
   const handleCartClick = () => {
-    window.location.href =
-      "/kendo-react/kendo-react-e-commerce-astro-app/shoppingcart";
+    window.location.href = "/kendo-react/kendo-react-e-commerce-astro-app/shoppingcart";
   };
 
   const handleSwitchChange = () => {
     isAdmin.set(!isAdminValue);
   };
 
+  const handleMenuSelect = (event: MenuSelectEvent) => {
+    const selectedItem = event.item as ExtendedMenuItemModel;
+    if (selectedItem.url) {
+      window.location.href = selectedItem.url;
+    }
+  };
+
   const handleLanguageMenuSelect = useCallback(
     (event: MenuSelectEvent) => {
-      const selectedLangCode = event.item.code;
-      if (selectedLangCode && languages[selectedLangCode]) {
+      const selectedLangCode = (event.item as ExtendedMenuItemModel).code;
+      if (selectedLangCode && messages[selectedLangCode]) {
         selectedLanguage.set(selectedLangCode);
       }
     },
     []
   );
 
-  const handleMenuSelect = (event: MenuSelectEvent) => {
-    const selectedItem = event.item;
-
-    if (selectedItem.url) {
-      window.location.href = selectedItem.url;
-    }
-  };
-
   return (
     <>
       <link id="theme-link" rel="stylesheet" href={theme} />
diff --git a/examples/kendo-react-e-commerce-astro-app/src/components/Home.tsx b/examples/kendo-react-e-commerce-astro-app/src/components/Home.tsx
index 9390bb81..18459f60 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/components/Home.tsx
+++ b/examples/kendo-react-e-commerce-astro-app/src/components/Home.tsx
@@ -1,24 +1,27 @@
-import React from 'react';
-import { BackgroundImage } from '../components/BackgroundImage';
-import { Layout } from '../components/Layout';
-import { CategoryList } from '../components/CategoryList';
+import React from "react";
+import { BackgroundImage } from "../components/BackgroundImage";
+import { Layout } from "../components/Layout";
+import { CategoryList } from "../components/CategoryList";
 import { CardDescriptor } from "../data/types";
-import { CustomSection } from '../components/CustomizedSection';
-import { OrderedImgText } from '../components/OrderedImageCard';
-import { Testemonials } from '../components/Testemonials';
-import { isAdmin } from "../helpers/adminStore"; 
-import { useStore } from '@nanostores/react';
-import { loadMessages, LocalizationProvider } from '@progress/kendo-react-intl';
-import AdminView from '../components/AdminView'; 
+import { CustomSection } from "../components/CustomizedSection";
+import { OrderedImgText } from "../components/OrderedImageCard";
+import { Testemonials } from "../components/Testemonials";
+import { isAdmin } from "../helpers/adminStore";
+import { useStore } from "@nanostores/react";
+import {
+  loadMessages,
+  LocalizationProvider,
+} from "@progress/kendo-react-intl";
+import AdminView from "../components/AdminView";
 
-import { selectedLanguage } from '../helpers/languageStore';
-import enMessages from '../data/messages/en';
-import frMessages from '../data/messages/fr';
-import esMessages from '../data/messages/es';
+import { selectedLanguage } from "../helpers/languageStore";
+import enMessages from "../data/messages/en";
+import frMessages from "../data/messages/fr";
+import esMessages from "../data/messages/es";
 
-loadMessages(enMessages, 'en');
-loadMessages(frMessages, 'fr');
-loadMessages(esMessages, 'es');
+loadMessages(enMessages, "en");
+loadMessages(frMessages, "fr");
+loadMessages(esMessages, "es");
 
 const messages = {
   en: enMessages,
@@ -27,41 +30,36 @@ const messages = {
 };
 
 const data: CardDescriptor[] = [
-  { img: '/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/silverBraceletOnyx.png', collectionTextKey: "silverBraceletWithOnyx" },
-  { img: '/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/weddingBandsPearl.png', collectionTextKey: "weddingBandsWithPearls" },
-  { img: '/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/roseGoldEarringsOpal.png', collectionTextKey: "roseGoldEarringsWithOpal" }
+  { img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/silverBraceletOnyx.png", collectionTextKey: "silverBraceletWithOnyx" },
+  { img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/weddingBandsPearl.png", collectionTextKey: "weddingBandsWithPearls" },
+  { img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/roseGoldEarringsOpal.png", collectionTextKey: "roseGoldEarringsWithOpal" },
 ];
 
 const ringsData: CardDescriptor[] = [
-  { img: '/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/diamondWeddingRing.png', collectionTextKey: "diamondWeddingRing" },
-  { img: '/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/diamondWeddingBands.png', collectionTextKey: "diamondWeddingBands" }
+  { img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/diamondWeddingRing.png", collectionTextKey: "diamondWeddingRing" },
+  { img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/diamondWeddingBands.png", collectionTextKey: "diamondWeddingBands" },
 ];
 
 const watchData: CardDescriptor[] = [
-  { img: '/kendo-react/kendo-react-e-commerce-astro-app/brownWatch.jpg', collectionTextKey: "brownLeatherWatch" },
-  { img: '/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/casualSilverWatch.png', collectionTextKey: "casualSilverWatch" },
-  { img: '/kendo-react/kendo-react-e-commerce-astro-app/vintageWatch.jpg', collectionTextKey: "vintageSilverWatch" }
+  { img: "/kendo-react/kendo-react-e-commerce-astro-app/brownWatch.jpg", collectionTextKey: "brownLeatherWatch" },
+  { img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/casualSilverWatch.png", collectionTextKey: "casualSilverWatch" },
+  { img: "/kendo-react/kendo-react-e-commerce-astro-app/vintageWatch.jpg", collectionTextKey: "vintageSilverWatch" },
 ];
 
 const Home: React.FC = () => {
   const isAdminValue = useStore(isAdmin);
   const selectedLang = useStore(selectedLanguage);
-  const t = messages[selectedLang] || messages['en']; 
+  const t = messages[selectedLang];
 
-  const translatedData = data.map(item => ({
-    img: item.img,
-    collectionText: t[item.collectionTextKey],
-  }));
+  const translateData = (items: CardDescriptor[]) =>
+    items.map((item) => ({
+      img: item.img,
+      collectionText: t[item.collectionTextKey],
+    }));
 
-  const translatedRingsData = ringsData.map(item => ({
-    img: item.img,
-    collectionText: t[item.collectionTextKey],
-  }));
-
-  const translatedWatchData = watchData.map(item => ({
-    img: item.img,
-    collectionText: t[item.collectionTextKey],
-  }));
+  const translatedData = translateData(data);
+  const translatedRingsData = translateData(ringsData);
+  const translatedWatchData = translateData(watchData);
 
   return (
     <LocalizationProvider language={selectedLang}>
@@ -74,7 +72,7 @@ const Home: React.FC = () => {
 
       {isAdminValue ? (
         <Layout>
-          <div className="k-mt-8"> 
+          <div className="k-mt-8">
             <AdminView />
           </div>
         </Layout>
@@ -87,7 +85,7 @@ const Home: React.FC = () => {
                 subtitle={t.timelessSubtitle}
                 contentText={t.timelessContent}
                 img="/kendo-react/kendo-react-e-commerce-astro-app/homeModel2.png"
-                order='first'
+                order="first"
                 link={t.buttonText}
               />
             </CustomSection>
@@ -99,7 +97,7 @@ const Home: React.FC = () => {
                 subtitle={t.fineJewelrySubtitle}
                 contentText={t.fineJewelryContent}
                 img="/kendo-react/kendo-react-e-commerce-astro-app/homeModel3.png"
-                order='last'
+                order="last"
                 link={t.buttonText}
               />
             </CustomSection>
@@ -121,7 +119,7 @@ const Home: React.FC = () => {
                 subtitle={t.watchesSubtitle}
                 contentText={t.watchesContent}
                 img="/kendo-react/kendo-react-e-commerce-astro-app/homeWatch1.png"
-                order='first'
+                order="first"
                 link={t.buttonText}
               />
             </CustomSection>
@@ -142,7 +140,7 @@ const Home: React.FC = () => {
                 subtitle={t.servicesSubtitle}
                 contentText={t.servicesContent}
                 img="/kendo-react/kendo-react-e-commerce-astro-app/homeServicesImage.png"
-                order='last'
+                order="last"
                 link={t.learnMoreText}
               />
             </CustomSection>
diff --git a/examples/kendo-react-e-commerce-astro-app/src/components/ProductDetails.tsx b/examples/kendo-react-e-commerce-astro-app/src/components/ProductDetails.tsx
index 308f8f86..a1cc08fe 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/components/ProductDetails.tsx
+++ b/examples/kendo-react-e-commerce-astro-app/src/components/ProductDetails.tsx
@@ -43,15 +43,15 @@ export const ProductDetails: React.FC<ProductDetailsProps> = ({ product }) => {
   const data: CardDescriptor[] = [
     {
       img: '/kendo-react/kendo-react-e-commerce-astro-app/homemadePinkDiamondRing.jpg',
-      collectionTextKey: 'handmadePinkDiamondRing',
+      collectionText: t.handmadePinkDiamondRing,
     },
     {
       img: '/kendo-react/kendo-react-e-commerce-astro-app/diamondRingPinkRuby.jpg',
-      collectionTextKey: 'diamondRingWithPinkRuby',
+      collectionText: t.diamondRingWithPinkRuby,
     },
     {
       img: '/kendo-react/kendo-react-e-commerce-astro-app/whiteSandDiamondRing.jpg',
-      collectionTextKey: 'whiteSandDiamondRing',
+      collectionText: t.whiteSandDiamondRing,
     },
   ];
 
@@ -60,18 +60,18 @@ export const ProductDetails: React.FC<ProductDetailsProps> = ({ product }) => {
       <>
         <Layout>
           <ProductCard
-            title={t[product.titleKey]}
+            title={t[product.titleKey] || product.title}
             image={product.img}
             subtitle={t.productSubtitle}
             breadCrumbItem={[
               { text: t.breadcrumbHome },
               { text: t.breadcrumbJewelry },
-              { text: t.categories[product.categoryKey] },
+              { text: t.categories[product.categoryKey] || product.category },
             ]}
             rating={product.rating}
-            reviews={t.reviewsText.replace('{0}', '208')}
+            reviews={t.reviewsText.replace('{0}', `${product.reviews || 0}`)}
             price={product.newPrice}
-            description={t[product.descriptionKey]}
+            description={t[product.descriptionKey] || product.description}
             addToCart={handleAddToCart}
           />
         </Layout>
@@ -80,10 +80,7 @@ export const ProductDetails: React.FC<ProductDetailsProps> = ({ product }) => {
             <CategoryList
               title={t.youMayAlsoLikeTitle}
               subtitle={t.youMayAlsoLikeSubtitle}
-              data={data.map((item) => ({
-                ...item,
-                collectionText: t[item.collectionTextKey],
-              }))}
+              data={data}
             />
           </CustomSection>
         </Layout>
diff --git a/examples/kendo-react-e-commerce-astro-app/src/components/Testemonials.tsx b/examples/kendo-react-e-commerce-astro-app/src/components/Testemonials.tsx
index d1d50bdf..e0a0d2c8 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/components/Testemonials.tsx
+++ b/examples/kendo-react-e-commerce-astro-app/src/components/Testemonials.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Avatar } from '@progress/kendo-react-layout';
 import { Rating } from '@progress/kendo-react-inputs';
 import { useStore } from '@nanostores/react';
diff --git a/examples/kendo-react-e-commerce-astro-app/src/data/listData.tsx b/examples/kendo-react-e-commerce-astro-app/src/data/listData.tsx
index d82d611a..c397786e 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/data/listData.tsx
+++ b/examples/kendo-react-e-commerce-astro-app/src/data/listData.tsx
@@ -1,190 +1,160 @@
-import { ListDataDescriptor } from "./types.ts";
+import { ListDataDescriptor } from "./types";
+import enMessages from "../data/messages/en";
+import frMessages from "../data/messages/fr";
+import esMessages from "../data/messages/es";
 
-export const listData: ListDataDescriptor[] = [
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/diamondWeddingRing.png",
-    status: "sale",
-    title: "Diamond Wedding Ring",
-    category: "Rings",
-    material: "Silver",
-    oldPrice: 990,
-    newPrice: 890,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/silverBraceletCross.png",
-    status: "recommended",
-    title: "Silver Bracelet with Cross",
-    category: "Bracelets",
-    material: "Silver",
-    oldPrice: null,
-    newPrice: 270,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/pinkSilverBracelet.png",
-    status: null,
-    title: "Pink Silver Bracelet",
-    category: "Bracelets",
-    material: "Silver",
-    oldPrice: null,
-    newPrice: 460,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/yellowGoldEarrings.png",
-    status: "sale",
-    title: "Yellow Gold Earrings",
-    category: "Earrings",
-    material: "Gold",
-    oldPrice: 500,
-    newPrice: 380,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/necklace.png",
-    status: null,
-    title: "Silver Heart Necklace",
-    category: "Necklaces",
-    material: "Silver",
-    oldPrice: null,
-    newPrice: 400,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/handmadeSilverEarrings.png",
-    status: null,
-    title: "Handmade Silver Earrings",
-    category: "Earrings",
-    material: "Silver",
-    oldPrice: null,
-    newPrice: 650,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/diamondWeddingBands.png",
-    status: "recommended",
-    title: "Diamond Wedding Bands",
-    category: "Rings",
-    material: "Gold",
-    oldPrice: null,
-    newPrice: 4290,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/casualSilverWatch.png",
-    status: null,
-    title: "Casual Silver Watch",
-    category: "Watches",
-    material: "Silver",
-    oldPrice: null,
-    newPrice: 390,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/silverBraceletOnyx.png",
-    status: "sale",
-    title: "Silver Bracelet with Onyx",
-    category: "Bracelets",
-    material: "Silver",
-    oldPrice: 950,
-    newPrice: 770,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/weddingBandsPearl.png",
-    status: "must have",
-    title: "Wedding Bands with Pearls",
-    category: "Rings",
-    material: "Gold",
-    oldPrice: null,
-    newPrice: 900,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/silverWeddingBands.png",
-    status: null,
-    title: "Silver Wedding Bands",
-    category: "Rings",
-    material: "Silver",
-    oldPrice: null,
-    newPrice: 250,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/handmadeYellowGoldRing.png",
-    status: null,
-    title: "Handmade Yellow Gold Ring",
-    category: "Rings",
-    material: "Gold",
-    oldPrice: null,
-    newPrice: 560,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/diamondRingSapphire.png",
-    status: "must have",
-    title: "Diamond Ring with Sapphire",
-    category: "Rings",
-    material: "Gold",
-    oldPrice: null,
-    newPrice: 3590,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/silverHeartBracelet.png",
-    status: null,
-    title: "Silver Heart Bracelet",
-    category: "Bracelets",
-    material: "Silver",
-    oldPrice: null,
-    newPrice: 430,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/roseGoldEarringsOpal.png",
-    status: "sale",
-    title: "Rose Gold Earrings with Opal",
-    category: "Earrings",
-    material: "Gold",
-    oldPrice: 850,
-    newPrice: 690,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/silverBraceletTopaz.png",
-    status: null,
-    title: "Silver Bracelet with Topaz",
-    category: "Bracelets",
-    material: "Silver",
-    oldPrice: null,
-    newPrice: 580,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/handmadeDiamongRing.png",
-    status: null,
-    title: "Handmade Diamond Ring",
-    category: "Rings",
-    material: "Gold",
-    oldPrice: null,
-    newPrice: 1100,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/diamondRingRuby.png",
-    status: "must have",
-    title: "Diamond Ring with Ruby",
-    category: "Rings",
-    material: "Gold",
-    oldPrice: null,
-    newPrice: 5560,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/stainlessSteelWatch.png",
-    status: null,
-    title: "Silver Watch",
-    category: "Watches",
-    material: "Silver",
-    oldPrice: null,
-    newPrice: 270,
-  },
-  {
-    img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/goldEarringsGarnet.png",
-    status: null,
-    title: "Gold Earrings with Garnet",
-    category: "Earrings",
-    material: "Gold",
-    oldPrice: null,
-    newPrice: 270,
-  },
-].map((item, index) => ({
-  ...item,
-  id: index + 1,
-  rating: Math.floor(Math.random() * 5) + 3,
-}));
+const translations = {
+  en: enMessages,
+  fr: frMessages,
+  es: esMessages,
+};
 
-export default listData;
+const getTranslations = (): typeof enMessages => {
+  let language = "en"; 
+
+  if (typeof window !== "undefined" && typeof localStorage !== "undefined") {
+    language = localStorage.getItem("selectedLanguage") || "en";
+  }
+
+  return translations[language] || translations["en"];
+};
+
+// Function to fetch translated data
+export const getTranslatedListData = (): ListDataDescriptor[] => {
+  const t = getTranslations();
+
+  return [
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/diamondWeddingRing.png",
+      status: t.statuses.statusSale,
+      title: t.diamondWeddingRing,
+      category: t.categories.Rings,
+      material: t.materials.materialSilver,
+      oldPrice: 990,
+      newPrice: 890,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/silverBraceletCross.png",
+      status: t.statuses.statusRecommended,
+      title: t.silverBraceletWithCross,
+      category: t.categories.Bracelets,
+      material: t.materials.materialSilver,
+      oldPrice: null,
+      newPrice: 270,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/pinkSilverBracelet.png",
+      status: null,
+      title: t.pinkSilverBracelet,
+      category: t.categories.Bracelets,
+      material: t.materials.materialSilver,
+      oldPrice: null,
+      newPrice: 460,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/yellowGoldEarrings.png",
+      status: t.statuses.statusSale,
+      title: t.yellowGoldEarrings,
+      category: t.categories.Earrings,
+      material: t.materials.materialGold,
+      oldPrice: 500,
+      newPrice: 380,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/necklace.png",
+      status: null,
+      title: t.silverHeartNecklace,
+      category: t.categories.Necklaces,
+      material: t.materials.materialSilver,
+      oldPrice: null,
+      newPrice: 400,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/handmadeSilverEarrings.png",
+      status: null,
+      title: t.handmadeSilverEarrings,
+      category: t.categories.Earrings,
+      material: t.materials.materialSilver,
+      oldPrice: null,
+      newPrice: 650,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/diamondWeddingBands.png",
+      status: t.statuses.statusRecommended,
+      title: t.diamondWeddingBands,
+      category: t.categories.Rings,
+      material: t.materials.materialGold,
+      oldPrice: null,
+      newPrice: 4290,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/casualSilverWatch.png",
+      status: null,
+      title: t.casualSilverWatch,
+      category: t.categories.Watches,
+      material: t.materials.materialSilver,
+      oldPrice: null,
+      newPrice: 390,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/silverBraceletOnyx.png",
+      status: t.statuses.statusSale,
+      title: t.silverBraceletWithOnyx,
+      category: t.categories.Bracelets,
+      material: t.materials.materialSilver,
+      oldPrice: 950,
+      newPrice: 770,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/weddingBandsPearl.png",
+      status: t.statuses.statusMustHave,
+      title: t.weddingBandsWithPearls,
+      category: t.categories.Rings,
+      material: t.materials.materialGold,
+      oldPrice: null,
+      newPrice: 900,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/diamondRingSapphire.png",
+      status: t.statuses.statusMustHave,
+      title: t.diamondRingWithSapphire,
+      category: t.categories.Rings,
+      material: t.materials.materialGold,
+      oldPrice: null,
+      newPrice: 3590,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/silverHeartBracelet.png",
+      status: null,
+      title: t.silverHeartBracelet,
+      category: t.categories.Bracelets,
+      material: t.materials.materialSilver,
+      oldPrice: null,
+      newPrice: 430,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/roseGoldEarringsOpal.png",
+      status: t.statuses.statusSale,
+      title: t.roseGoldEarringsWithOpal,
+      category: t.categories.Earrings,
+      material: t.materials.materialGold,
+      oldPrice: 850,
+      newPrice: 690,
+    },
+    {
+      img: "/kendo-react/kendo-react-e-commerce-astro-app/listViewImages/stainlessSteelWatch.png",
+      status: null,
+      title: t.silverWatch,
+      category: t.categories.Watches,
+      material: t.materials.materialSilver,
+      oldPrice: null,
+      newPrice: 270,
+    },
+  ].map((item, index) => ({
+    ...item,
+    id: index + 1,
+    rating: Math.floor(Math.random() * 5) + 3,
+  }));
+};
+
+export default getTranslatedListData;
diff --git a/examples/kendo-react-e-commerce-astro-app/src/data/messages/en.ts b/examples/kendo-react-e-commerce-astro-app/src/data/messages/en.ts
index 370654aa..326f2118 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/data/messages/en.ts
+++ b/examples/kendo-react-e-commerce-astro-app/src/data/messages/en.ts
@@ -1,205 +1,492 @@
 export const en = {
-      title: "Vilora Jewelry",
-      subtitle: "We offer exquisite jewelry, each showcasing timeless elegance",
-      buttonText: "See Collections",
-      searchPlaceholder: "Search",
-      addToCartButtonText: "Add to Cart",
-      adminLabel: "Admin",
-      clientLabel: "Client",
-      languageMenuTitle: "Language",
-      languageEnglish: "English",
-      languageFrench: "French",
-      languageSpanish: "Spanish",
-      cookiesText: "We use cookies to improve your experience.",
-      rightsReservedText: "All rights reserved.",
-      subscribeText: "Subscribe to our Newsletter:",
-      emailPlaceholder: "Email",
-      subscribeButtonText: "Subscribe",
-      filterLabel: "Filter:",
-      sortByLabel: "Sort by:",
-      clearFiltersButton: "Clear Filters",
-      categoryPlaceholder: "Category",
-      materialPlaceholder: "Material",
-      categoriesData: ["Bracelets", "Rings", "Earrings", "Watches", "Necklaces"],
-      statusesData: ["Sale", "Recommended", "Must Have"],
-      materialsData: ["Gold", "Silver"],
-      followUsText: "Follow us:",
-      shoppingCartTitle: "Shopping Cart",
-      backButtonText: "Back",
-      removeButtonText: "Remove",
-      emptyCartMessage: "Your shopping cart is empty.",
-      proceedToCheckoutButtonText: "Proceed to Checkout",
-      customerCareTitle: "Customer Care",
-      customerCareLinks: [
-        "Contact Us",
-        "Shopping Online",
-        "Track Your Order",
-        "Shipping & Delivery",
-        "Orders & Payment",
-        "Help",
-      ],
-      ourCompanyTitle: "Our Company",
-      ourCompanyLinks: [
-        "Prominent Locations",
-        "Careers",
-        "Corporate Responsibility",
-        "Sustainability",
-        "Society Care",
-      ],
-      legalPrivacyTitle: "Legal & Privacy",
-      legalPrivacyLinks: [
-        "Terms of Use",
-        "Conditions of Sale",
-        "Return Policy",
-        "Privacy Policy",
-        "Cookie Policy",
-      ],
-      // Menu Translations
-      menuHome: "Home",
-      menuJewelry: "Jewelry",
-      menuContacts: "Contacts",
-      menuBracelets: "Bracelets",
-      menuRings: "Rings",
-      menuEarrings: "Earrings",
-      menuWatches: "Watches",
-      menuAll: "All",
-      // Other Translations
-      bestsellersTitle: "Our Bestsellers",
-      bestsellersSubtitle: "Enjoy an excellent selection of fine jewelry",
-      buyNowButtonText: "Buy Now",
-      timelessTitle: "Timeless Classics",
-      timelessSubtitle: "Get our unique handmade collections",
-      timelessContent:
-        "Jewelry enhances style and adds elegance, with each piece telling a unique story.",
-      fineJewelryTitle: "Fine Jewelry",
-      fineJewelrySubtitle: "Get our unique handmade collections",
-      fineJewelryContent:
-        "Jewelry elevates one's style and brings sophistication, with every piece narrating a distinct tale.",
-      ringsTitle: "Our Rings",
-      ringsSubtitle: "Enjoy an excellent selection of fine rings",
-      watchesTitle: "Our Watches",
-      watchesSubtitle: "Enjoy an excellent selection of watches",
-      watchesContent:
-        "High-end gold watches for men are the epitome of luxury, combining precision with sophisticated craftsmanship.",
-      servicesTitle: "Services",
-      servicesSubtitle: "Explore expert repairs to elevate your experience",
-      servicesContent:
-        "Vilora provides services like custom designs, repairs, and appraisals to enhance the customer experience.",
-      testimonialsTitle: "Customer Words",
-      testimonialsSubtitle: "What do they say about us?",
-      testimonialsData: [
-        {
-          image: "/testemonials1.jpg",
-          name: "Erica Moore",
-          rating: 5,
-          description:
-            "Vilora exceeded all my expectations! The craftsmanship of my diamond necklace is absolutely stunning, and the attention to detail is unparalleled. From the moment I placed my order to the day it arrived, the entire experience was flawless.",
+  title: "Vilora Jewelry",
+  subtitle: "We offer exquisite jewelry, each showcasing timeless elegance",
+  buttonText: "See Collections",
+  searchPlaceholder: "Search",
+  addToCartButtonText: "Add to Cart",
+  adminLabel: "Admin",
+  clientLabel: "Client",
+  
+  languageMenuTitle: "Language",
+  languageEnglish: "English",
+  languageFrench: "French",
+  languageSpanish: "Spanish",
+  cookiesText: "We use cookies to improve your experience.",
+  rightsReservedText: "All rights reserved.",
+  subscribeText: "Subscribe to our Newsletter:",
+  emailPlaceholder: "Email",
+  subscribeButtonText: "Subscribe",
+  filterLabel: "Filter:",
+  sortByLabel: "Sort by:",
+  clearFiltersButton: "Clear Filters",
+  categoryPlaceholder: "Category",
+  materialPlaceholder: "Material",
+  categoriesData: ["Bracelets", "Rings", "Earrings", "Watches", "Necklaces"],
+  statusesData: ["Sale", "Recommended", "Must Have"],
+  materialsData: ["Gold", "Silver"],
+  followUsText: "Follow us:",
+  shoppingCartTitle: "Shopping Cart",
+  backButtonText: "Back",
+  whyChooseUs: "Why people choose us?",
+  returnPolicyTitle: "Return Policy",
+  returnPolicyContent: "You can return your items within 30 days for a full refund or exchange.",
+  includedGiftWrappingTitle: "Included Gift Wrapping",
+  includedGiftWrappingContent: "Add gift wrapping for a special touch, along with a personalized message for your loved ones.",
+  discountCodeTitle: "Discount Code Available",
+  discountCodeContent: "Apply your discount code at checkout to enjoy exclusive savings on your order.",
+  removeButtonText: "Remove",
+  emptyCartMessage: "Your shopping cart is empty.",
+  proceedToCheckoutButtonText: "Proceed to Checkout",
+  "radioButtons": {
+    "new": "New",
+    "existing": "Existing",
+    "justCurious": "Just curious"
+  },
+  customerCareTitle: "Customer Care",
+  customerCareLinks: [
+    "Contact Us",
+    "Shopping Online",
+    "Track Your Order",
+    "Shipping & Delivery",
+    "Orders & Payment",
+    "Help",
+  ],
+  ourCompanyTitle: "Our Company",
+  ourCompanyLinks: [
+    "Prominent Locations",
+    "Careers",
+    "Corporate Responsibility",
+    "Sustainability",
+    "Society Care",
+  ],
+  legalPrivacyTitle: "Legal & Privacy",
+  legalPrivacyLinks: [
+    "Terms of Use",
+    "Conditions of Sale",
+    "Return Policy",
+    "Privacy Policy",
+    "Cookie Policy",
+  ],
+  // Menu Translations
+  menuHome: "Home",
+  menuJewelry: "Jewelry",
+  menuContacts: "Contacts",
+  menuBracelets: "Bracelets",
+  menuRings: "Rings",
+  menuEarrings: "Earrings",
+  menuWatches: "Watches",
+  menuAll: "All",
+  // Other Translations
+  bestsellersTitle: "Our Bestsellers",
+  bestsellersSubtitle: "Enjoy an excellent selection of fine jewelry",
+  buyNowButtonText: "Buy Now",
+  timelessTitle: "Timeless Classics",
+  timelessSubtitle: "Get our unique handmade collections",
+  timelessContent:
+    "Jewelry enhances style and adds elegance, with each piece telling a unique story.",
+  fineJewelryTitle: "Fine Jewelry",
+  fineJewelrySubtitle: "Get our unique handmade collections",
+  fineJewelryContent:
+    "Jewelry elevates one's style and brings sophistication, with every piece narrating a distinct tale.",
+  ringsTitle: "Our Rings",
+  ringsSubtitle: "Enjoy an excellent selection of fine rings",
+  watchesTitle: "Our Watches",
+  watchesSubtitle: "Enjoy an excellent selection of watches",
+  watchesContent:
+    "High-end gold watches for men are the epitome of luxury, combining precision with sophisticated craftsmanship.",
+  servicesTitle: "Services",
+  servicesSubtitle: "Explore expert repairs to elevate your experience",
+  servicesContent:
+    "Vilora provides services like custom designs, repairs, and appraisals to enhance the customer experience.",
+  testimonialsTitle: "Customer Words",
+  testimonialsSubtitle: "What do they say about us?",
+  testimonialsData: [
+    {
+      image: "/testemonials1.jpg",
+      name: "Erica Moore",
+      rating: 5,
+      description:
+        "Vilora exceeded all my expectations! The craftsmanship of my diamond necklace is absolutely stunning, and the attention to detail is unparalleled. From the moment I placed my order to the day it arrived, the entire experience was flawless.",
+    },
+    {
+      image: "/testemonials2.jpg",
+      name: "Kelvin Hettinger",
+      rating: 4.5,
+      description:
+        "I couldn't be happier with my custom engagement ring from Vilora. The team helped me design the perfect piece, and the final result was even more beautiful than I imagined. Their service, quality, and dedication to excellence make Vilora my go-to for all fine jewelry.",
+    },
+    {
+      image: "/testemonials3.jpg",
+      name: "Karen Brooks",
+      rating: 5,
+      description:
+        "Vilora’s collection is nothing short of breathtaking. I recently purchased a white sapphire ring, and it’s become my favorite piece. The elegance and brilliance of the jewelry reflect their impeccable taste and high standards. Highly recommend!",
+    },
+  ],
+  // Contacts Page Translations
+  getInTouchTitle: "Get in touch",
+  getInTouchSubtitle: "If you have any questions, contact us",
+  fullNameLabel: "Full Name",
+  fullNamePlaceholder: "Enter your full name",
+  emailLabel: "Email",
+  phoneNumberLabel: "Phone Number",
+  typeOfCustomerLabel: "Type of customer",
+  dateLabel: "Date",
+  bookSlotButton: "Book a Slot",
+  contactsImageAlt: "Contacts",
+  // Thank You Page Translations
+  thankYouTitle: "Thank You For Your Order!",
+  thankYouSubtitle: "You have submitted your order",
+  backToShoppingButton: "Back to Shopping",
+  allProductsTitle: "Fine Selection",
+  allProductsSubtitle: "Enjoy the real craftsmanship",
+  allProductsContentText:
+    "Jewelry is a meaningful form of self-expression that enhances personal style and adds beauty to any occasion.",
+  collectionSerene: 'Collection "SERENE"',
+  collectionAurelia: 'Collection "AURELIA"',
+  chartSelectedDataButton: "Chart of Selected Data",
+  top3SalesButton: "Top 3 Sales per Category",
+  collectionRavina: 'Collection "RAVINA"',
+  ourCollectionsTitle: "Our Collections",
+  ourCollectionsSubtitle: "Enjoy an excellent selection of fine jewelry",
+  breadcrumbHome: "Home",
+  breadcrumbJewelry: "Jewelry",
+  buyButtonText: "Buy",
+  handmadePinkDiamondRing: "Handmade Pink Diamond Ring",
+  diamondRingWithPinkRuby: "Diamond Ring with Pink Ruby",
+  whiteSandDiamondRing: "White Sand Diamond Ring",
+  productSubtitle: "In Platinum with Natural Diamond",
+  productDescription: "Elegant wedding bands featuring lustrous pearls.",
+  reviewsText: "{0} reviews",
+  youMayAlsoLikeTitle: "You May Also Like",
+  youMayAlsoLikeSubtitle: "Enjoy an excellent selection of fine jewelry",
+  categories: {
+    Bracelets: "Bracelets",
+    Rings: "Rings",
+    Earrings: "Earrings",
+    Watches: "Watches",
+    Necklaces: "Necklaces",
+  },
+  diamondWeddingRing: "Diamond Wedding Ring",
+  silverBraceletWithCross: "Silver Bracelet with Cross",
+  pinkSilverBracelet: "Pink Silver Bracelet",
+  yellowGoldEarrings: "Yellow Gold Earrings",
+  silverHeartNecklace: "Silver Heart Necklace",
+  handmadeSilverEarrings: "Handmade Silver Earrings",
+  diamondWeddingBands: "Diamond Wedding Bands",
+  casualSilverWatch: "Casual Silver Watch",
+  silverBraceletWithOnyx: "Silver Bracelet with Onyx",
+  weddingBandsWithPearls: "Wedding Bands with Pearls",
+  silverWeddingBands: "Silver Wedding Bands",
+  handmadeYellowGoldRing: "Handmade Yellow Gold Ring",
+  diamondRingWithSapphire: "Diamond Ring with Sapphire",
+  silverHeartBracelet: "Silver Heart Bracelet",
+  roseGoldEarringsWithOpal: "Rose Gold Earrings with Opal",
+  silverBraceletWithTopaz: "Silver Bracelet with Topaz",
+  handmadeDiamondRing: "Handmade Diamond Ring",
+  diamondRingWithRuby: "Diamond Ring with Ruby",
+  silverWatch: "Silver Watch",
+  goldEarringsWithGarnet: "Gold Earrings with Garnet",
+  statuses: {
+    statusSale: "Sale",
+    statusRecommended: "Recommended",
+    statusMustHave: "Must Have",
+  },
+  materials: {
+    materialGold: "Gold",
+    materialSilver: "Silver",
+  },
+  paymentDetailsTitle: "Payment Details",
+  paymentDetailsSubtitle: "Please, submit your payment details",
+  paymentMethodCreditCard: "Credit Card",
+  paymentMethodBankTransfer: "Bank Transfer",
+  paymentMethodApplePay: "Apple Pay",
+  cardNumberLabel: "Card Number",
+  expiryDateLabel: "Expiry Date",
+  cvvLabel: "CVV*",
+  cardHolderLabel: "Cardholder",
+  submitOrderButton: "Submit Order",
+  subTotalLabel: "Sub total",
+  usDollarsLabel: "US Dollars",
+  vatLabel: "VAT",
+  shippingMethodLabel: "Shipping Method",
+  standardFreeDeliveryLabel: "Standard Free Delivery",
+  giftWrappingLabel: "Gift Wrapping",
+  includedGiftWrappingLabel: "Included Gift Wrapping",
+  totalLabel: "Total",
+  grid: {
+    groupPanelEmpty: "Drag a column header and drop it here to group by that column",
+    noRecords: "No records available.",
+    pagerFirstPage: "Go to the first page",
+    pagerPreviousPage: "Go to the previous page",
+    productTitle: "Product",
+    nameTitle: "Name",
+    skuTitle: "SKU",
+    categoryTitle: "Category",
+    priceTitle: "Price",
+    quantityTitle: "Quantity",
+    totalSalesTitle: "Total Sales",
+    pagerNextPage: "Go to the next page",
+    pagerLastPage: "Go to the last page",
+    pagerPage: "Page",
+    pagerOf: "of",
+    pagerTotalPages: "{0}",
+    pagerItems: "items",
+    pagerInfo: "{0} - {1} of {2} items",
+    pagerItemsPerPage: "items per page",
+    filterEqOperator: "Is equal to",
+    filterNotEqOperator: "Is not equal to",
+    filterIsNullOperator: "Is null",
+    filterIsNotNullOperator: "Is not null",
+    filterIsEmptyOperator: "Is empty",
+    filterIsNotEmptyOperator: "Is not empty",
+    filterStartsWithOperator: "Starts with",
+    filterContainsOperator: "Contains",
+    filterNotContainsOperator: "Does not contain",
+    filterEndsWithOperator: "Ends with",
+    filterGteOperator: "Is greater than or equal to",
+    filterGtOperator: "Is greater than",
+    filterLteOperator: "Is less than or equal to",
+    filterLtOperator: "Is less than",
+    filterIsTrue: "Yes",
+    filterIsFalse: "No",
+    filterBooleanAll: "(All)",
+    filterAfterOrEqualOperator: "Is after or equal to",
+    filterAfterOperator: "Is after",
+    filterBeforeOperator: "Is before",
+    filterBeforeOrEqualOperator: "Is before or equal to",
+    filterSubmitButton: "Filter",
+    filterClearButton: "Clear filters",
+    filterAndLogic: "And",
+    filterOrLogic: "Or",
+    filterTitle: "Filter",
+    sortAscending: "Sort ascending",
+    sortDescending: "Sort descending",
+    searchPlaceholder: "Search",
+    filterCheckAll: "Check all",
+    pagerItemPerPage: "Items per page",
+    filterChooseOperator: "Choose operator",
+    filterSelectedItems: "selected items",
+    filterAriaLabel: "Filter",
+    sortAriaLabel: "Sortable",
+    groupColumn: "Group column",
+    groupExpand: "Expand group",
+    groupCollapse: "Collapse group",
+    groupPanelAriaLabel: "group panel",
+    ungroupColumn: "Ungroup column",
+    detailExpand: "Expand detail row",
+    detailCollapse: "Collapse detail row",
+    wizard: {
+      windowTitle: "Chart Preview",
+      exportButton: "Export",
+      exportPDF: "PDF File",
+      exportSVG: "SVG File",
+      exportPNG: "PNG File",
+      tabChart: "Chart",
+      tabData: "Data",
+      tabFormat: "Format",
+      barChart: "Bar Chart",
+      bar: "Bar",
+      stackedBar: "Stacked Bar",
+      "100stackedBar": "100% Stacked Bar",
+      pieChart: "Pie Chart",
+      pie: "Pie",
+      columnChart: "Column Chart",
+      column: "Column",
+      stackedColumn: "Stacked Column",
+      "100stackedColumn": "100% Stacked Column",
+      lineChart: "Line Chart",
+      line: "Line",
+      stackedLine: "Stacked Line",
+      "100stackedLine": "100% Stacked Line",
+      scatterChart: "Scatter Chart",
+      scatter: "Scatter",
+      configuration: "Configuration",
+      categoryAxis: "Category Axis",
+      xAxis: "X Axis",
+      valueAxis: "Value Axis",
+      series: "Series",
+      add: "Add",
+      chartArea: "Chart Area",
+      margins: "Margins",
+      auto: "Auto",
+      left: "Left",
+      right: "Right",
+      top: "Top",
+      bottom: "Bottom",
+      background: "Background Color",
+      title: "Title",
+      applyTo: "Apply to",
+      chartTitle: "Chart Title",
+      chartSubtitle: "Chart Subtitle",
+      font: "Font",
+      size: "Size",
+      color: "Color",
+      legend: "Legend",
+      showLegend: "Show Legend",
+      position: "Position",
+      labels: "Labels",
+      rotation: "Rotation",
+      reverseOrder: "Reverse Order",
+      valueAxisTitle: "Value Axis Title",
+      categoryAxisTitle: "Category Axis Title",
+    },
+    chartWizard: {
+      window: {
+        title: "Chart Preview",
+      },
+      export: {
+        button: "Export",
+        PDF: "PDF File",
+        SVG: "SVG File",
+        PNG: "PNG File",
+      },
+      tab: {
+        chart: "Chart",
+        data: "Data",
+        format: "Format",
+      },
+      chart: {
+        barChart: {
+          expandText: "Bar Chart",
+          bar: "Bar",
+          stackedBar: "Stacked Bar",
+          "100%stackedBar": "100% Stacked Bar",
         },
-        {
-          image: "/testemonials2.jpg",
-          name: "Kelvin Hettinger",
-          rating: 4.5,
-          description:
-            "I couldn't be happier with my custom engagement ring from Vilora. The team helped me design the perfect piece, and the final result was even more beautiful than I imagined. Their service, quality, and dedication to excellence make Vilora my go-to for all fine jewelry.",
+        pieChart: {
+          expandText: "Pie Chart",
+          pie: "Pie",
         },
-        {
-          image: "/testemonials3.jpg",
-          name: "Karen Brooks",
-          rating: 5,
-          description:
-            "Vilora’s collection is nothing short of breathtaking. I recently purchased a white sapphire ring, and it’s become my favorite piece. The elegance and brilliance of the jewelry reflect their impeccable taste and high standards. Highly recommend!",
+        columnChart: {
+          expandText: "Column Chart",
+          column: "Column",
+          stackedColumn: "Stacked Column",
+          "100%stackedColumn": "100% Stacked Column",
+        },
+        lineChart: {
+          expandText: "Line Chart",
+          line: "Line",
+          stackedLine: "Stacked Line",
+          "100%stackedLine": "100% Stacked Line",
+        },
+        scatterChart: {
+          expandText: "Scatter Chart",
+          scatter: "Scatter",
         },
-      ],
-      // Contacts Page Translations
-      getInTouchTitle: "Get in touch",
-      getInTouchSubtitle: "If you have any questions, contact us",
-      fullNameLabel: "Full Name",
-      fullNamePlaceholder: "Enter your full name",
-      emailLabel: "Email",
-      phoneNumberLabel: "Phone Number",
-      typeOfCustomerLabel: "Type of customer",
-      dateLabel: "Date",
-      bookSlotButton: "Book a Slot",
-      contactsImageAlt: "Contacts",
-      // Thank You Page Translations
-      thankYouTitle: "Thank You For Your Order!",
-      thankYouSubtitle: "You have submitted your order",
-      backToShoppingButton: "Back to Shopping",
-      allProductsTitle: "Fine Selection",
-      allProductsSubtitle: "Enjoy the real craftsmanship",
-      allProductsContentText:
-        "Jewelry is a meaningful form of self-expression that enhances personal style and adds beauty to any occasion.",
-      collectionSerene: 'Collection "SERENE"',
-      collectionAurelia: 'Collection "AURELIA"',
-      collectionRavina: 'Collection "RAVINA"',
-      ourCollectionsTitle: "Our Collections",
-      ourCollectionsSubtitle: "Enjoy an excellent selection of fine jewelry",
-      breadcrumbHome: "Home",
-      breadcrumbJewelry: "Jewelry",
-      buyButtonText: "Buy",
-      handmadePinkDiamondRing: "Handmade Pink Diamond Ring",
-      diamondRingWithPinkRuby: "Diamond Ring with Pink Ruby",
-      whiteSandDiamondRing: "White Sand Diamond Ring",
-      productSubtitle: "In Platinum with Natural Diamond",
-      productDescription: "Elegant wedding bands featuring lustrous pearls.",
-      reviewsText: "{0} reviews",
-      youMayAlsoLikeTitle: "You May Also Like",
-      youMayAlsoLikeSubtitle: "Enjoy an excellent selection of fine jewelry",
-      categories: {
-        Bracelets: "Bracelets",
-        Rings: "Rings",
-        Earrings: "Earrings",
-        Watches: "Watches",
-        Necklaces: "Necklaces",
       },
-      diamondWeddingRing: "Diamond Wedding Ring",
-      silverBraceletWithCross: "Silver Bracelet with Cross",
-      pinkSilverBracelet: "Pink Silver Bracelet",
-      yellowGoldEarrings: "Yellow Gold Earrings",
-      silverHeartNecklace: "Silver Heart Necklace",
-      handmadeSilverEarrings: "Handmade Silver Earrings",
-      diamondWeddingBands: "Diamond Wedding Bands",
-      casualSilverWatch: "Casual Silver Watch",
-      silverBraceletWithOnyx: "Silver Bracelet with Onyx",
-      weddingBandsWithPearls: "Wedding Bands with Pearls",
-      silverWeddingBands: "Silver Wedding Bands",
-      handmadeYellowGoldRing: "Handmade Yellow Gold Ring",
-      diamondRingWithSapphire: "Diamond Ring with Sapphire",
-      silverHeartBracelet: "Silver Heart Bracelet",
-      roseGoldEarringsWithOpal: "Rose Gold Earrings with Opal",
-      silverBraceletWithTopaz: "Silver Bracelet with Topaz",
-      handmadeDiamondRing: "Handmade Diamond Ring",
-      diamondRingWithRuby: "Diamond Ring with Ruby",
-      silverWatch: "Silver Watch",
-      goldEarringsWithGarnet: "Gold Earrings with Garnet",
-      statuses: {
-        statusSale: "Sale",
-        statusRecommended: "Recommended",
-        statusMustHave: "Must Have",
+      data: {
+        configuration: {
+          expandText: "Configuration",
+          categoryAxis: "Category Axis",
+          xAxis: "X Axis",
+          valueAxis: "Value Axis",
+          series: {
+            title: "Series",
+            add: "Add",
+          },
+        },
       },
-      materials: {
-        materialGold: "Gold",
-        materialSilver: "Silver",
+      format: {
+        chartArea: {
+          expandText: "Chart Area",
+          margins: {
+            auto: "Auto",
+            left: "Left",
+            right: "Right",
+            top: "Top",
+            bottom: "Bottom",
+          },
+          background: {
+            color: "Color",
+          },
+        },
+        title: {
+          expandText: "Title",
+          applyTo: "Apply to",
+          chartTitle: "Chart Title",
+          chartSubtitle: "Chart Subtitle",
+          label: "Title",
+          font: "Font",
+          fontPlaceholder: "(inherited font)",
+          size: "Size",
+          sizePlaceholder: "px",
+          color: "Color",
+        },
+        series: {
+          expandText: "Series",
+          applyTo: "Apply to",
+          allSeries: "All Series",
+          color: "Color",
+          showLabels: "Show Labels",
+        },
+        legend: {
+          expandText: "Legend",
+          showLegend: "Show Legend",
+          font: "Font",
+          fontPlaceholder: "(inherited font)",
+          size: "Size",
+          sizePlaceholder: "px",
+          color: "Color",
+          position: {
+            top: "Top",
+            bottom: "Bottom",
+            left: "Left",
+            right: "Right",
+          },
+        },
+        categoryAxis: {
+          expandText: "Category Axis",
+          title: {
+            expandText: "Title",
+            placeholder: "Axis Title",
+            font: "Font",
+            fontPlaceholder: "(inherited font)",
+            size: "Size",
+            sizePlaceholder: "px",
+            color: "Color",
+          },
+          labels: {
+            text: "Labels",
+            font: "Font",
+            fontPlaceholder: "(inherited font)",
+            size: "Size",
+            sizePlaceholder: "px",
+            color: "Color",
+            rotation: {
+              text: "Rotation",
+              auto: "Auto",
+            },
+            reverseOrder: "Reverse Order",
+          },
+        },
+        valueAxis: {
+          expandText: "Value Axis",
+          title: {
+            text: "Title",
+            placeholder: "Axis Title",
+            font: "Font",
+            fontPlaceholder: "(inherited font)",
+            size: "Size",
+            sizePlaceholder: "px",
+            color: "Color",
+          },
+          labels: {
+            text: "Labels",
+            font: "Font",
+            fontPlaceholder: "(inherited font)",
+            size: "Size",
+            sizePlaceholder: "px",
+            color: "Color",
+            rotation: {
+              text: "Rotation",
+              auto: "Auto",
+            },
+          },
+        },
       },
-      paymentDetailsTitle: "Payment Details",
-      paymentDetailsSubtitle: "Please, submit your payment details",
-      paymentMethodCreditCard: "Credit Card",
-      paymentMethodBankTransfer: "Bank Transfer",
-      paymentMethodApplePay: "Apple Pay",
-      cardNumberLabel: "Card Number",
-      expiryDateLabel: "Expiry Date",
-      cvvLabel: "CVV*",
-      cardHolderLabel: "Cardholder",
-      submitOrderButton: "Submit Order",
-      subTotalLabel: "Sub total",
-      usDollarsLabel: "US Dollars",
-      vatLabel: "VAT",
-      shippingMethodLabel: "Shipping Method",
-      standardFreeDeliveryLabel: "Standard Free Delivery",
-      giftWrappingLabel: "Gift Wrapping",
-      includedGiftWrappingLabel: "Included Gift Wrapping",
-      totalLabel: "Total",
-    }
+    },
+  },
+}
 
 
 export default en
\ No newline at end of file
diff --git a/examples/kendo-react-e-commerce-astro-app/src/data/messages/es.ts b/examples/kendo-react-e-commerce-astro-app/src/data/messages/es.ts
index fed5631d..232aa5d6 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/data/messages/es.ts
+++ b/examples/kendo-react-e-commerce-astro-app/src/data/messages/es.ts
@@ -1,206 +1,495 @@
 export const es = {
-    // General Translations
-    title: "Joyería Vilora",
-    subtitle:
-      "Ofrecemos joyería exquisita, cada una mostrando elegancia atemporal",
-    buttonText: "Ver Colecciones",
+  title: "Joyería Vilora",
+  subtitle:
+    "Ofrecemos joyería exquisita, cada una mostrando elegancia atemporal",
+  buttonText: "Ver Colecciones",
+  searchPlaceholder: "Buscar",
+  addToCartButtonText: "Agregar al Carrito",
+  adminLabel: "Admin",
+  clientLabel: "Cliente",
+  languageMenuTitle: "Idioma",
+  languageEnglish: "Inglés",
+  languageFrench: "Francés",
+  languageSpanish: "Español",
+  cookiesText: "Usamos cookies para mejorar tu experiencia.",
+  rightsReservedText: "Todos los derechos reservados.",
+  subscribeText: "Suscríbete a nuestro boletín:",
+  emailPlaceholder: "Correo electrónico",
+  subscribeButtonText: "Suscribirse",
+  filterLabel: "Filtrar:",
+  sortByLabel: "Ordenar por:",
+  clearFiltersButton: "Borrar filtros",
+  categoryPlaceholder: "Categoría",
+  materialPlaceholder: "Material",
+  categoriesData: ["Pulseras", "Anillos", "Pendientes", "Relojes", "Collares"],
+  statusesData: ["Oferta", "Recomendado", "Imprescindible"],
+  materialsData: ["Oro", "Plata"],
+  whyChooseUs: "¿Por qué elegirnos?",
+  returnPolicyTitle: "Política de Devoluciones",
+  returnPolicyContent: "Puede devolver sus artículos dentro de los 30 días para obtener un reembolso completo o un cambio.",
+  includedGiftWrappingTitle: "Envoltorio de Regalo Incluido",
+  includedGiftWrappingContent: "Agregue un envoltorio de regalo para un toque especial, junto con un mensaje personalizado para sus seres queridos.",
+  discountCodeTitle: "Código de Descuento Disponible",
+  discountCodeContent: "Aplique su código de descuento al finalizar la compra para disfrutar de ahorros exclusivos en su pedido.",
+  followUsText: "Síguenos en:",
+  shoppingCartTitle: "Carrito de Compras",
+  backButtonText: "Volver",
+  removeButtonText: "Eliminar",
+  emptyCartMessage: "Tu carrito está vacío.",
+  proceedToCheckoutButtonText: "Proceder al Pago",
+  customerCareTitle: "Atención al Cliente",
+  "radioButtons": {
+    "new": "Nuevo",
+    "existing": "Existente",
+    "justCurious": "Solo curioso"
+  },
+  customerCareLinks: [
+    "Contáctanos",
+    "Compras en Línea",
+    "Rastrea tu Pedido",
+    "Envío y Entrega",
+    "Pedidos y Pago",
+    "Ayuda",
+  ],
+  ourCompanyTitle: "Nuestra Empresa",
+  ourCompanyLinks: [
+    "Ubicaciones Destacadas",
+    "Carreras",
+    "Responsabilidad Corporativa",
+    "Sostenibilidad",
+    "Cuidado de la Sociedad",
+  ],
+  legalPrivacyTitle: "Legal y Privacidad",
+  legalPrivacyLinks: [
+    "Términos de Uso",
+    "Condiciones de Venta",
+    "Política de Devoluciones",
+    "Política de Privacidad",
+    "Política de Cookies",
+  ],
+  // Menu Translations
+  menuHome: "Inicio",
+  menuJewelry: "Joyería",
+  menuContacts: "Contactos",
+  menuBracelets: "Pulseras",
+  menuRings: "Anillos",
+  menuEarrings: "Pendientes",
+  menuWatches: "Relojes",
+  menuAll: "Todo",
+  // Other Translations
+  bestsellersTitle: "Nuestros Más Vendidos",
+  bestsellersSubtitle: "Disfruta de una excelente selección de joyas finas",
+  buyNowButtonText: "Comprar Ahora",
+  timelessTitle: "Clásicos Atemporales",
+  timelessSubtitle: "Obtén nuestras colecciones únicas hechas a mano",
+  timelessContent:
+    "Las joyas mejoran el estilo y agregan elegancia, cada pieza cuenta una historia única.",
+  fineJewelryTitle: "Joyería Fina",
+  fineJewelrySubtitle: "Obtén nuestras colecciones únicas hechas a mano",
+  fineJewelryContent:
+    "Las joyas elevan el estilo y aportan sofisticación, cada pieza narra una historia distinta.",
+  ringsTitle: "Nuestros Anillos",
+  ringsSubtitle: "Disfruta de una excelente selección de anillos finos",
+  watchesTitle: "Nuestros Relojes",
+  watchesSubtitle: "Disfruta de una excelente selección de relojes",
+  watchesContent:
+    "Los relojes de oro de alta gama para hombres son el epítome del lujo, combinando precisión con una artesanía sofisticada.",
+  servicesTitle: "Servicios",
+  servicesSubtitle: "Explora reparaciones expertas para mejorar tu experiencia",
+  servicesContent:
+    "Vilora ofrece servicios como diseños personalizados, reparaciones y tasaciones para mejorar la experiencia del cliente.",
+  testimonialsTitle: "Palabras de los Clientes",
+  testimonialsSubtitle: "¿Qué dicen de nosotros?",
+  testimonialsData: [
+    {
+      image: "/testemonials1.jpg",
+      name: "Erica Moore",
+      rating: 5,
+      description:
+        "¡Vilora superó todas mis expectativas! La artesanía de mi collar de diamantes es absolutamente impresionante, y la atención al detalle es inigualable. Desde el momento en que realicé mi pedido hasta el día que llegó, toda la experiencia fue impecable.",
+    },
+    {
+      image: "/testemonials2.jpg",
+      name: "Kelvin Hettinger",
+      rating: 4.5,
+      description:
+        "No podría estar más feliz con mi anillo de compromiso personalizado de Vilora. El equipo me ayudó a diseñar la pieza perfecta, y el resultado final fue aún más hermoso de lo que imaginé. Su servicio, calidad y dedicación a la excelencia hacen de Vilora mi opción para todas las joyas finas.",
+    },
+    {
+      image: "/testemonials3.jpg",
+      name: "Karen Brooks",
+      rating: 5,
+      description:
+        "La colección de Vilora es simplemente impresionante. Recientemente compré un anillo de zafiro blanco, y se ha convertido en mi pieza favorita. La elegancia y el brillo de las joyas reflejan su impecable gusto y altos estándares. ¡Altamente recomendado!",
+    },
+  ],
+  // Contacts Page Translations
+  getInTouchTitle: "Ponte en contacto",
+  getInTouchSubtitle: "Si tienes alguna pregunta, contáctanos",
+  fullNameLabel: "Nombre completo",
+  fullNamePlaceholder: "Ingresa tu nombre completo",
+  emailLabel: "Correo electrónico",
+  phoneNumberLabel: "Número de teléfono",
+  typeOfCustomerLabel: "Tipo de cliente",
+  dateLabel: "Fecha",
+  bookSlotButton: "Reservar una cita",
+  contactsImageAlt: "Contactos",
+  // Thank You Page Translations
+  thankYouTitle: "¡Gracias por su pedido!",
+  thankYouSubtitle: "Ha enviado su pedido",
+  backToShoppingButton: "Volver a comprar",
+  allProductsTitle: "Selección Fina",
+  allProductsSubtitle: "Disfruta de la verdadera artesanía",
+  allProductsContentText:
+    "La joyería es una forma significativa de autoexpresión que mejora el estilo personal y agrega belleza a cualquier ocasión.",
+  collectionSerene: 'Colección "SERENE"',
+  chartSelectedDataButton: "Gráfico de datos seleccionados",
+  top3SalesButton: "Top 3 de ventas por categoría",
+  collectionAurelia: 'Colección "AURELIA"',
+  collectionRavina: 'Colección "RAVINA"',
+  ourCollectionsTitle: "Nuestras Colecciones",
+  ourCollectionsSubtitle: "Disfruta de una excelente selección de joyería fina",
+  breadcrumbHome: "Inicio",
+  breadcrumbJewelry: "Joyería",
+  buyButtonText: "Comprar",
+  handmadePinkDiamondRing: "Anillo de diamante rosa hecho a mano",
+  diamondRingWithPinkRuby: "Anillo de diamante con rubí rosa",
+  whiteSandDiamondRing: "Anillo de diamante de arena blanca",
+  productSubtitle: "En platino con diamante natural",
+  productDescription: "Elegantes alianzas con perlas lustrosas.",
+  reviewsText: "{0} reseñas",
+  youMayAlsoLikeTitle: "También te puede interesar",
+  youMayAlsoLikeSubtitle: "Disfruta de una excelente selección de joyería fina",
+  thankYou: {
+    title: "Thank You!",
+    subtitle: "Your order has been placed successfully.",
+    thankYouMessage: "Thank You For Your Order!",
+    orderSubmittedMessage: "You have submitted your order",
+    backToShopping: "Back to Shopping"
+  },
+  categories: {
+    Bracelets: "Pulseras",
+    Rings: "Anillos",
+    Earrings: "Pendientes",
+    Watches: "Relojes",
+    Necklaces: "Collares",
+  },
+  diamondWeddingRing: "Anillo de boda de diamante",
+  silverBraceletWithCross: "Pulsera de plata con cruz",
+  pinkSilverBracelet: "Pulsera de plata rosa",
+  yellowGoldEarrings: "Pendientes de oro amarillo",
+  silverHeartNecklace: "Collar de corazón de plata",
+  handmadeSilverEarrings: "Pendientes de plata hechos a mano",
+  diamondWeddingBands: "Anillos de boda de diamante",
+  casualSilverWatch: "Reloj casual de plata",
+  silverBraceletWithOnyx: "Pulsera de plata con ónix",
+  weddingBandsWithPearls: "Anillos de boda con perlas",
+  silverWeddingBands: "Anillos de boda de plata",
+  handmadeYellowGoldRing: "Anillo de oro amarillo hecho a mano",
+  diamondRingWithSapphire: "Anillo de diamante con zafiro",
+  silverHeartBracelet: "Pulsera de corazón de plata",
+  roseGoldEarringsWithOpal: "Pendientes de oro rosa con ópalo",
+  silverBraceletWithTopaz: "Pulsera de plata con topacio",
+  handmadeDiamondRing: "Anillo de diamante hecho a mano",
+  diamondRingWithRuby: "Anillo de diamante con rubí",
+  silverWatch: "Reloj de plata",
+  goldEarringsWithGarnet: "Pendientes de oro con granate",
+  statuses: {
+    statusSale: "Oferta",
+    statusRecommended: "Recomendado",
+    statusMustHave: "Imprescindible",
+  },
+  materials: {
+    materialGold: "Oro",
+    materialSilver: "Plata",
+  },
+  paymentDetailsTitle: "Detalles de Pago",
+  paymentDetailsSubtitle: "Por favor, ingrese sus detalles de pago",
+  paymentMethodCreditCard: "Tarjeta de Crédito",
+  paymentMethodBankTransfer: "Transferencia Bancaria",
+  paymentMethodApplePay: "Apple Pay",
+  cardNumberLabel: "Número de Tarjeta",
+  expiryDateLabel: "Fecha de Expiración",
+  cvvLabel: "CVV*",
+  cardHolderLabel: "Titular de la Tarjeta",
+  submitOrderButton: "Enviar Pedido",
+  subTotalLabel: "Subtotal",
+  usDollarsLabel: "Dólares EE.UU.",
+  vatLabel: "IVA",
+  shippingMethodLabel: "Método de Envío",
+  standardFreeDeliveryLabel: "Envío Estándar Gratuito",
+  giftWrappingLabel: "Envoltura de Regalo",
+  includedGiftWrappingLabel: "Envoltura de Regalo Incluida",
+  totalLabel: "Total",
+  grid: {
+    groupPanelEmpty: "Arrastra el encabezado de una columna y suéltalo aquí para agrupar por esa columna",
+    noRecords: "No hay registros disponibles.",
+    pagerFirstPage: "Ir a la primera página",
+    pagerPreviousPage: "Ir a la página anterior",
+    pagerNextPage: "Ir a la página siguiente",
+    pagerLastPage: "Ir a la última página",
+    pagerPage: "Página",
+    pagerOf: "de",
+    pagerTotalPages: "{0}",
+    pagerItems: "artículos",
+    productTitle: "Producto",
+    nameTitle: "Nombre",
+    skuTitle: "SKU",
+    categoryTitle: "Categoría",
+    priceTitle: "Precio",
+    quantityTitle: "Cantidad",
+    totalSalesTitle: "Ventas Totales",
+    pagerInfo: "{0} - {1} de {2} artículos",
+    pagerItemsPerPage: "artículos por página",
+    filterEqOperator: "Es igual a",
+    filterNotEqOperator: "No es igual a",
+    filterIsNullOperator: "Es nulo",
+    filterIsNotNullOperator: "No es nulo",
+    filterIsEmptyOperator: "Está vacío",
+    filterIsNotEmptyOperator: "No está vacío",
+    filterStartsWithOperator: "Comienza con",
+    filterContainsOperator: "Contiene",
+    filterNotContainsOperator: "No contiene",
+    filterEndsWithOperator: "Termina con",
+    filterGteOperator: "Mayor o igual que",
+    filterGtOperator: "Mayor que",
+    filterLteOperator: "Menor o igual que",
+    filterLtOperator: "Menor que",
+    filterIsTrue: "Sí",
+    filterIsFalse: "No",
+    filterBooleanAll: "(Todos)",
+    filterAfterOrEqualOperator: "Es posterior o igual a",
+    filterAfterOperator: "Es posterior a",
+    filterBeforeOperator: "Es anterior a",
+    filterBeforeOrEqualOperator: "Es anterior o igual a",
+    filterSubmitButton: "Filtrar",
+    filterClearButton: "Borrar filtros",
+    filterAndLogic: "Y",
+    filterOrLogic: "O",
+    filterTitle: "Filtrar",
+    sortAscending: "Orden ascendente",
+    sortDescending: "Orden descendente",
     searchPlaceholder: "Buscar",
-    addToCartButtonText: "Agregar al Carrito",
-    adminLabel: "Admin",
-    clientLabel: "Cliente",
-    languageMenuTitle: "Idioma",
-    languageEnglish: "Inglés",
-    languageFrench: "Francés",
-    languageSpanish: "Español",
-    cookiesText: "Usamos cookies para mejorar tu experiencia.",
-    rightsReservedText: "Todos los derechos reservados.",
-    subscribeText: "Suscríbete a nuestro boletín:",
-    emailPlaceholder: "Correo electrónico",
-    subscribeButtonText: "Suscribirse",
-    filterLabel: "Filtrar:",
-    sortByLabel: "Ordenar por:",
-    clearFiltersButton: "Borrar filtros",
-    categoryPlaceholder: "Categoría",
-    materialPlaceholder: "Material",
-    categoriesData: ["Pulseras", "Anillos", "Pendientes", "Relojes", "Collares"],
-    statusesData: ["Oferta", "Recomendado", "Imprescindible"],
-    materialsData: ["Oro", "Plata"],
-    followUsText: "Síguenos en:",
-    shoppingCartTitle: "Carrito de Compras",
-    backButtonText: "Volver",
-    removeButtonText: "Eliminar",
-    emptyCartMessage: "Tu carrito está vacío.",
-    proceedToCheckoutButtonText: "Proceder al Pago",
-    customerCareTitle: "Atención al Cliente",
-    customerCareLinks: [
-      "Contáctanos",
-      "Compras en Línea",
-      "Rastrea tu Pedido",
-      "Envío y Entrega",
-      "Pedidos y Pago",
-      "Ayuda",
-    ],
-    ourCompanyTitle: "Nuestra Empresa",
-    ourCompanyLinks: [
-      "Ubicaciones Destacadas",
-      "Carreras",
-      "Responsabilidad Corporativa",
-      "Sostenibilidad",
-      "Cuidado de la Sociedad",
-    ],
-    legalPrivacyTitle: "Legal y Privacidad",
-    legalPrivacyLinks: [
-      "Términos de Uso",
-      "Condiciones de Venta",
-      "Política de Devoluciones",
-      "Política de Privacidad",
-      "Política de Cookies",
-    ],
-    // Menu Translations
-    menuHome: "Inicio",
-    menuJewelry: "Joyería",
-    menuContacts: "Contactos",
-    menuBracelets: "Pulseras",
-    menuRings: "Anillos",
-    menuEarrings: "Pendientes",
-    menuWatches: "Relojes",
-    menuAll: "Todo",
-    // Other Translations
-    bestsellersTitle: "Nuestros Más Vendidos",
-    bestsellersSubtitle: "Disfruta de una excelente selección de joyas finas",
-    buyNowButtonText: "Comprar Ahora",
-    timelessTitle: "Clásicos Atemporales",
-    timelessSubtitle: "Obtén nuestras colecciones únicas hechas a mano",
-    timelessContent:
-      "Las joyas mejoran el estilo y agregan elegancia, cada pieza cuenta una historia única.",
-    fineJewelryTitle: "Joyería Fina",
-    fineJewelrySubtitle: "Obtén nuestras colecciones únicas hechas a mano",
-    fineJewelryContent:
-      "Las joyas elevan el estilo y aportan sofisticación, cada pieza narra una historia distinta.",
-    ringsTitle: "Nuestros Anillos",
-    ringsSubtitle: "Disfruta de una excelente selección de anillos finos",
-    watchesTitle: "Nuestros Relojes",
-    watchesSubtitle: "Disfruta de una excelente selección de relojes",
-    watchesContent:
-      "Los relojes de oro de alta gama para hombres son el epítome del lujo, combinando precisión con una artesanía sofisticada.",
-    servicesTitle: "Servicios",
-    servicesSubtitle: "Explora reparaciones expertas para mejorar tu experiencia",
-    servicesContent:
-      "Vilora ofrece servicios como diseños personalizados, reparaciones y tasaciones para mejorar la experiencia del cliente.",
-    testimonialsTitle: "Palabras de los Clientes",
-    testimonialsSubtitle: "¿Qué dicen de nosotros?",
-    testimonialsData: [
-      {
-        image: "/testemonials1.jpg",
-        name: "Erica Moore",
-        rating: 5,
-        description:
-          "¡Vilora superó todas mis expectativas! La artesanía de mi collar de diamantes es absolutamente impresionante, y la atención al detalle es inigualable. Desde el momento en que realicé mi pedido hasta el día que llegó, toda la experiencia fue impecable.",
+    filterCheckAll: "Seleccionar todo",
+    filterAriaLabel: "Filtrar",
+    sortAriaLabel: "Ordenar",
+    groupColumn: "Columna de grupo",
+    groupExpand: "Expandir grupo",
+    groupCollapse: "Contraer grupo",
+    groupPanelAriaLabel: "Panel de agrupación",
+    ungroupColumn: "Desagrupar columna",
+    detailExpand: "Expandir detalle",
+    detailCollapse: "Contraer detalle",
+  },
+   wizard: {
+     windowTitle: "Vista previa del gráfico",
+     exportButton: "Exportar",
+     exportPDF: "Archivo PDF",
+     exportSVG: "Archivo SVG",
+     exportPNG: "Archivo PNG",
+     tabChart: "Gráfico",
+     tabData: "Datos",
+     tabFormat: "Formato",
+     barChart: "Gráfico de barras",
+     bar: "Barra",
+     stackedBar: "Barras apiladas",
+     "100stackedBar": "Barras apiladas al 100%",
+     pieChart: "Gráfico circular",
+     pie: "Circular",
+     columnChart: "Gráfico de columnas",
+     column: "Columna",
+     stackedColumn: "Columnas apiladas",
+     "100stackedColumn": "Columnas apiladas al 100%",
+     lineChart: "Gráfico de líneas",
+     line: "Línea",
+     stackedLine: "Líneas apiladas",
+     "100stackedLine": "Líneas apiladas al 100%",
+     scatterChart: "Gráfico de dispersión",
+     scatter: "Dispersión",
+     configuration: "Configuración",
+     categoryAxis: "Eje de categorías",
+     xAxis: "Eje X",
+     valueAxis: "Eje de valores",
+     series: "Series",
+     add: "Agregar",
+     chartArea: "Área del gráfico",
+     margins: "Márgenes",
+     auto: "Auto",
+     left: "Izquierda",
+     right: "Derecha",
+     top: "Superior",
+     bottom: "Inferior",
+     background: "Color de fondo",
+     title: "Título",
+     applyTo: "Aplicar a",
+     chartTitle: "Título del gráfico",
+     chartSubtitle: "Subtítulo del gráfico",
+     font: "Fuente",
+     size: "Tamaño",
+     color: "Color",
+     legend: "Leyenda",
+     showLegend: "Mostrar leyenda",
+     position: "Posición",
+     labels: "Etiquetas",
+     rotation: "Rotación",
+     reverseOrder: "Orden inverso",
+     valueAxisTitle: "Título del eje de valores",
+     categoryAxisTitle: "Título del eje de categorías",
+   },
+   chartWizard: {
+    window: {
+      title: "Vista previa del gráfico",
+    },
+    export: {
+      button: "Exportar",
+      PDF: "Archivo PDF",
+      SVG: "Archivo SVG",
+      PNG: "Archivo PNG",
+    },
+    tab: {
+      chart: "Gráfico",
+      data: "Datos",
+      format: "Formato",
+    },
+    chart: {
+      barChart: {
+        expandText: "Gráfico de barras",
+        bar: "Barra",
+        stackedBar: "Barras apiladas",
+        "100%stackedBar": "Barras apiladas al 100%",
+      },
+      pieChart: {
+        expandText: "Gráfico de pastel",
+        pie: "Pastel",
+      },
+      columnChart: {
+        expandText: "Gráfico de columnas",
+        column: "Columna",
+        stackedColumn: "Columnas apiladas",
+        "100%stackedColumn": "Columnas apiladas al 100%",
       },
-      {
-        image: "/testemonials2.jpg",
-        name: "Kelvin Hettinger",
-        rating: 4.5,
-        description:
-          "No podría estar más feliz con mi anillo de compromiso personalizado de Vilora. El equipo me ayudó a diseñar la pieza perfecta, y el resultado final fue aún más hermoso de lo que imaginé. Su servicio, calidad y dedicación a la excelencia hacen de Vilora mi opción para todas las joyas finas.",
+      lineChart: {
+        expandText: "Gráfico de líneas",
+        line: "Línea",
+        stackedLine: "Líneas apiladas",
+        "100%stackedLine": "Líneas apiladas al 100%",
       },
-      {
-        image: "/testemonials3.jpg",
-        name: "Karen Brooks",
-        rating: 5,
-        description:
-          "La colección de Vilora es simplemente impresionante. Recientemente compré un anillo de zafiro blanco, y se ha convertido en mi pieza favorita. La elegancia y el brillo de las joyas reflejan su impecable gusto y altos estándares. ¡Altamente recomendado!",
+      scatterChart: {
+        expandText: "Gráfico de dispersión",
+        scatter: "Dispersión",
       },
-    ],
-    // Contacts Page Translations
-    getInTouchTitle: "Ponte en contacto",
-    getInTouchSubtitle: "Si tienes alguna pregunta, contáctanos",
-    fullNameLabel: "Nombre completo",
-    fullNamePlaceholder: "Ingresa tu nombre completo",
-    emailLabel: "Correo electrónico",
-    phoneNumberLabel: "Número de teléfono",
-    typeOfCustomerLabel: "Tipo de cliente",
-    dateLabel: "Fecha",
-    bookSlotButton: "Reservar una cita",
-    contactsImageAlt: "Contactos",
-    // Thank You Page Translations
-    thankYouTitle: "¡Gracias por su pedido!",
-    thankYouSubtitle: "Ha enviado su pedido",
-    backToShoppingButton: "Volver a comprar",
-    allProductsTitle: "Selección Fina",
-    allProductsSubtitle: "Disfruta de la verdadera artesanía",
-    allProductsContentText:
-      "La joyería es una forma significativa de autoexpresión que mejora el estilo personal y agrega belleza a cualquier ocasión.",
-    collectionSerene: 'Colección "SERENE"',
-    collectionAurelia: 'Colección "AURELIA"',
-    collectionRavina: 'Colección "RAVINA"',
-    ourCollectionsTitle: "Nuestras Colecciones",
-    ourCollectionsSubtitle: "Disfruta de una excelente selección de joyería fina",
-    breadcrumbHome: "Inicio",
-    breadcrumbJewelry: "Joyería",
-    buyButtonText: "Comprar",
-    handmadePinkDiamondRing: "Anillo de diamante rosa hecho a mano",
-    diamondRingWithPinkRuby: "Anillo de diamante con rubí rosa",
-    whiteSandDiamondRing: "Anillo de diamante de arena blanca",
-    productSubtitle: "En platino con diamante natural",
-    productDescription: "Elegantes alianzas con perlas lustrosas.",
-    reviewsText: "{0} reseñas",
-    youMayAlsoLikeTitle: "También te puede interesar",
-    youMayAlsoLikeSubtitle: "Disfruta de una excelente selección de joyería fina",
-    categories: {
-      Bracelets: "Pulseras",
-      Rings: "Anillos",
-      Earrings: "Pendientes",
-      Watches: "Relojes",
-      Necklaces: "Collares",
     },
-    diamondWeddingRing: "Anillo de boda de diamante",
-    silverBraceletWithCross: "Pulsera de plata con cruz",
-    pinkSilverBracelet: "Pulsera de plata rosa",
-    yellowGoldEarrings: "Pendientes de oro amarillo",
-    silverHeartNecklace: "Collar de corazón de plata",
-    handmadeSilverEarrings: "Pendientes de plata hechos a mano",
-    diamondWeddingBands: "Anillos de boda de diamante",
-    casualSilverWatch: "Reloj casual de plata",
-    silverBraceletWithOnyx: "Pulsera de plata con ónix",
-    weddingBandsWithPearls: "Anillos de boda con perlas",
-    silverWeddingBands: "Anillos de boda de plata",
-    handmadeYellowGoldRing: "Anillo de oro amarillo hecho a mano",
-    diamondRingWithSapphire: "Anillo de diamante con zafiro",
-    silverHeartBracelet: "Pulsera de corazón de plata",
-    roseGoldEarringsWithOpal: "Pendientes de oro rosa con ópalo",
-    silverBraceletWithTopaz: "Pulsera de plata con topacio",
-    handmadeDiamondRing: "Anillo de diamante hecho a mano",
-    diamondRingWithRuby: "Anillo de diamante con rubí",
-    silverWatch: "Reloj de plata",
-    goldEarringsWithGarnet: "Pendientes de oro con granate",
-    statuses: {
-      statusSale: "Oferta",
-      statusRecommended: "Recomendado",
-      statusMustHave: "Imprescindible",
+    data: {
+      configuration: {
+        expandText: "Configuración",
+        categoryAxis: "Eje de categorías",
+        xAxis: "Eje X",
+        valueAxis: "Eje de valores",
+        series: {
+          title: "Series",
+          add: "Agregar",
+        },
+      },
     },
-    materials: {
-      materialGold: "Oro",
-      materialSilver: "Plata",
+    format: {
+      chartArea: {
+        expandText: "Área del gráfico",
+        margins: {
+          auto: "Auto",
+          left: "Izquierda",
+          right: "Derecha",
+          top: "Arriba",
+          bottom: "Abajo",
+        },
+        background: {
+          color: "Color",
+        },
+      },
+      title: {
+        expandText: "Título",
+        applyTo: "Aplicar a",
+        chartTitle: "Título del gráfico",
+        chartSubtitle: "Subtítulo del gráfico",
+        label: "Título",
+        font: "Fuente",
+        fontPlaceholder: "(fuente heredada)",
+        size: "Tamaño",
+        sizePlaceholder: "px",
+        color: "Color",
+      },
+      series: {
+        expandText: "Series",
+        applyTo: "Aplicar a",
+        allSeries: "Todas las series",
+        color: "Color",
+        showLabels: "Mostrar etiquetas",
+      },
+      legend: {
+        expandText: "Leyenda",
+        showLegend: "Mostrar leyenda",
+        font: "Fuente",
+        fontPlaceholder: "(fuente heredada)",
+        size: "Tamaño",
+        sizePlaceholder: "px",
+        color: "Color",
+        position: {
+          top: "Arriba",
+          bottom: "Abajo",
+          left: "Izquierda",
+          right: "Derecha",
+        },
+      },
+      categoryAxis: {
+        expandText: "Eje de categorías",
+        title: {
+          expandText: "Título",
+          placeholder: "Título del eje",
+          font: "Fuente",
+          fontPlaceholder: "(fuente heredada)",
+          size: "Tamaño",
+          sizePlaceholder: "px",
+          color: "Color",
+        },
+        labels: {
+          text: "Etiquetas",
+          font: "Fuente",
+          fontPlaceholder: "(fuente heredada)",
+          size: "Tamaño",
+          sizePlaceholder: "px",
+          color: "Color",
+          rotation: {
+            text: "Rotación",
+            auto: "Auto",
+          },
+          reverseOrder: "Orden inverso",
+        },
+      },
+      valueAxis: {
+        expandText: "Eje de valores",
+        title: {
+          text: "Título",
+          placeholder: "Título del eje",
+          font: "Fuente",
+          fontPlaceholder: "(fuente heredada)",
+          size: "Tamaño",
+          sizePlaceholder: "px",
+          color: "Color",
+        },
+        labels: {
+          text: "Etiquetas",
+          font: "Fuente",
+          fontPlaceholder: "(fuente heredada)",
+          size: "Tamaño",
+          sizePlaceholder: "px",
+          color: "Color",
+          rotation: {
+            text: "Rotación",
+            auto: "Auto",
+          },
+        },
+      },
     },
-    paymentDetailsTitle: "Detalles de Pago",
-    paymentDetailsSubtitle: "Por favor, ingrese sus detalles de pago",
-    paymentMethodCreditCard: "Tarjeta de Crédito",
-    paymentMethodBankTransfer: "Transferencia Bancaria",
-    paymentMethodApplePay: "Apple Pay",
-    cardNumberLabel: "Número de Tarjeta",
-    expiryDateLabel: "Fecha de Expiración",
-    cvvLabel: "CVV*",
-    cardHolderLabel: "Titular de la Tarjeta",
-    submitOrderButton: "Enviar Pedido",
-    subTotalLabel: "Subtotal",
-    usDollarsLabel: "Dólares EE.UU.",
-    vatLabel: "IVA",
-    shippingMethodLabel: "Método de Envío",
-    standardFreeDeliveryLabel: "Envío Estándar Gratuito",
-    giftWrappingLabel: "Envoltura de Regalo",
-    includedGiftWrappingLabel: "Envoltura de Regalo Incluida",
-    totalLabel: "Total",
   }
+}
 
-  export default es
\ No newline at end of file
+export default es
\ No newline at end of file
diff --git a/examples/kendo-react-e-commerce-astro-app/src/data/messages/fr.ts b/examples/kendo-react-e-commerce-astro-app/src/data/messages/fr.ts
index 3edd2a6a..7f31495a 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/data/messages/fr.ts
+++ b/examples/kendo-react-e-commerce-astro-app/src/data/messages/fr.ts
@@ -1,209 +1,447 @@
 export const fr = {
-    // General Translations
-    title: "Bijoux Vilora",
-    subtitle:
-      "Nous proposons des bijoux exquis, chacun illustrant une élégance intemporelle",
-    buttonText: "Voir les Collections",
-    searchPlaceholder: "Rechercher",
-    addToCartButtonText: "Ajouter au Panier",
-    adminLabel: "Admin",
-    clientLabel: "Client",
-    languageMenuTitle: "Langue",
-    languageEnglish: "Anglais",
-    languageFrench: "Français",
-    languageSpanish: "Espagnol",
-    cookiesText:
-      "Nous utilisons des cookies pour améliorer votre expérience.",
-    rightsReservedText: "Tous droits réservés.",
-    subscribeText: "Abonnez-vous à notre newsletter :",
-    emailPlaceholder: "Email",
-    subscribeButtonText: "S'abonner",
-    filterLabel: "Filtrer :",
-    sortByLabel: "Trier par :",
-    clearFiltersButton: "Effacer les filtres",
-    categoryPlaceholder: "Catégorie",
-    materialPlaceholder: "Matériau",
-    categoriesData: ["Bracelets", "Bagues", "Boucles d'oreilles", "Montres", "Colliers"],
-    statusesData: ["Vente", "Recommandé", "Indispensable"],
-    materialsData: ["Or", "Argent"],
-    followUsText: "Suivez-nous :",
-    shoppingCartTitle: "Panier",
-    backButtonText: "Retour",
-    removeButtonText: "Supprimer",
-    emptyCartMessage: "Votre panier est vide.",
-    proceedToCheckoutButtonText: "Passer à la caisse",
-    customerCareTitle: "Service Client",
-    customerCareLinks: [
-      "Nous Contacter",
-      "Achats en Ligne",
-      "Suivre Votre Commande",
-      "Livraison",
-      "Commandes & Paiement",
-      "Aide",
-    ],
-    ourCompanyTitle: "Notre Entreprise",
-    ourCompanyLinks: [
-      "Emplacements Importants",
-      "Carrières",
-      "Responsabilité d'Entreprise",
-      "Durabilité",
-      "Soins de la Société",
-    ],
-    legalPrivacyTitle: "Légal & Confidentialité",
-    legalPrivacyLinks: [
-      "Conditions d'Utilisation",
-      "Conditions de Vente",
-      "Politique de Retour",
-      "Politique de Confidentialité",
-      "Politique de Cookies",
-    ],
-    // Menu Translations
-    menuHome: "Accueil",
-    menuJewelry: "Bijoux",
-    menuContacts: "Contacts",
-    menuBracelets: "Bracelets",
-    menuRings: "Bagues",
-    menuEarrings: "Boucles d'oreilles",
-    menuWatches: "Montres",
-    menuAll: "Tout",
-    // Other Translations
-    bestsellersTitle: "Nos Meilleures Ventes",
-    bestsellersSubtitle:
-      "Profitez d'une excellente sélection de bijoux fins",
-    buyNowButtonText: "Acheter Maintenant",
-    timelessTitle: "Classiques Intemporels",
-    timelessSubtitle: "Découvrez nos collections artisanales uniques",
-    timelessContent:
-      "Les bijoux subliment le style et ajoutent de l'élégance, chaque pièce raconte une histoire unique.",
-    fineJewelryTitle: "Bijoux Fins",
-    fineJewelrySubtitle: "Découvrez nos collections artisanales uniques",
-    fineJewelryContent:
-      "Les bijoux rehaussent le style et apportent de la sophistication, chaque pièce raconte une histoire distincte.",
-    ringsTitle: "Nos Bagues",
-    ringsSubtitle: "Profitez d'une excellente sélection de bagues fines",
-    watchesTitle: "Nos Montres",
-    watchesSubtitle: "Profitez d'une excellente sélection de montres",
-    watchesContent:
-      "Les montres en or haut de gamme pour hommes sont le summum du luxe, alliant précision et savoir-faire sophistiqué.",
-    servicesTitle: "Services",
-    servicesSubtitle:
-      "Explorez des réparations expertes pour enrichir votre expérience",
-    servicesContent:
-      "Vilora propose des services tels que des designs personnalisés, des réparations et des expertises pour enrichir l'expérience client.",
-    testimonialsTitle: "Mots des Clients",
-    testimonialsSubtitle: "Que disent-ils de nous ?",
-    testimonialsData: [
-      {
-        image: "/testemonials1.jpg",
-        name: "Erica Moore",
-        rating: 5,
-        description:
-          "Vilora a dépassé toutes mes attentes ! Le savoir-faire de mon collier en diamant est absolument époustouflant, et l'attention aux détails est sans égale. Du moment où j'ai passé ma commande jusqu'au jour où elle est arrivée, toute l'expérience a été parfaite.",
+  title: "Bijoux Vilora",
+  subtitle:
+    "Nous proposons des bijoux exquis, chacun illustrant une élégance intemporelle",
+  buttonText: "Voir les Collections",
+  searchPlaceholder: "Rechercher",
+  addToCartButtonText: "Ajouter au Panier",
+  adminLabel: "Admin",
+  clientLabel: "Client",
+  languageMenuTitle: "Langue",
+  languageEnglish: "Anglais",
+  languageFrench: "Français",
+  languageSpanish: "Espagnol",
+  "radioButtons": {
+    "new": "Nouveau",
+    "existing": "Existant",
+    "justCurious": "Juste curieux"
+  },
+  cookiesText:
+    "Nous utilisons des cookies pour améliorer votre expérience.",
+  rightsReservedText: "Tous droits réservés.",
+  subscribeText: "Abonnez-vous à notre newsletter :",
+  emailPlaceholder: "Email",
+  subscribeButtonText: "S'abonner",
+  filterLabel: "Filtrer :",
+  sortByLabel: "Trier par :",
+  clearFiltersButton: "Effacer les filtres",
+  categoryPlaceholder: "Catégorie",
+  materialPlaceholder: "Matériau",
+  categoriesData: ["Bracelets", "Bagues", "Boucles d'oreilles", "Montres", "Colliers"],
+  statusesData: ["Vente", "Recommandé", "Indispensable"],
+  materialsData: ["Or", "Argent"],
+  followUsText: "Suivez-nous :",
+  shoppingCartTitle: "Panier",
+  backButtonText: "Retour",
+  whyChooseUs: "Pourquoi nous choisir ?",
+  returnPolicyTitle: "Politique de Retour",
+  returnPolicyContent: "Vous pouvez retourner vos articles sous 30 jours pour un remboursement ou un échange complet.",
+  includedGiftWrappingTitle: "Emballage Cadeau Inclus",
+  includedGiftWrappingContent: "Ajoutez un emballage cadeau pour une touche spéciale, accompagné d'un message personnalisé pour vos proches.",
+  discountCodeTitle: "Code Promo Disponible",
+  discountCodeContent: "Appliquez votre code promo lors du paiement pour profiter d'économies exclusives sur votre commande.",
+  removeButtonText: "Supprimer",
+  emptyCartMessage: "Votre panier est vide.",
+  proceedToCheckoutButtonText: "Passer à la caisse",
+  customerCareTitle: "Service Client",
+  thankYou: {
+    title: "Merci !",
+    subtitle: "Votre commande a été passée avec succès.",
+    thankYouMessage: "Merci pour votre commande !",
+    orderSubmittedMessage: "Vous avez soumis votre commande",
+    backToShopping: "Retour au shopping"
+  },
+  customerCareLinks: [
+    "Nous Contacter",
+    "Achats en Ligne",
+    "Suivre Votre Commande",
+    "Livraison",
+    "Commandes & Paiement",
+    "Aide",
+  ],
+  ourCompanyTitle: "Notre Entreprise",
+  ourCompanyLinks: [
+    "Emplacements Importants",
+    "Carrières",
+    "Responsabilité d'Entreprise",
+    "Durabilité",
+    "Soins de la Société",
+  ],
+  legalPrivacyTitle: "Légal & Confidentialité",
+  legalPrivacyLinks: [
+    "Conditions d'Utilisation",
+    "Conditions de Vente",
+    "Politique de Retour",
+    "Politique de Confidentialité",
+    "Politique de Cookies",
+  ],
+  // Menu Translations
+  menuHome: "Accueil",
+  menuJewelry: "Bijoux",
+  menuContacts: "Contacts",
+  menuBracelets: "Bracelets",
+  menuRings: "Bagues",
+  menuEarrings: "Boucles d'oreilles",
+  menuWatches: "Montres",
+  menuAll: "Tout",
+  // Other Translations
+  bestsellersTitle: "Nos Meilleures Ventes",
+  bestsellersSubtitle:
+    "Profitez d'une excellente sélection de bijoux fins",
+  buyNowButtonText: "Acheter Maintenant",
+  timelessTitle: "Classiques Intemporels",
+  timelessSubtitle: "Découvrez nos collections artisanales uniques",
+  timelessContent:
+    "Les bijoux subliment le style et ajoutent de l'élégance, chaque pièce raconte une histoire unique.",
+  fineJewelryTitle: "Bijoux Fins",
+  fineJewelrySubtitle: "Découvrez nos collections artisanales uniques",
+  fineJewelryContent:
+    "Les bijoux rehaussent le style et apportent de la sophistication, chaque pièce raconte une histoire distincte.",
+  ringsTitle: "Nos Bagues",
+  ringsSubtitle: "Profitez d'une excellente sélection de bagues fines",
+  watchesTitle: "Nos Montres",
+  watchesSubtitle: "Profitez d'une excellente sélection de montres",
+  watchesContent:
+    "Les montres en or haut de gamme pour hommes sont le summum du luxe, alliant précision et savoir-faire sophistiqué.",
+  servicesTitle: "Services",
+  servicesSubtitle:
+    "Explorez des réparations expertes pour enrichir votre expérience",
+  servicesContent:
+    "Vilora propose des services tels que des designs personnalisés, des réparations et des expertises pour enrichir l'expérience client.",
+  testimonialsTitle: "Mots des Clients",
+  testimonialsSubtitle: "Que disent-ils de nous ?",
+  testimonialsData: [
+    {
+      image: "/testemonials1.jpg",
+      name: "Erica Moore",
+      rating: 5,
+      description:
+        "Vilora a dépassé toutes mes attentes ! Le savoir-faire de mon collier en diamant est absolument époustouflant, et l'attention aux détails est sans égale. Du moment où j'ai passé ma commande jusqu'au jour où elle est arrivée, toute l'expérience a été parfaite.",
+    },
+    {
+      image: "/testemonials2.jpg",
+      name: "Kelvin Hettinger",
+      rating: 4.5,
+      description:
+        "Je ne pourrais pas être plus heureux avec ma bague de fiançailles personnalisée de chez Vilora. L'équipe m'a aidé à concevoir la pièce parfaite, et le résultat final était encore plus beau que ce que j'avais imaginé. Leur service, qualité et dévouement à l'excellence font de Vilora mon choix pour tous les bijoux de luxe.",
+    },
+    {
+      image: "/testemonials3.jpg",
+      name: "Karen Brooks",
+      rating: 5,
+      description:
+        "La collection de Vilora est tout simplement à couper le souffle. J'ai récemment acheté une bague en saphir blanc, et c'est devenu ma pièce préférée. L'élégance et la brillance des bijoux reflètent leur goût impeccable et leurs normes élevées. Je recommande vivement !",
+    },
+  ],
+  // Contacts Page Translations
+  getInTouchTitle: "Contactez-nous",
+  getInTouchSubtitle: "Si vous avez des questions, contactez-nous",
+  fullNameLabel: "Nom complet",
+  fullNamePlaceholder: "Entrez votre nom complet",
+  emailLabel: "Email",
+  phoneNumberLabel: "Numéro de téléphone",
+  typeOfCustomerLabel: "Type de client",
+  dateLabel: "Date",
+  bookSlotButton: "Réserver un créneau",
+  contactsImageAlt: "Contacts",
+  // Thank You Page Translations
+  thankYouTitle: "Merci pour votre commande!",
+  thankYouSubtitle: "Vous avez soumis votre commande",
+  backToShoppingButton: "Retour aux achats",
+  allProductsTitle: "Sélection Fine",
+  allProductsSubtitle: "Appréciez le véritable artisanat",
+  chartSelectedDataButton: "Graphique des données sélectionnées",
+  top3SalesButton: "Top 3 des ventes par catégorie",
+  allProductsContentText:
+    "Les bijoux sont une forme significative d'expression de soi qui améliore le style personnel et ajoute de la beauté à toute occasion.",
+  collectionSerene: 'Collection "SERENE"',
+  collectionAurelia: 'Collection "AURELIA"',
+  collectionRavina: 'Collection "RAVINA"',
+  ourCollectionsTitle: "Nos Collections",
+  ourCollectionsSubtitle: "Profitez d'une excellente sélection de bijoux fins",
+  breadcrumbHome: "Accueil",
+  breadcrumbJewelry: "Bijoux",
+  buyButtonText: "Acheter",
+  handmadePinkDiamondRing: "Bague en diamant rose faite à la main",
+  diamondRingWithPinkRuby: "Bague en diamant avec rubis rose",
+  whiteSandDiamondRing: "Bague en diamant sable blanc",
+  productSubtitle: "En platine avec diamant naturel",
+  productDescription: "Alliances élégantes avec des perles lustrées.",
+  reviewsText: "{0} avis",
+  youMayAlsoLikeTitle: "Vous aimerez aussi",
+  youMayAlsoLikeSubtitle: "Profitez d'une excellente sélection de bijoux fins",
+  categories: {
+    Bracelets: "Bracelets",
+    Rings: "Bagues",
+    Earrings: "Boucles d'oreilles",
+    Watches: "Montres",
+    Necklaces: "Colliers",
+  },
+  diamondWeddingRing: "Bague de mariage en diamant",
+  silverBraceletWithCross: "Bracelet en argent avec croix",
+  pinkSilverBracelet: "Bracelet en argent rose",
+  yellowGoldEarrings: "Boucles d'oreilles en or jaune",
+  silverHeartNecklace: "Collier cœur en argent",
+  handmadeSilverEarrings: "Boucles d'oreilles en argent faites à la main",
+  diamondWeddingBands: "Alliances en diamant",
+  casualSilverWatch: "Montre décontractée en argent",
+  silverBraceletWithOnyx: "Bracelet en argent avec onyx",
+  weddingBandsWithPearls: "Alliances avec perles",
+  silverWeddingBands: "Alliances en argent",
+  handmadeYellowGoldRing: "Bague en or jaune faite à la main",
+  diamondRingWithSapphire: "Bague en diamant avec saphir",
+  silverHeartBracelet: "Bracelet cœur en argent",
+  roseGoldEarringsWithOpal: "Boucles d'oreilles en or rose avec opale",
+  silverBraceletWithTopaz: "Bracelet en argent avec topaze",
+  handmadeDiamondRing: "Bague en diamant faite à la main",
+  diamondRingWithRuby: "Bague en diamant avec rubis",
+  silverWatch: "Montre en argent",
+  goldEarringsWithGarnet: "Boucles d'oreilles en or avec grenat",
+  statuses: {
+    statusSale: "Vente",
+    statusRecommended: "Recommandé",
+    statusMustHave: "Indispensable",
+  },
+  materials: {
+    materialGold: "Or",
+    materialSilver: "Argent",
+  },
+  paymentDetailsTitle: "Détails du paiement",
+  paymentDetailsSubtitle: "Veuillez soumettre vos détails de paiement",
+  paymentMethodCreditCard: "Carte de Crédit",
+  paymentMethodBankTransfer: "Virement Bancaire",
+  paymentMethodApplePay: "Apple Pay",
+  cardNumberLabel: "Numéro de carte",
+  expiryDateLabel: "Date d'expiration",
+  cvvLabel: "CVV*",
+  cardHolderLabel: "Titulaire de la carte",
+  submitOrderButton: "Valider la commande",
+  subTotalLabel: "Sous-total",
+  usDollarsLabel: "Dollars US",
+  vatLabel: "TVA",
+  shippingMethodLabel: "Mode de livraison",
+  standardFreeDeliveryLabel: "Livraison standard gratuite",
+  giftWrappingLabel: "Emballage cadeau",
+  includedGiftWrappingLabel: "Emballage cadeau inclus",
+  totalLabel: "Total",
+  grid: {
+    groupPanelEmpty: "Faites glisser un en-tête de colonne et déposez-le ici pour regrouper par cette colonne",
+    noRecords: "Aucun enregistrement disponible.",
+    pagerFirstPage: "Aller à la première page",
+    pagerPreviousPage: "Aller à la page précédente",
+    pagerNextPage: "Aller à la page suivante",
+    pagerLastPage: "Aller à la dernière page",
+    pagerPage: "Page",
+    pagerOf: "de",
+    pagerTotalPages: "{0}",
+    pagerItems: "articles",
+    pagerInfo: "{0} - {1} sur {2} articles",
+    pagerItemsPerPage: "articles par page",
+    filterEqOperator: "Est égal à",
+    filterNotEqOperator: "N'est pas égal à",
+    filterIsNullOperator: "Est nul",
+    filterIsNotNullOperator: "N'est pas nul",
+    filterIsEmptyOperator: "Est vide",
+    filterIsNotEmptyOperator: "N'est pas vide",
+    filterStartsWithOperator: "Commence par",
+    productTitle: "Produit",
+    nameTitle: "Nom",
+    skuTitle: "SKU",
+    categoryTitle: "Catégorie",
+    priceTitle: "Prix",
+    quantityTitle: "Quantité",
+    totalSalesTitle: "Ventes Totales",
+    filterContainsOperator: "Contient",
+    filterNotContainsOperator: "Ne contient pas",
+    filterEndsWithOperator: "Se termine par",
+    filterGteOperator: "Est supérieur ou égal à",
+    filterGtOperator: "Est supérieur à",
+    filterLteOperator: "Est inférieur ou égal à",
+    filterLtOperator: "Est inférieur à",
+    filterIsTrue: "Oui",
+    filterIsFalse: "Non",
+    filterBooleanAll: "(Tous)",
+    filterAfterOrEqualOperator: "Est après ou égal à",
+    filterAfterOperator: "Est après",
+    filterBeforeOperator: "Est avant",
+    filterBeforeOrEqualOperator: "Est avant ou égal à",
+    filterSubmitButton: "Filtrer",
+    filterClearButton: "Effacer les filtres",
+    filterAndLogic: "Et",
+    filterOrLogic: "Ou",
+    filterTitle: "Filtrer",
+    sortAscending: "Tri croissant",
+    sortDescending: "Tri décroissant",
+    searchPlaceholder: "Chercher",
+    filterCheckAll: "Tout vérifier",
+    pagerItemPerPage: "Articles par page",
+    filterChooseOperator: "Choisir un opérateur",
+    filterSelectedItems: "articles sélectionnés",
+    filterAriaLabel: "Filtrer",
+    sortAriaLabel: "Triable",
+    groupColumn: "Colonne de groupe",
+    groupExpand: "Développer le groupe",
+    groupCollapse: "Réduire le groupe",
+    groupPanelAriaLabel: "panneau de groupe",
+    ungroupColumn: "Dissocier la colonne",
+    detailExpand: "Développer la ligne de détail",
+    detailCollapse: "Réduire la ligne de détail",
+
+  },
+  chartWizard: {
+    window: {
+      title: "Aperçu du graphique",
+    },
+    export: {
+      button: "Exporter",
+      PDF: "Fichier PDF",
+      SVG: "Fichier SVG",
+      PNG: "Fichier PNG",
+    },
+    tab: {
+      chart: "Graphique",
+      data: "Données",
+      format: "Format",
+    },
+    chart: {
+      barChart: {
+        expandText: "Graphique à barres",
+        bar: "Barre",
+        stackedBar: "Barres empilées",
+        "100%stackedBar": "Barres empilées à 100%",
+      },
+      pieChart: {
+        expandText: "Graphique en secteur",
+        pie: "Secteur",
       },
-      {
-        image: "/testemonials2.jpg",
-        name: "Kelvin Hettinger",
-        rating: 4.5,
-        description:
-          "Je ne pourrais pas être plus heureux avec ma bague de fiançailles personnalisée de chez Vilora. L'équipe m'a aidé à concevoir la pièce parfaite, et le résultat final était encore plus beau que ce que j'avais imaginé. Leur service, qualité et dévouement à l'excellence font de Vilora mon choix pour tous les bijoux de luxe.",
+      columnChart: {
+        expandText: "Graphique en colonnes",
+        column: "Colonne",
+        stackedColumn: "Colonnes empilées",
+        "100%stackedColumn": "Colonnes empilées à 100%",
       },
-      {
-        image: "/testemonials3.jpg",
-        name: "Karen Brooks",
-        rating: 5,
-        description:
-          "La collection de Vilora est tout simplement à couper le souffle. J'ai récemment acheté une bague en saphir blanc, et c'est devenu ma pièce préférée. L'élégance et la brillance des bijoux reflètent leur goût impeccable et leurs normes élevées. Je recommande vivement !",
+      lineChart: {
+        expandText: "Graphique en lignes",
+        line: "Ligne",
+        stackedLine: "Lignes empilées",
+        "100%stackedLine": "Lignes empilées à 100%",
+      },
+      scatterChart: {
+        expandText: "Graphique de dispersion",
+        scatter: "Dispersion",
       },
-    ],
-    // Contacts Page Translations
-    getInTouchTitle: "Contactez-nous",
-    getInTouchSubtitle: "Si vous avez des questions, contactez-nous",
-    fullNameLabel: "Nom complet",
-    fullNamePlaceholder: "Entrez votre nom complet",
-    emailLabel: "Email",
-    phoneNumberLabel: "Numéro de téléphone",
-    typeOfCustomerLabel: "Type de client",
-    dateLabel: "Date",
-    bookSlotButton: "Réserver un créneau",
-    contactsImageAlt: "Contacts",
-    // Thank You Page Translations
-    thankYouTitle: "Merci pour votre commande!",
-    thankYouSubtitle: "Vous avez soumis votre commande",
-    backToShoppingButton: "Retour aux achats",
-    allProductsTitle: "Sélection Fine",
-    allProductsSubtitle: "Appréciez le véritable artisanat",
-    allProductsContentText:
-      "Les bijoux sont une forme significative d'expression de soi qui améliore le style personnel et ajoute de la beauté à toute occasion.",
-    collectionSerene: 'Collection "SERENE"',
-    collectionAurelia: 'Collection "AURELIA"',
-    collectionRavina: 'Collection "RAVINA"',
-    ourCollectionsTitle: "Nos Collections",
-    ourCollectionsSubtitle: "Profitez d'une excellente sélection de bijoux fins",
-    breadcrumbHome: "Accueil",
-    breadcrumbJewelry: "Bijoux",
-    buyButtonText: "Acheter",
-    handmadePinkDiamondRing: "Bague en diamant rose faite à la main",
-    diamondRingWithPinkRuby: "Bague en diamant avec rubis rose",
-    whiteSandDiamondRing: "Bague en diamant sable blanc",
-    productSubtitle: "En platine avec diamant naturel",
-    productDescription: "Alliances élégantes avec des perles lustrées.",
-    reviewsText: "{0} avis",
-    youMayAlsoLikeTitle: "Vous aimerez aussi",
-    youMayAlsoLikeSubtitle: "Profitez d'une excellente sélection de bijoux fins",
-    categories: {
-      Bracelets: "Bracelets",
-      Rings: "Bagues",
-      Earrings: "Boucles d'oreilles",
-      Watches: "Montres",
-      Necklaces: "Colliers",
     },
-    diamondWeddingRing: "Bague de mariage en diamant",
-    silverBraceletWithCross: "Bracelet en argent avec croix",
-    pinkSilverBracelet: "Bracelet en argent rose",
-    yellowGoldEarrings: "Boucles d'oreilles en or jaune",
-    silverHeartNecklace: "Collier cœur en argent",
-    handmadeSilverEarrings: "Boucles d'oreilles en argent faites à la main",
-    diamondWeddingBands: "Alliances en diamant",
-    casualSilverWatch: "Montre décontractée en argent",
-    silverBraceletWithOnyx: "Bracelet en argent avec onyx",
-    weddingBandsWithPearls: "Alliances avec perles",
-    silverWeddingBands: "Alliances en argent",
-    handmadeYellowGoldRing: "Bague en or jaune faite à la main",
-    diamondRingWithSapphire: "Bague en diamant avec saphir",
-    silverHeartBracelet: "Bracelet cœur en argent",
-    roseGoldEarringsWithOpal: "Boucles d'oreilles en or rose avec opale",
-    silverBraceletWithTopaz: "Bracelet en argent avec topaze",
-    handmadeDiamondRing: "Bague en diamant faite à la main",
-    diamondRingWithRuby: "Bague en diamant avec rubis",
-    silverWatch: "Montre en argent",
-    goldEarringsWithGarnet: "Boucles d'oreilles en or avec grenat",
-    statuses: {
-      statusSale: "Vente",
-      statusRecommended: "Recommandé",
-      statusMustHave: "Indispensable",
+    data: {
+      configuration: {
+        expandText: "Configuration",
+        categoryAxis: "Axe des catégories",
+        xAxis: "Axe X",
+        valueAxis: "Axe des valeurs",
+        series: {
+          title: "Séries",
+          add: "Ajouter",
+        },
+      },
     },
-    materials: {
-      materialGold: "Or",
-      materialSilver: "Argent",
+    format: {
+      chartArea: {
+        expandText: "Zone du graphique",
+        margins: {
+          auto: "Auto",
+          left: "Gauche",
+          right: "Droite",
+          top: "Haut",
+          bottom: "Bas",
+        },
+        background: {
+          color: "Couleur",
+        },
+      },
+      title: {
+        expandText: "Titre",
+        applyTo: "Appliquer à",
+        chartTitle: "Titre du graphique",
+        chartSubtitle: "Sous-titre du graphique",
+        label: "Titre",
+        font: "Police",
+        fontPlaceholder: "(police héritée)",
+        size: "Taille",
+        sizePlaceholder: "px",
+        color: "Couleur",
+      },
+      series: {
+        expandText: "Séries",
+        applyTo: "Appliquer à",
+        allSeries: "Toutes les séries",
+        color: "Couleur",
+        showLabels: "Afficher les étiquettes",
+      },
+      legend: {
+        expandText: "Légende",
+        showLegend: "Afficher la légende",
+        font: "Police",
+        fontPlaceholder: "(police héritée)",
+        size: "Taille",
+        sizePlaceholder: "px",
+        color: "Couleur",
+        position: {
+          top: "Haut",
+          bottom: "Bas",
+          left: "Gauche",
+          right: "Droite",
+        },
+      },
+      categoryAxis: {
+        expandText: "Axe des catégories",
+        title: {
+          expandText: "Titre",
+          placeholder: "Titre de l'axe",
+          font: "Police",
+          fontPlaceholder: "(police héritée)",
+          size: "Taille",
+          sizePlaceholder: "px",
+          color: "Couleur",
+        },
+        labels: {
+          text: "Étiquettes",
+          font: "Police",
+          fontPlaceholder: "(police héritée)",
+          size: "Taille",
+          sizePlaceholder: "px",
+          color: "Couleur",
+          rotation: {
+            text: "Rotation",
+            auto: "Auto",
+          },
+          reverseOrder: "Ordre inversé",
+        },
+      },
+      valueAxis: {
+        expandText: "Axe des valeurs",
+        title: {
+          text: "Titre",
+          placeholder: "Titre de l'axe",
+          font: "Police",
+          fontPlaceholder: "(police héritée)",
+          size: "Taille",
+          sizePlaceholder: "px",
+          color: "Couleur",
+        },
+        labels: {
+          text: "Étiquettes",
+          font: "Police",
+          fontPlaceholder: "(police héritée)",
+          size: "Taille",
+          sizePlaceholder: "px",
+          color: "Couleur",
+          rotation: {
+            text: "Rotation",
+            auto: "Auto",
+          },
+        },
+      },
     },
-    paymentDetailsTitle: "Détails du paiement",
-    paymentDetailsSubtitle: "Veuillez soumettre vos détails de paiement",
-    paymentMethodCreditCard: "Carte de Crédit",
-    paymentMethodBankTransfer: "Virement Bancaire",
-    paymentMethodApplePay: "Apple Pay",
-    cardNumberLabel: "Numéro de carte",
-    expiryDateLabel: "Date d'expiration",
-    cvvLabel: "CVV*",
-    cardHolderLabel: "Titulaire de la carte",
-    submitOrderButton: "Valider la commande",
-    subTotalLabel: "Sous-total",
-    usDollarsLabel: "Dollars US",
-    vatLabel: "TVA",
-    shippingMethodLabel: "Mode de livraison",
-    standardFreeDeliveryLabel: "Livraison standard gratuite",
-    giftWrappingLabel: "Emballage cadeau",
-    includedGiftWrappingLabel: "Emballage cadeau inclus",
-    totalLabel: "Total",
-  }
+  },
+}
 
-  export default fr
\ No newline at end of file
+export default fr
\ No newline at end of file
diff --git a/examples/kendo-react-e-commerce-astro-app/src/data/types.ts b/examples/kendo-react-e-commerce-astro-app/src/data/types.ts
index 6de34d0b..dcfc73ff 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/data/types.ts
+++ b/examples/kendo-react-e-commerce-astro-app/src/data/types.ts
@@ -1,23 +1,28 @@
 export type CardDescriptor = {
     img: string;
-    collectionText: string;
+    collectionText?: string;
+    collectionTextKey?: string;
+
 };
 
 export type DataModel = {
     text: string | undefined;
 }
 
-export type ListDataDescriptor = {
-    id?: number;
-    img: string | undefined;
-    status: string | null;
-    title: string;
-    rating?: number;
+export interface ListDataDescriptor {
+    id: number;
+    img: string;
+    title: string; 
+    description?: string;
+    reviews?: number; 
+    rating: number;
     category: string;
+    status?: string; 
     material: string;
     oldPrice: number | null;
     newPrice: number;
-};
+  }
+  
 
 export type BackgroundImageProps = {
     title: string;
@@ -28,6 +33,7 @@ export type BackgroundImageProps = {
 
 export type CardListProps = {
     data: any[];
+    layout: "grid" | "list";
 }
 
 export type SectionProps = {
diff --git a/examples/kendo-react-e-commerce-astro-app/src/pages/product/[id].astro b/examples/kendo-react-e-commerce-astro-app/src/pages/product/[id].astro
index b77de17f..d86c140d 100644
--- a/examples/kendo-react-e-commerce-astro-app/src/pages/product/[id].astro
+++ b/examples/kendo-react-e-commerce-astro-app/src/pages/product/[id].astro
@@ -3,21 +3,25 @@ import Layout from '../../layouts/Layout.astro';
 import ProductDetails from '../../components/ProductDetails';
 import Header from '../../components/Header';
 import Footer from '../../components/Footer';
-import listData from '../../data/listData';
+import getTranslatedListData from '../../data/listData';
 import { ListDataDescriptor } from '../../data/types';
 
 export async function getStaticPaths() {
+  const listData = getTranslatedListData(); 
   return listData.map((product: ListDataDescriptor) => ({
     params: { id: String(product.id) },
   }));
 }
 
 const { id } = Astro.params;
-const product = listData.find((item: ListDataDescriptor) => String(item.id) === id);
+
+const product = getTranslatedListData().find(
+  (item: ListDataDescriptor) => String(item.id) === id
+);
 ---
 
 <Layout title={`Product ${id}`}>
- <Header client:load />
+  <Header client:load />
   <main>
     {product ? (
       <ProductDetails id={id} product={product} client:only="react" />
@@ -25,5 +29,5 @@ const product = listData.find((item: ListDataDescriptor) => String(item.id) ===
       <div>Product not found</div>
     )}
   </main>
-   <Footer client:load />
+  <Footer client:load />
 </Layout>