git.iko.soy/horeca-productions/landing
on master help sign in
.
commit93499034a44018ed280a85e45e816b04f09de9ca authoriko <mail@iko.soy> dateSun 6 Apr 2025, 14:08 (2 years ago) parent15366a3
6 files changed+69−15
app/Route/Index.elm+55−15 public/bg2.png public/inst.svg+6 public/tg.svg+4 public/tiktok.svg+4 public/viliche.png
app/Route/Index.elm+55−15
@@ -12,11 +12,10 @@ import Head
1212import Head.Seo as Seo
1313import Html
1414import Html.Attributes exposing (style)
15−import Html.Events exposing (onClick)
1615import Pages.Url
1716import PagesMsg exposing (PagesMsg)
1817import Route
19−import RouteBuilder exposing (App, StatefulRoute, StatelessRoute)
18+import RouteBuilder exposing (App, StatefulRoute)
2019import Shared
2120import UrlPath
2221import View exposing (View)
@@ -30,12 +29,6 @@ type Msg
3029 = ExpandTeam
3130
3231
33−type Package
34− = One
35− | Two
36− | Three
37−
38−
3932type alias RouteParams =
4033 {}
4134
@@ -108,11 +101,11 @@ view app shared model =
108101 , row [ width fill ]
109102 [ el [ width (px 50) ] none
110103 , row [ centerX, width fill, spaceEvenly ]
111− [ el headerFont (text "услуги")
112− , el headerFont (text "студия")
104+ [ link [] { url = "#services", label = el headerFont (text "услуги") }
105+ , link [] { url = "#history", label = el headerFont (text "история") }
113106 , image [ height (px 83) ] { src = "/logo.svg", description = "logo" }
114− , el headerFont (text "команда")
115− , el headerFont (text "блог")
107+ , link [] { url = "#team", label = el headerFont (text "команда") }
108+ , link [] { url = "#blog", label = el headerFont (text "блог") }
116109 ]
117110 , el [ width (px 50) ] none
118111 ]
@@ -140,7 +133,7 @@ view app shared model =
140133 [ text "Мы\u{00A0}— команда экспертов, которые знают ресторанный бизнес изнутри. Мы\u{00A0}не\u{00A0}просто оказываем услуги, мы\u{00A0}становимся вашими партнерами, погружаясь в\u{00A0}детали вашего бизнеса и\u{00A0}разрабатывая индивидуальные стратегии для достижения конкретных результатов." ]
141134 )
142135 )
143− , el [ Background.color (rgb255 210 197 178), width fill ]
136+ , el [ Background.color (rgb255 210 197 178), width fill, htmlAttribute (Html.Attributes.id "services") ]
144137 (el [ width fill, Background.image "/text-bg.svg" ]
145138 (column [ paddingXY 135 95, centerX, width fill ]
146139 [ el [ ubuntu, Font.size 80, Font.color yellowColor ] (text "услуги для вашего бизнеса")
@@ -161,10 +154,17 @@ view app shared model =
161154 ]
162155 )
163156 )
157+ , el [ Background.color (rgb255 196 185 151), width fill, paddingXY 0 146 ]
158+ (column [ width fill ]
159+ [ link [] { url = "", label = image [ width (px 1129) ] { src = "/viliche.png", description = "Viliche" } }
160+ , el [ ubuntu, Font.size 32, Font.color darkColor, alignRight, moveLeft 100, moveUp 130 ] (text "о наших пакетах")
161+ ]
162+ )
164163 , el
165164 [ Background.color (rgb255 210 197 178)
166165 , width fill
167166 , behindContent (image [ height (px 605), alignRight, moveDown 74 ] { src = "/oil.png", description = "oil" })
167+ , htmlAttribute (Html.Attributes.id "history")
168168 ]
169169 (paragraph
170170 [ ubuntu
@@ -175,7 +175,7 @@ view app shared model =
175175 [ text "история бренда" ]
176176 )
177177 , 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 [ width fill, Background.image "/bg.png" ]
178+ , el [ width fill, Background.image "/bg.png", htmlAttribute (Html.Attributes.id "team") ]
179179 (el [ paddingXY 105 95, width fill ]
180180 (column [ width fill, Background.color (rgb255 196 185 151), width fill ]
181181 ([ el [ paddingXY 105 125 ] (image [ height (px 100) ] { src = "/team.png", description = "team" })
@@ -216,7 +216,47 @@ view app shared model =
216216 )
217217 )
218218 )
219− , el [ width fill, Background.color (rgb255 210 197 178) ] (image [ centerX, height (px 613) ] { src = "/fork.png", description = "fork" })
219+ , el [ htmlAttribute (Html.Attributes.id "blog"), width fill, Background.image "/bg2.png" ]
220+ (el [ paddingXY 105 95, width fill, Font.color (rgb255 233 231 218) ]
221+ (column [ spacing 120, htmlAttribute (style "backdrop-filter" "blur(40px)"), paddingXY 60 60, Border.rounded 30, width fill ]
222+ [ el [ Font.size 280, ubuntu ] (text "блог")
223+ , el [ alignRight, ubuntu ]
224+ (row []
225+ [ link []
226+ { url = "https://dzen.ru/id/67f1ed371047046a46c0e665"
227+ , label = text "дзен"
228+ }
229+ , text "/"
230+ , link []
231+ { url = "https://t.me/horeca_productions"
232+ , label = text "telegram"
233+ }
234+ , text "/"
235+ , link []
236+ { url = "https://habr.com/ru/users/horeca_productions/"
237+ , label = text "хабр"
238+ }
239+ ]
240+ )
241+ ]
242+ )
243+ )
244+ , el [ Background.color darkColor, paddingXY 165 76, width fill ]
245+ (row [ spacing 60, spaceEvenly, width fill ]
246+ [ image [ paddingEach { left = 0, right = 60, top = 0, bottom = 0 } ] { src = "/logo.svg", description = "logo" }
247+ , row [ centerX, width fill, spaceEvenly, spacing 120 ]
248+ [ link [] { url = "#services", label = el headerFont (text "услуги") }
249+ , link [] { url = "#history", label = el headerFont (text "история") }
250+ , link [] { url = "#team", label = el headerFont (text "команда") }
251+ , link [] { url = "#blog", label = el headerFont (text "блог") }
252+ ]
253+ , row [ spacing 28 ]
254+ [ image [] { src = "/tiktok.svg", description = "TikTok" }
255+ , image [] { src = "/inst.svg", description = "Instagram" }
256+ , image [] { src = "/tg.svg", description = "Telegram" }
257+ ]
258+ ]
259+ )
220260 ]
221261 }
222262
public/bg2.pngnew file

