+ {title}
+
+ );
+}
diff --git a/src/components/layout/innerPages/banner/banner.d.ts b/src/components/layout/innerPages/banner/banner.d.ts
new file mode 100644
index 0000000..e2298e3
--- /dev/null
+++ b/src/components/layout/innerPages/banner/banner.d.ts
@@ -0,0 +1,4 @@
+export interface IInnerPageBannerProps {
+ imageSrc: string;
+ title: string;
+}
diff --git a/src/components/layout/innerPages/banner/index.tsx b/src/components/layout/innerPages/banner/index.tsx
new file mode 100644
index 0000000..38c5894
--- /dev/null
+++ b/src/components/layout/innerPages/banner/index.tsx
@@ -0,0 +1,22 @@
+import images from '@/assets/images/images';
+import Navbar from '../../navbar';
+import Button from '@/components/uikit/button';
+import { IInnerPageBannerProps } from './banner';
+
+export default function InnerPageBanner({
+ title,
+ imageSrc,
+}: IInnerPageBannerProps) {
+ return (
+
+
+ {title}
+
+
+ );
+}
diff --git a/src/components/layout/sectionTitle/sectionTitle.d.ts b/src/components/layout/sectionTitle/sectionTitle.d.ts
new file mode 100644
index 0000000..278436b
--- /dev/null
+++ b/src/components/layout/sectionTitle/sectionTitle.d.ts
@@ -0,0 +1,5 @@
+export interface ISectionTitleProps {
+ title: string;
+ description: string;
+ description_bold?: string;
+}
diff --git a/src/components/pages/about/TopInfo.tsx b/src/components/pages/about/TopInfo.tsx
new file mode 100644
index 0000000..74f44f7
--- /dev/null
+++ b/src/components/pages/about/TopInfo.tsx
@@ -0,0 +1,69 @@
+import images from '@/assets/images/images';
+import AchievementTextBox from '@/components/layout/achievementTextBox';
+import SectionTitle from '@/components/layout/sectionTitle';
+import Button from '@/components/uikit/button';
+import { t } from '@/locales/translates';
+
+export default function AboutTopInfo() {
+ const topInfoAchievementTitles = [
+ t('com_about_info_achievements_1') as string,
+ t('com_about_info_achievements_2') as string,
+ t('com_about_info_achievements_3') as string,
+ t('com_about_info_achievements_4') as string,
+ ];
+
+ return (
+
+
+ {title}
++ {description} + {description_bold && ( + {description_bold} + )} +
+
+
+ );
+}
diff --git a/src/locales/en.ts b/src/locales/en.ts
index 7761f7b..3e3689d 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -19,6 +19,16 @@ const en = {
+
+ com_about_info_title: 'Building quality through',
+ com_about_info_title_bold: 'industrial innovation',
+ com_about_info_description:
+ 'At the heart of our operations is a commitment to delivering superior products through cutting-edge technology and innovative processes.',
+ com_about_info_years_experience: 'years of experience',
+ com_about_info_achievements_1: 'Sustainable Manufacturing',
+ com_about_info_achievements_2: 'Advanced Automation',
+ com_about_info_achievements_3: 'Efficient Production Processes',
+ com_about_info_achievements_4: 'Reliable Delivery Services',
};
export default en;
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+ 25 +
+
+ {t('com_about_info_years_experience') as string}
+
+
+
+
+
+ 
+
+
+
+
+
+ + {t('com_about_info_description') as string} +
+
+ {topInfoAchievementTitles.map((title, index) => (
+
+
+
+
+