kitty/spotube
1
0
Fork 0
mirror of https://github.com/KRTirtho/spotube.git synced 2025-09-14 16: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", md: "transparent",
}} }}
> >
<Heading color={textColor} size="2xl"> <Heading mb={4} color={textColor} size="2xl">
Spotube Spotube
</Heading> </Heading>
<Heading color={textColor} size="lg" maxW="500px"> <Heading color={textColor} size="lg" maxW="500px">
@ -44,7 +44,7 @@ const Root = () => {
</VStack> </VStack>
</chakra.section> </chakra.section>
{/* <DisplayAd slot="9501208974" /> */} {/* <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 <VStack
p="5" p="5"
mt="10" mt="10"
@ -82,6 +82,7 @@ const Root = () => {
/> />
</chakra.div> </chakra.div>
<chakra.div <chakra.div
margin="auto"
maxW="500px" maxW="500px"
bgGradient={{ bgGradient={{
base: "radial-gradient(circle, #ffffff 23%, rgba(0,0,0,0) 82%)", base: "radial-gradient(circle, #ffffff 23%, rgba(0,0,0,0) 82%)",
@ -89,7 +90,7 @@ const Root = () => {
}} }}
color="gray.800" color="gray.800"
> >
<Heading>Access all your Spotify Music & Playlists</Heading> <Heading mb={2}>Access all your Spotify Music & Playlists</Heading>
<Text> <Text>
You can use all your Spotify tracks & playlists here. Everything You can use all your Spotify tracks & playlists here. Everything
will be in Sync & some action taken from Spotube will also will be in Sync & some action taken from Spotube will also
@ -111,7 +112,7 @@ const Root = () => {
display: "block", display: "block",
height: "100%", height: "100%",
width: "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", bgSize: "contain",
bgRepeat: "no-repeat", bgRepeat: "no-repeat",
bgPos: "center", bgPos: "center",
@ -130,7 +131,7 @@ const Root = () => {
<chakra.div <chakra.div
maxW="600px" maxW="600px"
color="gray.50" color="gray.50"
bgColor="blackAlpha.500" bgColor="blackAlpha.600"
p="3" p="3"
borderRadius="3xl" borderRadius="3xl"
> >