feat: add AboutTopInfo and HomePageProducts components; update translations and styles

src/components/layout/sectionTitle/index.tsx

@@ -4,13 +4,16 @@ export default function SectionTitle({
   title,
   description,
   description_bold,
+  reverseColor,
 }: ISectionTitleProps) {
   return (
-    <div className="flex flex-col gap-4">
-      <div className="flex items-center gap-2">
-        <h3 className="text-sm tracking-[0.175rem] text-gray-500">{title}</h3>
+    <div
+      className={`flex flex-col gap-4 ${reverseColor ? 'text-white' : 'text-gray-500'}`}
+    >
+      <div className={`flex items-center gap-2`}>
+        <h3 className="text-sm tracking-[0.175rem]">{title}</h3>
       </div>
-      <h2 className="text-[3.25rem] font-extralight text-gray-500">
+      <h2 className="text-[3.25rem] font-extralight">
         {description}
         {description_bold && (
           <strong className="block font-bold">{description_bold}</strong>

src/components/layout/sectionTitle/sectionTitle.d.ts

@@ -2,4 +2,5 @@ export interface ISectionTitleProps {
   title: string;
   description: string;
   description_bold?: string;
+  reverseColor?: boolean;
 }