Skip to content

Commit 5d8e12b

Browse files
HassanZahirniaHassanZahirnia
committed
💄 Improve tweets section
1 parent 82ce02c commit 5d8e12b

File tree

1 file changed

+168
-9
lines changed

1 file changed

+168
-9
lines changed

‎resources/views/components/home/tweets.blade.php‎

Lines changed: 168 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -103,8 +103,140 @@ class="relative mx-auto w-full max-w-screen-lg px-5"
103103
)
104104
}
105105
"
106-
class="relative z-[1] overflow-hidden rounded-3xl bg-gradient-to-t from-transparent via-[#F1F3FF] to-[#F1F3FF] px-5 pb-5"
106+
class="relative z-[1] overflow-hidden rounded-3xl bg-gradient-to-t from-transparent via-[#F1F3FF] to-[#E6EAFF] px-5 pb-5"
107107
>
108+
{{-- Right side decoration --}}
109+
<div class="absolute right-24 top-14 hidden md:block lg:right-40">
110+
<svg
111+
xmlns="http://www.w3.org/2000/svg"
112+
class="w-28 lg:w-32"
113+
viewBox="0 0 139 93"
114+
fill="none"
115+
>
116+
<path
117+
d="M121.58 27.4799C121.58 27.4799 121.55 18.5999 125.21 14.7399C128.87 10.8799 133.59 0.149902 133.59 0.149902C133.59 0.149902 137.31 5.2099 135.86 9.7799C134.41 14.3499 128.25 19.3899 129.75 24.2599L121.59 27.4699L121.58 27.4799Z"
118+
fill="#407BFF"
119+
/>
120+
<path
121+
opacity="0.6"
122+
d="M121.58 27.4799C121.58 27.4799 121.55 18.5999 125.21 14.7399C128.87 10.8799 133.59 0.149902 133.59 0.149902C133.59 0.149902 137.31 5.2099 135.86 9.7799C134.41 14.3499 128.25 19.3899 129.75 24.2599L121.59 27.4699L121.58 27.4799Z"
123+
fill="white"
124+
/>
125+
<path
126+
d="M134.26 24.8897C134.26 24.8897 132.79 21.8597 129.13 23.3197C125.47 24.7897 122.85 23.9097 122.85 23.9097C122.85 23.9097 117.62 16.7297 112.38 15.7897C107.15 14.8497 97 8.98975 97 8.98975C97 8.98975 97 15.2697 100.87 18.0897C104.74 20.9097 112.7 21.3297 114.37 26.1497L100.77 32.4297C100.77 32.4297 106.63 32.6397 107.15 33.9997C107.67 35.3597 113.12 33.9997 113.12 33.9997L117.41 32.0097C117.41 32.0097 120.24 34.8397 129.13 28.5597C129.13 28.5597 136.14 28.3497 134.26 24.8997V24.8897Z"
127+
fill="#407BFF"
128+
/>
129+
<path
130+
opacity="0.8"
131+
d="M134.26 24.8897C134.26 24.8897 132.79 21.8597 129.13 23.3197C125.47 24.7897 122.85 23.9097 122.85 23.9097C122.85 23.9097 117.62 16.7297 112.38 15.7897C107.15 14.8497 97 8.98975 97 8.98975C97 8.98975 97 15.2697 100.87 18.0897C104.74 20.9097 112.7 21.3297 114.37 26.1497L100.77 32.4297C100.77 32.4297 106.63 32.6397 107.15 33.9997C107.67 35.3597 113.12 33.9997 113.12 33.9997L117.41 32.0097C117.41 32.0097 120.24 34.8397 129.13 28.5597C129.13 28.5597 136.14 28.3497 134.26 24.8997V24.8897Z"
132+
fill="white"
133+
/>
134+
<path
135+
d="M134.26 24.8899C134.26 24.8899 138.37 25.8799 138.37 26.4299C138.37 26.9799 134.01 27.1699 134.01 27.1699C134.01 27.1699 132.43 26.0099 134.26 24.8799V24.8899Z"
136+
fill="#407BFF"
137+
/>
138+
<path
139+
d="M100.88 18.08C97.0101 15.25 97.0101 8.97998 97.0101 8.97998C97.0101 8.97998 98.7401 9.97998 101.13 11.21C101.29 13.02 102.02 16.63 105.11 20.13C103.52 19.54 102.02 18.92 100.88 18.08Z"
140+
fill="#263238"
141+
/>
142+
<path
143+
d="M133.38 5.15967C133.17 4.24967 132.12 4.74967 130.96 5.64967C132.5 2.64967 133.59 0.159668 133.59 0.159668C133.59 0.159668 137.31 5.21967 135.86 9.78967C135.23 11.7697 133.72 13.8397 132.33 15.9397C134.91 7.60967 133.9 7.35967 133.38 5.15967Z"
144+
fill="#263238"
145+
/>
146+
<path
147+
d="M109.25 32.6299C109.43 33.2699 111.64 33.6399 113.44 33.8499L113.13 33.9999C113.13 33.9999 107.69 35.3599 107.16 33.9999C106.64 32.6399 100.78 32.4299 100.78 32.4299L105.69 30.1699C107.57 30.8799 109.09 32.0299 109.26 32.6399L109.25 32.6299Z"
148+
fill="#263238"
149+
/>
150+
<path
151+
d="M131.68 24.8397C131.74 25.2597 131.57 25.6297 131.29 25.6697C131.01 25.7097 130.74 25.3997 130.68 24.9897C130.62 24.5697 130.78 24.1997 131.06 24.1597C131.34 24.1197 131.61 24.4297 131.67 24.8497L131.68 24.8397Z"
152+
fill="#263238"
153+
/>
154+
<path
155+
d="M132.14 23.62C132.08 23.69 131.99 23.71 131.91 23.67C131.05 23.33 130.04 23.97 130.03 23.98C129.94 24.04 129.81 24.01 129.75 23.92C129.69 23.83 129.71 23.6999 129.81 23.6399C129.86 23.6299 131 22.88 132.05 23.29C132.15 23.33 132.2 23.4499 132.16 23.5499C132.16 23.5699 132.15 23.59 132.13 23.61L132.14 23.62Z"
156+
fill="#263238"
157+
/>
158+
<path
159+
d="M82 92.986H0.00405884C0.00405884 92.986 2.41845 88.128 7.03622 87.7172C11.6581 87.3064 14.6081 90.3496 14.6081 90.3496C14.6081 90.3496 12.4899 82.3966 18.7308 81.579C24.9758 80.7614 25.9699 87.2825 25.9699 87.2825C25.9699 87.2825 26.6395 69.5976 43.7025 71.0893C60.7655 72.581 61.3336 89.9069 61.3336 89.9069C61.3336 89.9069 66.1584 83.6969 72.4114 85.5036C78.6685 87.3104 82 92.986 82 92.986Z"
160+
fill="#E0E5FF"
161+
/>
162+
<g
163+
style="mix-blend-mode: multiply"
164+
opacity="0.3"
165+
>
166+
<path
167+
d="M55.3037 81.6627C50.4425 76.9124 43.4225 76.5574 37.4575 79.3773C33.2699 81.3595 29.9344 84.8694 27.7513 88.9336C26.1079 87.8687 24.2697 87.095 22.3098 86.6802C19.7858 86.1497 17.3593 87.7929 17.3106 90.4253C17.3065 90.7284 17.2822 91.0236 17.2578 91.3227C17.2456 91.3985 17.2091 91.7096 17.1726 91.909C17.128 92.1603 17.0793 92.4116 17.0306 92.6629C16.9048 92.615 16.7749 92.5711 16.6491 92.5272C12.9931 91.243 8.2495 90.6606 4.53255 92.0327C3.83056 92.2919 3.16914 92.611 2.56453 92.9899H0C0 92.9899 2.41439 88.132 7.03217 87.7211C11.654 87.3103 14.604 90.3535 14.604 90.3535C14.604 90.3535 12.4858 82.4005 18.7267 81.5829C24.9717 80.7653 25.9659 87.2864 25.9659 87.2864C25.9659 87.2864 26.6354 69.6015 43.6984 71.0932C60.7615 72.5849 61.3296 89.9108 61.3296 89.9108C61.3296 89.9108 66.1543 83.7008 72.4074 85.5075C78.6685 87.3103 82 92.9859 82 92.9859H81.9635C78.49 89.0852 73.4502 87.083 68.2075 88.0961C65.363 88.6465 62.7863 90.1302 60.6925 92.1164C59.8322 88.2716 58.1685 84.4666 55.3037 81.6627Z"
168+
fill="#E0E5FF"
169+
/>
170+
</g>
171+
</svg>
172+
</div>
173+
174+
{{-- Left side decoration --}}
175+
<div class="absolute left-24 top-14 hidden md:block lg:left-40">
176+
<svg
177+
xmlns="http://www.w3.org/2000/svg"
178+
class="w-32 lg:w-36"
179+
viewBox="0 0 181 94"
180+
fill="none"
181+
>
182+
<path
183+
d="M71 30.2488H180.995C180.995 30.2488 177.756 23.732 171.561 23.1809C165.361 22.6298 161.404 26.7122 161.404 26.7122C161.404 26.7122 164.245 16.0435 155.873 14.9467C147.496 13.8499 146.162 22.5977 146.162 22.5977C146.162 22.5977 145.264 -1.12584 122.375 0.875198C99.4853 2.87624 98.7232 26.1183 98.7232 26.1183C98.7232 26.1183 92.251 17.7878 83.8627 20.2115C75.469 22.6352 71 30.2488 71 30.2488Z"
184+
fill="#E0E5FF"
185+
/>
186+
<g
187+
style="mix-blend-mode: multiply"
188+
opacity="0.3"
189+
>
190+
<path
191+
d="M106.812 15.0591C113.333 8.68677 122.75 8.21059 130.752 11.9933C136.37 14.6524 140.844 19.3608 143.773 24.8128C145.977 23.3843 148.443 22.3463 151.072 21.7899C154.458 21.0783 157.713 23.2826 157.779 26.8139C157.784 27.2205 157.817 27.6164 157.849 28.0177C157.866 28.1194 157.915 28.5367 157.964 28.8042C158.023 29.1413 158.089 29.4784 158.154 29.8154C158.323 29.7512 158.497 29.6924 158.666 29.6335C163.57 27.9107 169.934 27.1295 174.92 28.9701C175.861 29.3178 176.749 29.7459 177.56 30.2542H181C181 30.2542 177.761 23.7374 171.567 23.1863C165.367 22.6352 161.409 26.7176 161.409 26.7176C161.409 26.7176 164.251 16.0489 155.879 14.9521C147.501 13.8552 146.168 22.6031 146.168 22.6031C146.168 22.6031 145.27 -1.12047 122.38 0.880569C99.4907 2.88161 98.7286 26.1237 98.7286 26.1237C98.7286 26.1237 92.2564 17.7931 83.8682 20.2168C75.469 22.6352 71 30.2488 71 30.2488H71.049C75.7085 25.0161 82.4692 22.3302 89.5021 23.6892C93.3179 24.4276 96.7744 26.4179 99.5832 29.0824C100.737 23.9247 102.969 18.8204 106.812 15.0591Z"
192+
fill="#E0E5FF"
193+
/>
194+
</g>
195+
<path
196+
d="M16.1908 89.1302C16.1908 89.1302 12.9908 84.4702 9.67077 83.7702C6.35077 83.0702 0.000769712 79.1602 0.000769712 79.1602C0.000769712 79.1602 -0.109231 83.1602 2.30077 85.0302C4.71077 86.9002 9.77077 87.3102 10.7508 90.4002L16.1908 89.1302Z"
197+
fill="#407BFF"
198+
/>
199+
<path
200+
opacity="0.6"
201+
d="M16.1908 89.1302C16.1908 89.1302 12.9908 84.4702 9.67077 83.7702C6.35077 83.0702 0.000769712 79.1602 0.000769712 79.1602C0.000769712 79.1602 -0.109231 83.1602 2.30077 85.0302C4.71077 86.9002 9.77077 87.3102 10.7508 90.4002L16.1908 89.1302Z"
202+
fill="white"
203+
/>
204+
<path
205+
d="M1.92077 81.7102C1.70077 81.1602 2.44077 81.0402 3.36077 81.0902C1.48077 80.0702 0.000769712 79.1602 0.000769712 79.1602C0.000769712 79.1602 -0.109231 83.1602 2.30077 85.0302C3.35077 85.8402 4.89077 86.3702 6.38077 86.9702C2.01077 83.5502 2.45077 83.0402 1.92077 81.7102Z"
206+
fill="#263238"
207+
/>
208+
<path
209+
d="M6.85083 90.3C6.85083 90.3 7.41083 88.23 9.88083 88.72C12.3508 89.21 13.8808 88.36 13.8808 88.36C13.8808 88.36 16.3208 83.26 19.4908 82.06C22.6608 80.86 28.3308 76 28.3308 76C28.3308 76 29.0608 79.93 26.9608 82.15C24.8608 84.37 19.9308 85.56 19.4408 88.77L28.6908 91.12C28.6908 91.12 25.0408 91.93 24.8708 92.85C24.7008 93.76 21.1308 93.54 21.1308 93.54L18.2108 92.79C18.2108 92.79 16.7708 94.89 10.4708 91.99C10.4708 91.99 6.05083 92.68 6.83083 90.29L6.85083 90.3Z"
210+
fill="#407BFF"
211+
/>
212+
<path
213+
opacity="0.8"
214+
d="M6.85083 90.3C6.85083 90.3 7.41083 88.23 9.88083 88.72C12.3508 89.21 13.8808 88.36 13.8808 88.36C13.8808 88.36 16.3208 83.26 19.4908 82.06C22.6608 80.86 28.3308 76 28.3308 76C28.3308 76 29.0608 79.93 26.9608 82.15C24.8608 84.37 19.9308 85.56 19.4408 88.77L28.6908 91.12C28.6908 91.12 25.0408 91.93 24.8708 92.85C24.7008 93.76 21.1308 93.54 21.1308 93.54L18.2108 92.79C18.2108 92.79 16.7708 94.89 10.4708 91.99C10.4708 91.99 6.05083 92.68 6.83083 90.29L6.85083 90.3Z"
215+
fill="white"
216+
/>
217+
<path
218+
d="M6.85069 90.2998C6.85069 90.2998 4.39069 91.3998 4.46069 91.7398C4.52069 92.0798 7.28069 91.6998 7.28069 91.6998C7.28069 91.6998 8.13069 90.7898 6.85069 90.2998Z"
219+
fill="#407BFF"
220+
/>
221+
<path
222+
d="M26.9608 82.15C29.0608 79.93 28.3308 76 28.3308 76C28.3308 76 27.3608 76.83 26.0108 77.88C26.1208 79.03 26.0808 81.38 24.5508 83.93C25.4808 83.38 26.3408 82.81 26.9608 82.16V82.15Z"
223+
fill="#263238"
224+
/>
225+
<path
226+
d="M23.4107 92.24C23.3707 92.66 22.0307 93.15 20.9307 93.49L21.1407 93.54C21.1407 93.54 24.7107 93.76 24.8807 92.85C25.0507 91.94 28.7007 91.12 28.7007 91.12L25.3607 90.27C24.2707 90.93 23.4507 91.83 23.4107 92.23V92.24Z"
227+
fill="#263238"
228+
/>
229+
<path
230+
d="M8.46074 89.9702C8.47074 90.2402 8.62075 90.4502 8.80075 90.4502C8.98075 90.4502 9.11075 90.2202 9.10075 89.9502C9.09075 89.6802 8.94075 89.4702 8.76075 89.4702C8.58075 89.4702 8.45074 89.7002 8.46074 89.9702Z"
231+
fill="#263238"
232+
/>
233+
<path
234+
d="M8.03079 89.26C8.03079 89.26 8.13079 89.3 8.18079 89.26C8.68079 88.95 9.39079 89.23 9.39079 89.23C9.45079 89.26 9.53079 89.23 9.56079 89.16C9.59079 89.1 9.56079 89.02 9.49079 88.99C9.46079 88.99 8.65079 88.65 8.04079 89.03C7.98079 89.07 7.96079 89.15 8.00079 89.21C8.00079 89.22 8.01079 89.24 8.03079 89.25V89.26Z"
235+
fill="#263238"
236+
/>
237+
</svg>
238+
</div>
239+
108240
{{-- Title --}}
109241
<div
110242
id="tweets"
@@ -113,15 +245,42 @@ class="grid place-items-center pt-14"
113245
{{-- Twitter Icon --}}
114246
<div x-ref="twitter_icon">
115247
<svg
116-
width="40"
117-
height="40"
118-
fill="none"
119248
xmlns="http://www.w3.org/2000/svg"
249+
class="size-8"
250+
viewBox="0 0 35 35"
251+
fill="none"
120252
>
121-
<path
122-
d="M37.02 9.427c-1.272.562-2.62.932-4.002 1.096a6.991 6.991 0 0 0 3.064-3.856 13.935 13.935 0 0 1-4.425 1.691 6.97 6.97 0 0 0-11.877 6.357A19.79 19.79 0 0 1 5.412 7.432a6.947 6.947 0 0 0-.944 3.505 6.973 6.973 0 0 0 3.1 5.801 6.947 6.947 0 0 1-3.156-.871v.084a6.975 6.975 0 0 0 5.591 6.837 7.008 7.008 0 0 1-3.15.12 6.975 6.975 0 0 0 6.514 4.842 13.99 13.99 0 0 1-10.32 2.887A19.719 19.719 0 0 0 13.73 33.77c12.823 0 19.833-10.622 19.833-19.834 0-.3-.006-.603-.02-.901a14.17 14.17 0 0 0 3.477-3.608Z"
123-
fill="#1C96E8"
124-
/>
253+
<g clip-path="url(#clip0_291_28855)">
254+
<mask
255+
id="mask0_291_28855"
256+
style="mask-type: luminance"
257+
maskUnits="userSpaceOnUse"
258+
x="0"
259+
y="0"
260+
width="35"
261+
height="35"
262+
>
263+
<path
264+
d="M0 0H35V35H0V0Z"
265+
fill="white"
266+
/>
267+
</mask>
268+
<g mask="url(#mask0_291_28855)">
269+
<path
270+
d="M27.5625 1.64014H32.93L21.205 15.0751L35 33.3601H24.2L15.735 22.2726L6.06 33.3601H0.6875L13.2275 18.9851L0 1.64264H11.075L18.715 11.7751L27.5625 1.64014ZM25.675 30.1401H28.65L9.45 4.69264H6.26L25.675 30.1401Z"
271+
fill="#0F033A"
272+
/>
273+
</g>
274+
</g>
275+
<defs>
276+
<clipPath id="clip0_291_28855">
277+
<rect
278+
width="35"
279+
height="35"
280+
fill="white"
281+
/>
282+
</clipPath>
283+
</defs>
125284
</svg>
126285
</div>
127286
<div
@@ -168,7 +327,7 @@ class="text-2xl font-extrabold [grid-area:1/-1] lg:text-3xl"
168327
</div>
169328
<div
170329
x-ref="feedback_header_underline"
171-
class="relative -left-1 -z-10 h-5 w-[98%] self-end justify-self-start bg-sky-300/50 [grid-area:1/-1]"
330+
class="relative -left-1 -z-10 h-5 w-[98%] self-end justify-self-start bg-[#A1B0FF]/70 [grid-area:1/-1]"
172331
></div>
173332
</div>
174333
</div>

0 commit comments

Comments
 (0)