Skip to content

Commit 2da5ed2

Browse files
Ojas13-gitOjas13-git
committed
added explorer button in navbar + removed unwanted logos in chains
1 parent 7e3542a commit 2da5ed2

File tree

2 files changed

+133
-48
lines changed

2 files changed

+133
-48
lines changed

‎src/views/landing-page/Chains.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,22 +16,22 @@ const Chains = () => {
1616

1717
<span className="text-xl text-[#340CD2] font-poppins font-medium text-center block ">SUPPORTED CHAINS</span>
1818
</div>
19-
<h2 className="md:text-[48px] sm:text-[24px] tracking-tight text-[32px] text-center font-medium font-poppins text-gray-900">
19+
<h2 className="md:text-[48px] sm:text-[24px] leading-2 tracking-tight text-[32px] text-center font-medium font-poppins text-gray-900">
2020
And many more to come...
2121
</h2>
2222
</div>
2323
<section className="py-4 lg:px-8 container">
24-
<div className="grid gap-8 grid-cols-2 md:gap-y-16 md:grid-cols-7">
24+
<div className="grid gap-8 grid-cols-2 md:gap-y-16 md:grid-cols-6">
2525
{[
2626
{ src: "/Ethereum.png", alt: "Ethereum" },
2727
{ src: "/Polygon.png", alt: "Polygon" },
2828
{ src: "/Optimisum.png", alt: "Optimism" },
2929
{ src: "/Base.png", alt: "Base" },
3030
{ src: "/Avalanche.png", alt: "Avalanche" },
31-
{ src: "/Frame 550.png", alt: "Frame 550" },
31+
3232
{ src: "/Arbitrium.png", alt: "Arbitrium" },
3333
{ src: "/Group 112.png", alt: "Slack logo" },
34-
{ src: "/Vector.png", alt: "Vector logo" },
34+
3535
{ src: "/Group 110.png", alt: "Lilly logo" },
3636
{ src: "/Group 109.png", alt: "Group 109" },
3737
{ src: "/Group 108.png", alt: "Starbucks logo" },

‎src/views/landing-page/Navbar.tsx‎

Lines changed: 129 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -26,35 +26,71 @@ const Navbar = () => {
2626
</svg>
2727
<span className="self-center text-2xl md:text-[24px] font-semibold whitespace-nowrap dark:text-white">jiffyscan</span>
2828
</a>
29-
<div className="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
29+
<div className="flex md:order-2 space-x-3 md:space-x-8 rtl:space-x-reverse">
3030
<button
3131
type="button"
3232
className="
33-
text-white
34-
bg-[#6C47FF]
35-
hover:bg-blue-800
36-
focus:ring-4
37-
focus:outline-none
38-
focus:ring-blue-300
39-
font-medium
40-
rounded-full
41-
text-sm
42-
md:text-[16px]
43-
px-4
44-
py-2
45-
text-center
46-
lg:w-[170px]
47-
lg:h-[40px]
48-
md:w-auto
49-
w-full
50-
sm:w-auto
51-
dark:bg-blue-600
52-
dark:hover:bg-blue-700
53-
dark:focus:ring-blue-800
54-
"
33+
md:block
34+
hidden
35+
text-white
36+
bg-[#6C47FF]
37+
hover:bg-blue-800
38+
focus:ring-4
39+
focus:outline-none
40+
focus:ring-blue-300
41+
font-medium
42+
font-inter
43+
rounded-full
44+
text-sm
45+
md:text-[16px]
46+
px-4
47+
py-2
48+
text-center
49+
lg:w-[170px]
50+
lg:h-[40px]
51+
md:w-auto
52+
w-full
53+
sm:w-auto
54+
dark:bg-blue-600
55+
dark:hover:bg-blue-700
56+
dark:focus:ring-blue-800
57+
"
5558
>
5659
<Link href='https://dashboard.jiffyscan.xyz/'>
57-
Visit Dashboard
60+
View API Key
61+
</Link>
62+
</button>
63+
<button
64+
type="button"
65+
className="
66+
md:block
67+
hidden
68+
text-[#6C47FF]
69+
bg-[#d1c7f8]
70+
hover:bg-blue-800
71+
focus:ring-4
72+
focus:outline-none
73+
focus:ring-blue-300
74+
font-medium
75+
font-inter
76+
rounded-full
77+
text-sm
78+
md:text-[16px]
79+
px-4
80+
py-2
81+
text-center
82+
lg:w-[112px]
83+
lg:h-[40px]
84+
md:w-auto
85+
w-full
86+
sm:w-auto
87+
dark:bg-blue-600
88+
dark:hover:bg-blue-700
89+
dark:focus:ring-blue-800
90+
"
91+
>
92+
<Link href='https://dashboard.jiffyscan.xyz/'>
93+
Explorer
5894
</Link>
5995
</button>
6096

@@ -157,30 +193,79 @@ const Navbar = () => {
157193
</a>
158194
</li>
159195
<li>
160-
<a
161-
href="#"
196+
<Link
197+
href="/pricing"
162198
className="block py-2 px-3 text-[#5A5A62] rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700"
163199
>
164200
Pricing
165-
</a>
166-
</li>
167-
<li>
168-
<a
169-
href="#"
170-
className="flex py-2 px-3 text-[#5A5A62] rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700"
171-
>
172-
Feature
173-
<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
174-
<path
175-
d="M4.5 7.5C6.9375 7.5 8 6.4745 8 4C8 6.4745 9.055 7.5 11.5 7.5C9.055 7.5 8 8.555 8 11C8 8.555 6.9375 7.5 4.5 7.5ZM1.5 3.25C3.067 3.25 3.75 2.591 3.75 1C3.75 2.591 4.4285 3.25 6 3.25C4.4285 3.25 3.75 3.9285 3.75 5.5C3.75 3.9285 3.067 3.25 1.5 3.25Z"
176-
fill="#6366F1"
177-
stroke="#6366F1"
178-
stroke-width="0.5"
179-
stroke-linejoin="round"
180-
/>
181-
</svg>
182-
</a>
201+
</Link>
183202
</li>
203+
<button
204+
type="button"
205+
className="
206+
md:hidden
207+
block
208+
text-white
209+
bg-[#6C47FF]
210+
hover:bg-blue-800
211+
focus:ring-4
212+
focus:outline-none
213+
focus:ring-blue-300
214+
font-medium
215+
rounded-full
216+
text-sm
217+
md:text-[16px]
218+
px-4
219+
py-2
220+
mt-2
221+
text-center
222+
w-[170px]
223+
h-[40px]
224+
md:w-auto
225+
226+
227+
dark:bg-blue-600
228+
dark:hover:bg-blue-700
229+
dark:focus:ring-blue-800
230+
"
231+
>
232+
<Link href='https://dashboard.jiffyscan.xyz/'>
233+
View API Key
234+
</Link>
235+
</button>
236+
<button
237+
type="button"
238+
className="
239+
md:hidden
240+
block
241+
text-[#6C47FF]
242+
bg-[#d1c7f8]
243+
hover:bg-blue-800
244+
focus:ring-4
245+
focus:outline-none
246+
focus:ring-blue-300
247+
font-medium
248+
font-inter
249+
rounded-full
250+
text-sm
251+
md:text-[16px]
252+
px-4
253+
py-2
254+
text-center
255+
mt-2
256+
w-[112px]
257+
h-[40px]
258+
md:w-auto
259+
dark:bg-blue-600
260+
dark:hover:bg-blue-700
261+
dark:focus:ring-blue-800
262+
"
263+
>
264+
<Link href='https://www.jiffyscan.xyz/'>
265+
Explorer
266+
</Link>
267+
</button>
268+
184269
</ul>
185270
</div>
186271
</div>

0 commit comments

Comments
 (0)