@@ -1,6 +1,7 @@
11module Route.Index exposing (ActionData, Data, Model, Msg, route)
22
33import BackendTask exposing (BackendTask)
4+import Color exposing (lightBrown)
45import Effect
56import Element exposing (..)
67import Element.Background as Background
@@ -114,37 +115,39 @@ view app shared model =
114115 , el ([ moveLeft 26 ] ++ headerMainFont) (text "productions")
115116 ]
116117 ]
117− , el [ Background.image "olives.png", width fill, paddingXY 135 20 ]
118+ , el [ Background.image "olives.png", width fill, paddingXY 135 35 ]
118119 (el
119120 [ centerX
120121 , Border.rounded 30
121122 , Background.color (rgba 0 0 0 0.2)
122− , padding 20
123+ , paddingXY 95 35
123124 , htmlAttribute (style "backdrop-filter" "blur(40px)")
124125 ]
125126 (paragraph
126− [ Font.color (rgb 1 1 1), raleway, Font.size 24 ]
127+ [ Font.color (rgb255 210 197 178), raleway, Font.size 24 ]
127128 [ text "Мы\u{00A0}— команда экспертов, которые знают ресторанный бизнес изнутри. Мы\u{00A0}не\u{00A0}просто оказываем услуги, мы\u{00A0}становимся вашими партнерами, погружаясь в\u{00A0}детали вашего бизнеса и\u{00A0}разрабатывая индивидуальные стратегии для достижения конкретных результатов." ]
128129 )
129130 )
130131 , el [ Background.color (rgb255 210 197 178), width fill, htmlAttribute (Html.Attributes.id "services") ]
131132 (el [ width fill, Background.image "/text-bg.svg" ]
132133 (column [ paddingXY 135 95, centerX, width fill ]
133− [ el [ ubuntu, Font.size 80, Font.color yellowColor ] (text "услуги для вашего бизнеса")
134− , row [ width fill, spaceEvenly ]
135− [ column [ width (px 350) ]
136− [ el [ ubuntu, Font.color yellowColor, Font.size 320 ] (text "1.")
137− , el [ raleway, Font.color yellowColor, Font.size 24 ] (paragraph [] [ text "Для тех, кто готов к радикальному росту и хочет видеть свой ресторан на вершине успеха." ])
134+ [ el [ ubuntu, Font.size 80, Font.color yellowColor, Font.color redColor ] (text "услуги для вашего бизнеса")
135+ , el [ height (px 60) ] none
136+ , row [ width fill, spaceEvenly, Font.color darkColor ]
137+ [ column [ width (px 350), spacing 30 ]
138+ [ el [ ubuntu, Font.size 320, Font.light ] (text "1.")
139+ , el [ raleway, Font.size 24, Font.semiBold ] (paragraph [] [ text "полная разработка" ])
138140 ]
139− , column [ width (px 350) ]
140− [ el [ ubuntu, Font.color yellowColor, Font.size 320 ] (text "2.")
141− , el [ raleway, Font.color yellowColor, Font.size 24 ] (paragraph [] [ text "Для тех, кто хочет улучшить свои результаты и укрепить позиции на рынке." ])
141+ , column [ width (px 350), spacing 30 ]
142+ [ el [ ubuntu, Font.size 320, Font.light ] (text "2.")
143+ , el [ raleway, Font.size 24, Font.semiBold ] (paragraph [] [ text "удаленная команда" ])
142144 ]
143− , column [ width (px 350) ]
144− [ el [ ubuntu, Font.color yellowColor, Font.size 320 ] (text "3.")
145− , el [ raleway, Font.color yellowColor, Font.size 24 ] (paragraph [] [ text "Для тех, кто хочет получить профессиональную оценку и рекомендации по улучшению своего бизнеса." ])
145+ , column [ width (px 350), spacing 30 ]
146+ [ el [ ubuntu, Font.size 320, Font.light ] (text "3.")
147+ , el [ raleway, Font.size 24, Font.semiBold ] (paragraph [] [ text "быстрый старт" ])
146148 ]
147149 ]
150+ , el [ height (px 45) ] none
148151 ]
149152 )
150153 )
@@ -166,13 +169,14 @@ view app shared model =
166169 ]
167170 (paragraph
168171 [ ubuntu
169− , Font.size 240
172+ , Font.size 280
170173 , paddingXY 135 95
171− , Font.color darkColor
174+ , Font.color (rgb255 53 30 30)
172175 ]
173176 [ text "история бренда" ]
174177 )
175− , el [ Background.color (rgb255 210 197 178), width fill, paddingXY 135 95, Font.size 24 ] (paragraph [ raleway, Font.color darkColor ] [ text "Мы — Horeca Productions, команда, рожденная общей мечтой. Мы верили: рестораны могут покорять сердца не только кухней, но атмосферой, стилем, онлайн-присутствием. Энтузиасты, верящие в силу красивой идеи и продвижения, мы создаём вдохновляющие стратегии, завораживающий дизайн. Наша цель — сделать ваш ресторан звездой." ])
178+ , el [ Background.color (rgb255 210 197 178), width fill, paddingXY 135 0, Font.size 24, Font.medium ] (paragraph [ raleway, Font.color darkColor ] [ text "Мы — Horeca Productions, команда, рожденная общей мечтой. Мы верили: рестораны могут покорять сердца не только кухней, но атмосферой, стилем, онлайн-присутствием. Энтузиасты, верящие в силу красивой идеи и продвижения, мы создаём вдохновляющие стратегии, завораживающий дизайн. Наша цель — сделать ваш ресторан звездой." ])
179+ , el [ height (px 96), Background.color (rgb255 210 197 178), width fill ] none
176180 , el [ width fill, Background.image "/bg.png", htmlAttribute (Html.Attributes.id "team") ]
177181 (el [ paddingXY 135 95, width fill ]
178182 (column [ width fill, Background.color (rgb255 196 185 151), width fill, Border.rounded 30 ]
@@ -224,11 +228,12 @@ view app shared model =
224228 )
225229 )
226230 , el [ htmlAttribute (Html.Attributes.id "blog"), width fill, Background.image "/bg2.png" ]
227− (el [ paddingXY 135 95, width fill, Font.color (rgb255 233 231 218) ]
228− (column [ spacing 120, htmlAttribute (style "backdrop-filter" "blur(40px)"), paddingXY 60 60, Border.rounded 30, width fill ]
229− [ el [ Font.size 280, ubuntu ] (text "блог")
230− , el [ height (px 100) ] none
231− , el [ alignRight, ubuntu, Font.size 32 ]
231+ (el [ paddingXY 135 95, width fill, Font.color (rgb255 205 197 178) ]
232+ (column [ htmlAttribute (style "backdrop-filter" "blur(40px)"), paddingXY 125 0, Border.rounded 30, width fill ]
233+ [ el [ height (px 135) ] none
234+ , el [ Font.size 280, ubuntu ] (text "блог")
235+ , el [ height (px 120) ] none
236+ , el [ alignRight, ubuntu, Font.size 32, moveLeft 55 ]
232237 (row []
233238 [ link []
234239 { url = "https://dzen.ru/id/67f1ed371047046a46c0e665"
@@ -246,6 +251,7 @@ view app shared model =
246251 }
247252 ]
248253 )
254+ , el [ height (px 190) ] none
249255 ]
250256 )
251257 )
@@ -259,9 +265,9 @@ view app shared model =
259265 , link [] { url = "#blog", label = el headerFont (text "блог") }
260266 ]
261267 , row [ spacing 28 ]
262− [ image [] { src = "/tiktok.svg", description = "TikTok" }
263− , image [] { src = "/inst.svg", description = "Instagram" }
264− , image [] { src = "/tg.svg", description = "Telegram" }
268+ [ -- link [] { url = "", label = image [] { src = "/tiktok.svg", description = "TikTok" } },
269+ link [] { url = "https://www.instagram.com/horeca_productions_", label = image [] { src = "/inst.svg", description = "Instagram" } }
270+ , link [] { url = "https://t.me/horeca_productions", label = image [] { src = "/tg.svg", description = "Telegram" } }
265271 ]
266272 ]
267273 )
@@ -286,7 +292,7 @@ redColor =
286292
287293darkColor : Color
288294darkColor =
289− rgb255 53 30 30
295+ rgb255 36 21 21
290296
291297
292298headerFont : List (Attribute msg)