@@ -4,171 +4,6 @@ import clsx from 'clsx'
44import Link from 'next/link'
55import Router from 'next/router'
66
7- function BannerMarkMobile ( props ) {
8- return (
9- < svg fill = "none" viewBox = "0 0 848 513" { ...props } >
10- < path
11- fill = "#fff"
12- fillOpacity = { 0.1 }
13- d = "M424 0C310.94 0 240.26 56.944 212 170.811c42.4-56.944 91.86-78.295 148.4-64.054 32.266 8.114 55.311 31.686 80.836 57.777 41.552 42.489 89.676 91.683 194.764 91.683 113.06 0 183.74-56.944 212-170.811-42.4 56.944-91.86 78.295-148.4 64.054-32.245-8.114-55.311-31.686-80.836-57.777C577.212 49.193 529.088 0 424 0zM212 256.217c-113.06 0-183.74 56.944-212 170.812 42.4-56.945 91.86-78.296 148.4-64.055 32.245 8.114 55.311 31.686 80.836 57.777 41.552 42.49 89.676 91.683 194.764 91.683 113.06 0 183.74-56.944 212-170.811-42.4 56.944-91.86 78.296-148.4 64.054-32.245-8.113-55.311-31.685-80.836-57.777-41.552-42.489-89.676-91.683-194.764-91.683z"
14- />
15- < path
16- stroke = "#fff"
17- strokeOpacity = { 0.2 }
18- d = "M360.522 106.272l-.122.485.122-.485zm0 0c32.383 8.143 55.504 31.778 80.966 57.805l.105.107-.318.312.318-.311c20.78 21.248 43.155 44.121 73.45 61.692 30.282 17.564 68.498 29.84 120.957 29.84 56.444 0 102.26-14.213 137.486-42.595 34.73-27.982 59.217-69.776 73.424-125.433-20.822 27.449-43.355 46.428-67.609 56.898-24.842 10.723-51.456 12.503-79.823 5.358-32.389-8.15-55.544-31.819-81.032-57.872l-.039-.04.357-.35-.357.35c-20.78-21.25-43.155-44.122-73.449-61.693C514.675 12.777 476.459.5 424 .5c-56.444 0-102.26 14.213-137.486 42.595-34.73 27.982-59.217 69.776-73.424 125.434 20.822-27.45 43.355-46.429 67.609-56.898 24.842-10.723 51.456-12.504 79.823-5.359zm45.885 241.978l.286-.28-.286.28.039.04c25.488 26.053 48.643 49.722 81.032 57.872 28.367 7.145 54.981 5.365 79.823-5.358 24.254-10.47 46.787-29.449 67.609-56.898-14.207 55.657-38.694 97.452-73.424 125.433-35.226 28.382-81.042 42.595-137.486 42.595-52.459 0-90.675-12.276-120.957-29.84-30.295-17.571-52.67-40.443-73.45-61.692l-.337.329.337-.329-.039-.041c-25.488-26.053-48.643-49.722-81.032-57.872-28.367-7.145-54.98-5.364-79.823 5.359-24.254 10.469-46.787 29.448-67.609 56.898 14.207-55.657 38.694-97.452 73.424-125.434C109.74 270.93 155.556 256.717 212 256.717c52.459 0 90.675 12.277 120.957 29.841 30.295 17.57 52.67 40.443 73.45 61.692z"
19- />
20- < path
21- stroke = "url(#mark-mobile__paint0_linear)"
22- strokeLinecap = "round"
23- strokeLinejoin = "round"
24- strokeWidth = { 1.5 }
25- d = "M647.5 120c-6-4.5-13.5-12.5-13.5-12.5"
26- />
27- < path
28- stroke = "url(#mark-mobile__paint1_linear)"
29- strokeLinecap = "round"
30- strokeLinejoin = "round"
31- strokeWidth = { 1.5 }
32- d = "M212 256c11.118 0 21.598.551 31.5 1.586"
33- />
34- < path
35- stroke = "url(#mark-mobile__paint2_linear)"
36- strokeLinecap = "round"
37- strokeLinejoin = "round"
38- strokeWidth = { 1.5 }
39- d = "M632.5 255.793c-11.118 0-21.598-.551-31.5-1.586"
40- />
41- < defs >
42- < linearGradient
43- id = "mark-mobile__paint0_linear"
44- x1 = { 648.5 }
45- x2 = { 636.5 }
46- y1 = { 119.803 }
47- y2 = { 108 }
48- gradientUnits = "userSpaceOnUse"
49- >
50- < stop stopColor = "#fff" />
51- < stop offset = { 1 } stopColor = "#fff" stopOpacity = { 0 } />
52- </ linearGradient >
53- < linearGradient
54- id = "mark-mobile__paint1_linear"
55- x1 = { 220.5 }
56- x2 = { 245 }
57- y1 = { 256.783 }
58- y2 = { 257.783 }
59- gradientUnits = "userSpaceOnUse"
60- >
61- < stop stopColor = "#fff" />
62- < stop offset = { 1 } stopColor = "#fff" stopOpacity = { 0 } />
63- </ linearGradient >
64- < linearGradient
65- id = "mark-mobile__paint2_linear"
66- x1 = { 624 }
67- x2 = { 599.5 }
68- y1 = { 255.01 }
69- y2 = { 254.01 }
70- gradientUnits = "userSpaceOnUse"
71- >
72- < stop stopColor = "#fff" />
73- < stop offset = { 1 } stopColor = "#fff" stopOpacity = { 0 } />
74- </ linearGradient >
75- </ defs >
76- </ svg >
77- )
78- }
79-
80- function BannerMarkLeft ( props ) {
81- return (
82- < svg fill = "none" viewBox = "0 0 848 513" { ...props } >
83- < path
84- fill = "#fff"
85- fillOpacity = { 0.1 }
86- d = "M424 0C310.94 0 240.26 56.944 212 170.811c42.4-56.944 91.86-78.295 148.4-64.054 32.266 8.114 55.311 31.686 80.836 57.777 41.552 42.489 89.676 91.683 194.764 91.683 113.06 0 183.74-56.944 212-170.811-42.4 56.944-91.86 78.295-148.4 64.054-32.245-8.114-55.311-31.686-80.836-57.777C577.212 49.193 529.088 0 424 0zM212 256.217c-113.06 0-183.74 56.944-212 170.812 42.4-56.945 91.86-78.296 148.4-64.055 32.245 8.114 55.311 31.686 80.836 57.777 41.552 42.49 89.676 91.683 194.764 91.683 113.06 0 183.74-56.944 212-170.811-42.4 56.944-91.86 78.296-148.4 64.054-32.245-8.113-55.311-31.685-80.836-57.777-41.552-42.489-89.676-91.683-194.764-91.683z"
87- />
88- < path
89- stroke = "#fff"
90- strokeOpacity = { 0.2 }
91- d = "M360.522 106.272l-.122.485.122-.485zm0 0c32.383 8.143 55.504 31.778 80.966 57.805l.105.107-.318.312.318-.311c20.78 21.248 43.155 44.121 73.45 61.692 30.282 17.564 68.498 29.84 120.957 29.84 56.444 0 102.26-14.213 137.486-42.595 34.73-27.982 59.217-69.776 73.424-125.433-20.822 27.449-43.355 46.428-67.609 56.898-24.842 10.723-51.456 12.503-79.823 5.358-32.389-8.15-55.544-31.819-81.032-57.872l-.039-.04.357-.35-.357.35c-20.78-21.25-43.155-44.122-73.449-61.693C514.675 12.777 476.459.5 424 .5c-56.444 0-102.26 14.213-137.486 42.595-34.73 27.982-59.217 69.776-73.424 125.434 20.822-27.45 43.355-46.429 67.609-56.898 24.842-10.723 51.456-12.504 79.823-5.359zm45.885 241.978l.286-.28-.286.28.039.04c25.488 26.053 48.643 49.722 81.032 57.872 28.367 7.145 54.981 5.365 79.823-5.358 24.254-10.47 46.787-29.449 67.609-56.898-14.207 55.657-38.694 97.452-73.424 125.433-35.226 28.382-81.042 42.595-137.486 42.595-52.459 0-90.675-12.276-120.957-29.84-30.295-17.571-52.67-40.443-73.45-61.692l-.337.329.337-.329-.039-.041c-25.488-26.053-48.643-49.722-81.032-57.872-28.367-7.145-54.98-5.364-79.823 5.359-24.254 10.469-46.787 29.448-67.609 56.898 14.207-55.657 38.694-97.452 73.424-125.434C109.74 270.93 155.556 256.717 212 256.717c52.459 0 90.675 12.277 120.957 29.841 30.295 17.57 52.67 40.443 73.45 61.692z"
92- />
93- < path
94- stroke = "url(#mark-left__paint0_linear)"
95- strokeLinecap = "round"
96- strokeLinejoin = "round"
97- strokeWidth = { 1.5 }
98- d = "M212 256c11.118 0 21.598.551 31.5 1.586"
99- />
100- < path
101- stroke = "url(#mark-left__paint1_linear)"
102- strokeLinecap = "round"
103- strokeLinejoin = "round"
104- strokeWidth = { 1.5 }
105- d = "M632.5 255.793c-11.118 0-21.598-.551-31.5-1.586"
106- />
107- < defs >
108- < linearGradient
109- id = "mark-left__paint0_linear"
110- x1 = { 220.5 }
111- x2 = { 245 }
112- y1 = { 256.783 }
113- y2 = { 257.783 }
114- gradientUnits = "userSpaceOnUse"
115- >
116- < stop stopColor = "#fff" />
117- < stop offset = { 1 } stopColor = "#fff" stopOpacity = { 0 } />
118- </ linearGradient >
119- < linearGradient
120- id = "mark-left__paint1_linear"
121- x1 = { 624 }
122- x2 = { 599.5 }
123- y1 = { 255.01 }
124- y2 = { 254.01 }
125- gradientUnits = "userSpaceOnUse"
126- >
127- < stop stopColor = "#fff" />
128- < stop offset = { 1 } stopColor = "#fff" stopOpacity = { 0 } />
129- </ linearGradient >
130- </ defs >
131- </ svg >
132- )
133- }
134-
135- function BannerMarkRight ( props ) {
136- return (
137- < svg fill = "none" viewBox = "0 0 848 513" { ...props } >
138- < path
139- fill = "#fff"
140- fillOpacity = { 0.1 }
141- d = "M424 0C310.94 0 240.26 56.944 212 170.811c42.4-56.944 91.86-78.295 148.4-64.054 32.266 8.114 55.311 31.686 80.836 57.777 41.552 42.489 89.676 91.683 194.764 91.683 113.06 0 183.74-56.944 212-170.811-42.4 56.944-91.86 78.295-148.4 64.054-32.245-8.114-55.311-31.686-80.836-57.777C577.212 49.193 529.088 0 424 0zM212 256.217c-113.06 0-183.74 56.944-212 170.812 42.4-56.945 91.86-78.296 148.4-64.055 32.245 8.114 55.311 31.686 80.836 57.777 41.552 42.49 89.676 91.683 194.764 91.683 113.06 0 183.74-56.944 212-170.811-42.4 56.944-91.86 78.296-148.4 64.054-32.245-8.113-55.311-31.685-80.836-57.777-41.552-42.489-89.676-91.683-194.764-91.683z"
142- />
143- < path
144- stroke = "#fff"
145- strokeOpacity = { 0.2 }
146- d = "M360.522 106.272l-.122.485.122-.485zm0 0c32.383 8.143 55.504 31.778 80.966 57.805l.105.107-.318.312.318-.311c20.78 21.248 43.155 44.121 73.45 61.692 30.282 17.564 68.498 29.84 120.957 29.84 56.444 0 102.26-14.213 137.486-42.595 34.73-27.982 59.217-69.776 73.424-125.433-20.822 27.449-43.355 46.428-67.609 56.898-24.842 10.723-51.456 12.503-79.823 5.358-32.389-8.15-55.544-31.819-81.032-57.872l-.039-.04.357-.35-.357.35c-20.78-21.25-43.155-44.122-73.449-61.693C514.675 12.777 476.459.5 424 .5c-56.444 0-102.26 14.213-137.486 42.595-34.73 27.982-59.217 69.776-73.424 125.434 20.822-27.45 43.355-46.429 67.609-56.898 24.842-10.723 51.456-12.504 79.823-5.359zm45.885 241.978l.286-.28-.286.28.039.04c25.488 26.053 48.643 49.722 81.032 57.872 28.367 7.145 54.981 5.365 79.823-5.358 24.254-10.47 46.787-29.449 67.609-56.898-14.207 55.657-38.694 97.452-73.424 125.433-35.226 28.382-81.042 42.595-137.486 42.595-52.459 0-90.675-12.276-120.957-29.84-30.295-17.571-52.67-40.443-73.45-61.692l-.337.329.337-.329-.039-.041c-25.488-26.053-48.643-49.722-81.032-57.872-28.367-7.145-54.98-5.364-79.823 5.359-24.254 10.469-46.787 29.448-67.609 56.898 14.207-55.657 38.694-97.452 73.424-125.434C109.74 270.93 155.556 256.717 212 256.717c52.459 0 90.675 12.277 120.957 29.841 30.295 17.57 52.67 40.443 73.45 61.692z"
147- />
148- < path
149- stroke = "url(#mark-right__paint0_linear)"
150- strokeLinecap = "round"
151- strokeLinejoin = "round"
152- strokeWidth = { 1.5 }
153- d = "M148.4 362.974c-20.178-5.082-39.454-5.631-57.83-1.648"
154- />
155- < defs >
156- < linearGradient
157- id = "mark-right__paint0_linear"
158- x1 = { 106.175 }
159- x2 = { 151.193 }
160- y1 = { 360.811 }
161- y2 = { 362.062 }
162- gradientUnits = "userSpaceOnUse"
163- >
164- < stop stopColor = "#fff" />
165- < stop offset = { 1 } stopColor = "#fff" stopOpacity = { 0 } />
166- </ linearGradient >
167- </ defs >
168- </ svg >
169- )
170- }
171-
1727export function Header ( { navIsOpen, onNavToggle } ) {
1738 return (
1749 < >
0 commit comments