feat: add AchievementTextBox and InnerPageBanner components with respective types

- Created AchievementTextBox component for displaying achievement titles.
- Implemented InnerPageBanner component for inner page banners with image and title.
- Added SectionTitle component for displaying section titles and descriptions.
- Updated AboutTopInfo component to utilize new AchievementTextBox and SectionTitle components.
- Defined TypeScript interfaces for props in each new component.
This commit is contained in:
2025-06-02 14:13:15 +03:30
parent 95b6c71b7c
commit e4a42d3300
69 changed files with 2642 additions and 80 deletions
+75 -23
View File
@@ -1,56 +1,108 @@
@import "tailwindcss";
@import "tailwindcss/utilities";
/* manrope-200 - latin */
@font-face {
font-display: swap;
font-family: 'Manrope';
src: url('../assets/fonts/manrope/manrope-cyrillic-200-normal.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-cyrillic-200-normal.woff') format('woff');
font-style: normal;
font-weight: 200;
font-style: normal;
src: url('../assets/fonts/manrope/manrope-v15-latin-200.eot');
src: url('../assets/fonts/manrope/manrope-v15-latin-200.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/manrope/manrope-v15-latin-200.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-v15-latin-200.woff') format('woff'),
url('../assets/fonts/manrope/manrope-v15-latin-200.ttf') format('truetype'),
url('../assets/fonts/manrope/manrope-v15-latin-200.svg#Manrope') format('svg');
}
/* manrope-300 - latin */
@font-face {
font-display: swap;
font-family: 'Manrope';
src: url('../assets/fonts/manrope/manrope-cyrillic-300-normal.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-cyrillic-300-normal.woff') format('woff');
font-style: normal;
font-weight: 300;
font-style: normal;
src: url('../assets/fonts/manrope/manrope-v15-latin-300.eot');
src: url('../assets/fonts/manrope/manrope-v15-latin-300.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/manrope/manrope-v15-latin-300.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-v15-latin-300.woff') format('woff'),
url('../assets/fonts/manrope/manrope-v15-latin-300.ttf') format('truetype'),
url('../assets/fonts/manrope/manrope-v15-latin-300.svg#Manrope') format('svg');
}
/* manrope-regular - latin */
@font-face {
font-display: swap;
font-family: 'Manrope';
src: url('../assets/fonts/manrope/manrope-cyrillic-400-normal.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-cyrillic-400-normal.woff') format('woff');
font-style: normal;
font-weight: 400;
font-style: normal;
src: url('../assets/fonts/manrope/manrope-v15-latin-regular.eot');
src: url('../assets/fonts/manrope/manrope-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/manrope/manrope-v15-latin-regular.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-v15-latin-regular.woff') format('woff'),
url('../assets/fonts/manrope/manrope-v15-latin-regular.ttf') format('truetype'),
url('../assets/fonts/manrope/manrope-v15-latin-regular.svg#Manrope') format('svg');
}
/* manrope-500 - latin */
@font-face {
font-display: swap;
font-family: 'Manrope';
src: url('../assets/fonts/manrope/manrope-cyrillic-500-normal.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-cyrillic-500-normal.woff') format('woff');
font-style: normal;
font-weight: 500;
font-style: normal;
src: url('../assets/fonts/manrope/manrope-v15-latin-500.eot');
src: url('../assets/fonts/manrope/manrope-v15-latin-500.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/manrope/manrope-v15-latin-500.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-v15-latin-500.woff') format('woff'),
url('../assets/fonts/manrope/manrope-v15-latin-500.ttf') format('truetype'),
url('../assets/fonts/manrope/manrope-v15-latin-500.svg#Manrope') format('svg');
}
/* manrope-600 - latin */
@font-face {
font-display: swap;
font-family: 'Manrope';
src: url('../assets/fonts/manrope/manrope-cyrillic-600-normal.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-cyrillic-600-normal.woff') format('woff');
font-style: normal;
font-weight: 600;
font-style: normal;
src: url('../assets/fonts/manrope/manrope-v15-latin-600.eot');
src: url('../assets/fonts/manrope/manrope-v15-latin-600.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/manrope/manrope-v15-latin-600.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-v15-latin-600.woff') format('woff'),
url('../assets/fonts/manrope/manrope-v15-latin-600.ttf') format('truetype'),
url('../assets/fonts/manrope/manrope-v15-latin-600.svg#Manrope') format('svg');
}
/* manrope-700 - latin */
@font-face {
font-display: swap;
font-family: 'Manrope';
src: url('../assets/fonts/manrope/manrope-cyrillic-700-normal.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-cyrillic-700-normal.woff') format('woff');
font-style: normal;
font-weight: 700;
font-style: normal;
src: url('../assets/fonts/manrope/manrope-v15-latin-700.eot');
src: url('../assets/fonts/manrope/manrope-v15-latin-700.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/manrope/manrope-v15-latin-700.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-v15-latin-700.woff') format('woff'),
url('../assets/fonts/manrope/manrope-v15-latin-700.ttf') format('truetype'),
url('../assets/fonts/manrope/manrope-v15-latin-700.svg#Manrope') format('svg');
}
/* manrope-800 - latin */
@font-face {
font-display: swap;
font-family: 'Manrope';
src: url('../assets/fonts/manrope/manrope-cyrillic-800-normal.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-cyrillic-800-normal.woff') format('woff');
font-weight: 800;
font-style: normal;
font-weight: 800;
src: url('../assets/fonts/manrope/manrope-v15-latin-800.eot');
src: url('../assets/fonts/manrope/manrope-v15-latin-800.eot?#iefix') format('embedded-opentype'),
url('../assets/fonts/manrope/manrope-v15-latin-800.woff2') format('woff2'),
url('../assets/fonts/manrope/manrope-v15-latin-800.woff') format('woff'),
url('../assets/fonts/manrope/manrope-v15-latin-800.ttf') format('truetype'),
url('../assets/fonts/manrope/manrope-v15-latin-800.svg#Manrope') format('svg');
}
* {