|
1 | 1 | import React from 'react'; |
2 | | -import { BlockTitle } from '../BlockTitle/BlockTitle'; |
3 | | -import { Content } from '../Content/Content'; |
4 | | -import { Block } from '../Block/Block'; |
5 | | -import styles from './styles.module.css'; |
6 | | - |
7 | | -export const BlockAbout = () => { |
8 | | - return ( |
9 | | - <section id="about" className={styles.blockAbout}> |
10 | | - <Block> |
11 | | - <Content> |
12 | | - <BlockTitle>О нас</BlockTitle> |
13 | | - |
14 | | - <div className={styles.aboutDesc}> |
15 | | - <p> |
16 | | - Привет! Мы — <strong>SPB Frontend</strong>, сообщество{' '} |
17 | | - <dfn |
18 | | - title={ |
19 | | - 'Фронтенд (англ. frontend) — интерфейс сайтов и веб-приложений в контексте веб-разработки. ' + |
20 | | - 'В общем случае фронтенд это клиентская часть программного обеспечения в модели «клиент — сервер». ' |
21 | | - } |
22 | | - > |
23 | | - фронтенд-разработчиков |
24 | | - </dfn>{' '} |
25 | | - в Санкт-Петербурге. Мы объединяем специалистов, чтобы говорить о фронтенде, веб-разработке и об IT в |
26 | | - целом. Мы помогаем новичкам и профессионалам обмениваться опытом, узнавать новое, устанавливать связи в |
27 | | - профессиональной среде и получать вдохновение для своих достижений. |
28 | | - </p> |
29 | | - |
30 | | - {/* <p> |
31 | | - <strong>SPB Frontend</strong> — сообщество петербургских фронтенд-разработчиков. Мы создаем теплую и |
32 | | - дружественную атмосферу для обмена опытом и знаний в сфере разработки веб-интерфейсов. Наши встречи найдут |
33 | | - полезными как новички, так и опытные разработчики. Мы помогаем специалистам обмениваться знаниями, |
34 | | - налаживать профессиональные связи, вдохновляться и мотивироваться. |
35 | | - </p> */} |
36 | | - |
37 | | - <p> |
38 | | - С 2014-го года мы проводим{' '} |
39 | | - <dfn |
40 | | - title={ |
41 | | - 'Митап (англ. meet up — встречаться) — неформальная встреча людей и сообществ со схожими ' + |
42 | | - 'интересами, хобби и профессиями для обсуждения общих вопросов и обмена навыками и опытом' |
43 | | - } |
44 | | - > |
45 | | - митапы |
46 | | - </dfn> |
47 | | - , где специалисты разного уровня рассказывают о своём опыте. Мы открыты для всех желающих, следите за |
48 | | - нашими новостями в <a href="https://t.me/spb_frontend">Telegram</a> и{' '} |
49 | | - <a href="https://twitter.com/spb_frontend">Twitter</a>, чтобы не пропустить анонсы предстоящих событий. |
50 | | - </p> |
51 | | - </div> |
52 | | - </Content> |
53 | | - </Block> |
54 | | - </section> |
55 | | - ); |
56 | | -}; |
| 2 | +import { BlockTitle } from '@/components//BlockTitle/BlockTitle'; |
| 3 | +import { ContentBlock } from '@/components/ContentBlock/ContentBlock'; |
| 4 | +import { TELEGRAM, TWITTER } from '@/constants/urls'; |
| 5 | +import { Container, DetailedInfo } from './styled'; |
| 6 | + |
| 7 | +export const BlockAbout = () => ( |
| 8 | + <Container id="about"> |
| 9 | + <ContentBlock> |
| 10 | + <BlockTitle>О нас</BlockTitle> |
| 11 | + |
| 12 | + <DetailedInfo> |
| 13 | + <p> |
| 14 | + Привет! Мы — <strong>SPB Frontend</strong>, сообщество{' '} |
| 15 | + <dfn |
| 16 | + title={ |
| 17 | + 'Фронтенд (англ. frontend) — интерфейс сайтов и веб-приложений в контексте веб-разработки. ' + |
| 18 | + 'В общем случае фронтенд это клиентская часть программного обеспечения в модели «клиент — сервер». ' |
| 19 | + } |
| 20 | + > |
| 21 | + фронтенд-разработчиков |
| 22 | + </dfn>{' '} |
| 23 | + в Санкт-Петербурге. Мы объединяем специалистов, чтобы говорить о фронтенде, веб-разработке и об IT в |
| 24 | + целом. Мы помогаем новичкам и профессионалам обмениваться опытом, узнавать новое, устанавливать связи в |
| 25 | + профессиональной среде и получать вдохновение для своих достижений. |
| 26 | + </p> |
| 27 | + |
| 28 | + <p> |
| 29 | + С 2014-го года мы проводим{' '} |
| 30 | + <dfn |
| 31 | + title={ |
| 32 | + 'Митап (англ. meet up — встречаться) — неформальная встреча людей и сообществ со схожими ' + |
| 33 | + 'интересами, хобби и профессиями для обсуждения общих вопросов и обмена навыками и опытом' |
| 34 | + } |
| 35 | + > |
| 36 | + митапы |
| 37 | + </dfn> |
| 38 | + , где специалисты разного уровня рассказывают о своём опыте. Мы открыты для всех желающих, следите за |
| 39 | + нашими новостями в <a href={TELEGRAM}>Telegram</a> и{' '} |
| 40 | + <a href={TWITTER}>Twitter</a>, чтобы не пропустить анонсы предстоящих событий. |
| 41 | + </p> |
| 42 | + </DetailedInfo> |
| 43 | + |
| 44 | + {/*<CardsWrapper> |
| 45 | + <Card> |
| 46 | + <Icon src={mailIcon} alt="Email icon" /> |
| 47 | + <span>Если хотите <strong>выступить с докладом</strong>, напишите письмо на <Link href={`mailto:${EMAIL}`}>{EMAIL}</Link>.</span> |
| 48 | + </Card> |
| 49 | +
|
| 50 | + <Card> |
| 51 | + <Icon src={breakfastIcon} alt="Breakfast icon" /> |
| 52 | + <span>Еще по четвергам теперь бывают фронтенд-завтраки в центре города.</span> |
| 53 | + </Card> |
| 54 | +
|
| 55 | + <Card> |
| 56 | + <Icon src={tgIcon} alt="Telegram icon" /> |
| 57 | + <span>Также, у нас есть Телеграм-чат, где мы общаемся и задаём вопросы: <Link href={TELEGRAM_CHAT} target="_blank">SPB Frontend</Link>.</span> |
| 58 | + </Card> |
| 59 | +
|
| 60 | + <Card> |
| 61 | + <Icon src={drinkupIcon} alt="Drinkup icon" /> |
| 62 | + <span>Иногда мы проводим дринкапы: встречи в барах без докладов, просто чтобы пообщаться друг с другом, познакомиться, поговорить о наболевшем.</span> |
| 63 | + </Card> |
| 64 | +
|
| 65 | + <Card> |
| 66 | + <Icon src={shareIcon} alt="Share icon" /> |
| 67 | + <span>Чтобы следить за новыми событиями сообщества, подписывайтесь на <Link href={TELEGRAM} target="_blank">Телеграм канал</Link> или <Link href={TWITTER} target="_blank">Твиттер</Link>.</span> |
| 68 | + </Card> |
| 69 | +
|
| 70 | + <Card> |
| 71 | + <Icon src={partnerIcon} alt="Partner icon" /> |
| 72 | + <span>Если хотите предложить спонсорство или площадку (от 100 человек), пишите нам на почту <Link href={`mailto:${EMAIL}`}>{EMAIL}</Link>.</span> |
| 73 | + </Card> |
| 74 | + </CardsWrapper>*/} |
| 75 | + </ContentBlock> |
| 76 | + </Container> |
| 77 | +); |
0 commit comments