kitty/spotube
1
0
Fork 0
mirror of https://github.com/KRTirtho/spotube.git synced 2025-09-14 08:25:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

website: Website enhancement (#1203)

Browse Source
This commit is contained in:
Vishwas Saini 2024-02-09 09:25:27 +05:30 committed by GitHub
parent 9b9822cc3c
commit 46830d2122
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
website/pages/index.tsx
View File

@ -32,7 +32,7 @@ const Root = () => {
md: "transparent",
}}
>
<Heading color={textColor} size="2xl">
<Heading mb={4} color={textColor} size="2xl">
Spotube
</Heading>
<Heading color={textColor} size="lg" maxW="500px">
@ -44,7 +44,7 @@ const Root = () => {
</VStack>
</chakra.section>
{/* <DisplayAd slot="9501208974" /> */}
<chakra.div bgGradient="linear-gradient(180deg, rgba(249,207,143,1) 0%, rgba(250,250,250,1) 45%)">
<chakra.div bgGradient="linear-gradient(180deg, rgba(249,207,143,1) 0%, rgba(250,250,250,1) 65%)">
<VStack
p="5"
mt="10"
@ -82,6 +82,7 @@ const Root = () => {
/>
</chakra.div>
<chakra.div
margin="auto"
maxW="500px"
bgGradient={{
base: "radial-gradient(circle, #ffffff 23%, rgba(0,0,0,0) 82%)",
@ -89,7 +90,7 @@ const Root = () => {
}}
color="gray.800"
>
<Heading>Access all your Spotify Music & Playlists</Heading>
<Heading mb={2}>Access all your Spotify Music & Playlists</Heading>
<Text>
You can use all your Spotify tracks & playlists here. Everything
will be in Sync & some action taken from Spotube will also
@ -111,7 +112,7 @@ const Root = () => {
display: "block",
height: "100%",
width: "100%",
background: "url('/headline-2b.png') rgba(0, 0, 0, 0.9)",
background: "url('/headline-2b.png') rgba(0, 0, 0, 0)",
bgSize: "contain",
bgRepeat: "no-repeat",
bgPos: "center",
@ -130,7 +131,7 @@ const Root = () => {
<chakra.div
maxW="600px"
color="gray.50"
bgColor="blackAlpha.500"
bgColor="blackAlpha.600"
p="3"
borderRadius="3xl"
>