Binary file not shown.

public/inst.svgnew file+6
@@ -0,0 +1,6 @@
1+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
2+<path d="M17.5399 0H17.4601C7.81718 0 0 7.81716 0 17.4601V17.5398C0 27.1828 7.81718 35 17.4601 35H17.5399C27.1828 35 35 27.1828 35 17.5398V17.4601C35 7.81716 27.1828 0 17.5399 0Z" fill="#AA9320"/>
3+<path d="M22.9156 7.12061H12.0856C9.09366 7.12061 6.65961 9.55465 6.65961 12.5466V22.4545C6.65961 25.4465 9.09366 27.8805 12.0856 27.8805H22.9156C25.9076 27.8805 28.3416 25.4465 28.3416 22.4545V12.5466C28.3416 9.55465 25.9076 7.12061 22.9156 7.12061ZM8.57375 12.5466C8.57375 10.6104 10.1494 9.03473 12.0856 9.03473H22.9156C24.8518 9.03473 26.4275 10.6104 26.4275 12.5466V22.4545C26.4275 24.3907 24.8518 25.9664 22.9156 25.9664H12.0856C10.1494 25.9664 8.57375 24.3907 8.57375 22.4545V12.5466Z" fill="#351E1E"/>
4+<path d="M17.5006 22.5464C20.2829 22.5464 22.5478 20.2828 22.5478 17.4993C22.5478 14.7158 20.2842 12.4521 17.5006 12.4521C14.7171 12.4521 12.4535 14.7158 12.4535 17.4993C12.4535 20.2828 14.7171 22.5464 17.5006 22.5464ZM17.5006 14.3675C19.2284 14.3675 20.6336 15.7728 20.6336 17.5005C20.6336 19.2282 19.2284 20.6335 17.5006 20.6335C15.7729 20.6335 14.3676 19.2282 14.3676 17.5005C14.3676 15.7728 15.7729 14.3675 17.5006 14.3675Z" fill="#351E1E"/>
5+<path d="M23.0149 13.2671C23.7642 13.2671 24.3748 12.6577 24.3748 11.9073C24.3748 11.1568 23.7654 10.5474 23.0149 10.5474C22.2645 10.5474 21.6551 11.1568 21.6551 11.9073C21.6551 12.6577 22.2645 13.2671 23.0149 13.2671Z" fill="#351E1E"/>
6+</svg>
public/tg.svgnew file+4
@@ -0,0 +1,4 @@
1+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
2+<path d="M17.5399 0H17.4601C7.81716 0 0 7.81716 0 17.4601V17.5398C0 27.1828 7.81716 35 17.4601 35H17.5399C27.1828 35 35 27.1828 35 17.5398V17.4601C35 7.81716 27.1828 0 17.5399 0Z" fill="#AA9320"/>
3+<path d="M6.62891 16.9024C6.67796 16.8779 6.72703 16.8546 6.77485 16.8325C7.60623 16.4475 8.44864 16.087 9.28983 15.7265C9.3352 15.7265 9.41121 15.6737 9.45413 15.6566C9.51911 15.6283 9.58412 15.6014 9.64911 15.5732C9.77418 15.5192 9.89926 15.4665 10.0231 15.4125C10.2733 15.3059 10.5222 15.1992 10.7723 15.0925L12.2695 14.4512C13.2677 14.0245 14.2671 13.5965 15.2652 13.1698C16.2633 12.743 17.2627 12.3151 18.2608 11.8884C19.259 11.4617 20.2584 11.0337 21.2565 10.607C22.2546 10.1803 23.254 9.7523 24.2522 9.32557C24.4741 9.22993 24.7145 9.08768 24.9523 9.04599C25.1522 9.01043 25.3472 8.94178 25.5483 8.90376C25.9296 8.83142 26.3502 8.80198 26.7156 8.96016C26.8419 9.01534 26.9584 9.09259 27.0553 9.18947C27.5188 9.64807 27.4538 10.401 27.3557 11.046C26.6727 15.5413 25.9897 20.0378 25.3055 24.5332C25.2123 25.15 25.0848 25.8268 24.5979 26.2168C24.1859 26.5466 23.5998 26.5834 23.0909 26.4436C22.582 26.3026 22.1333 26.0071 21.693 25.7165C19.8672 24.5074 18.0401 23.2984 16.2143 22.0893C15.7802 21.8024 15.2971 21.4272 15.302 20.906C15.3044 20.5921 15.492 20.3125 15.6833 20.0636C17.2701 17.9937 19.5594 16.5713 21.2626 14.5971C21.503 14.3187 21.6918 13.816 21.362 13.6554C21.1658 13.5597 20.9401 13.6897 20.7611 13.8135C18.5098 15.377 16.2597 16.9416 14.0083 18.5051C13.2738 19.0152 12.5038 19.54 11.6184 19.6651C10.8263 19.7779 10.0292 19.5572 9.26286 19.3315C8.62032 19.1427 7.97898 18.9489 7.34012 18.7491C7.00046 18.6436 6.64976 18.5296 6.38735 18.2905C6.12494 18.0514 5.97413 17.6492 6.13231 17.3303C6.23164 17.1305 6.42416 17.0042 6.62648 16.9012L6.62891 16.9024Z" fill="#351E1E"/>
4+</svg>
public/tiktok.svgnew file+4
@@ -0,0 +1,4 @@
1+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
2+<path d="M17.5399 0H17.4601C7.81717 0 0 7.81716 0 17.4601V17.5398C0 27.1828 7.81717 35 17.4601 35H17.5399C27.1828 35 35 27.1828 35 17.5398V17.4601C35 7.81716 27.1828 0 17.5399 0Z" fill="#AA9320"/>
3+<path d="M25.9603 12.662V15.9667C25.3828 15.9103 24.6323 15.7791 23.8022 15.475C22.7182 15.0777 21.9113 14.5344 21.3828 14.1139V20.7931L21.3693 20.7722C21.3779 20.9046 21.3828 21.0395 21.3828 21.1756C21.3828 24.4926 18.6839 27.1927 15.3658 27.1927C12.0476 27.1927 9.3487 24.4926 9.3487 21.1756C9.3487 17.8587 12.0476 15.1574 15.3658 15.1574C15.6907 15.1574 16.0095 15.1831 16.321 15.2334V18.4902C16.0218 18.3835 15.7005 18.3259 15.3658 18.3259C13.795 18.3259 12.516 19.6036 12.516 21.1756C12.516 22.7477 13.795 24.0254 15.3658 24.0254C16.9366 24.0254 18.2155 22.7464 18.2155 21.1756C18.2155 21.1168 18.2143 21.0579 18.2106 20.9991V8.01953H21.5128C21.5251 8.29911 21.5361 8.58114 21.5484 8.86072C21.5704 9.41129 21.7666 9.9398 22.1087 10.3727C22.5097 10.8815 23.102 11.4726 23.9334 11.9447C24.712 12.3849 25.4428 12.5749 25.9603 12.6645V12.662Z" fill="#351E1E"/>
4+</svg>
public/viliche.pngnew file

Binary file not shown.