+1 -15

src/webapp/app/page.tsx

View file Reviewed

··· 29 29 import { LinkButton } from '@/components/link/MantineLink'; 30 30 31 31 export default async function Page() { 32 32 - const fadeStyle = { 33 33 - inset: 0, 34 34 - WebkitMaskImage: 'linear-gradient(to bottom, transparent 10%, black 35%)', 35 35 - maskImage: 'linear-gradient(to bottom, transparent 10%, black 35%)', 36 36 - zIndex: 0, 37 37 - }; 38 38 - 39 32 return ( 40 33 <Box component="section" pos="relative" h="100svh" w="100%"> 41 34 {/* light mode bg */} 42 42 - <BackgroundImage 43 43 - src={BG.src} 44 44 - darkHidden 45 45 - h="100svh" 46 46 - pos={'absolute'} 47 47 - style={fadeStyle} 48 48 - /> 35 35 + <BackgroundImage src={BG.src} darkHidden h="100svh" pos={'absolute'} /> 49 36 50 37 {/* dark mode bg */} 51 38 <BackgroundImage ··· 53 40 lightHidden 54 41 h="100svh" 55 42 pos={'absolute'} 56 56 - style={fadeStyle} 57 43 /> 58 44 59 45 <Box pos="relative" style={{ zIndex: 1 }}>

+4 -20

src/webapp/components/landing/footer/Footer.tsx

View file Reviewed

··· 17 17 import BG from '@/assets/semble-bg.webp'; 18 18 import DarkBG from '@/assets/semble-bg-dark.png'; 19 19 20 20 - const bgStyle = { 21 21 - position: 'absolute' as const, 22 22 - top: 0, 23 23 - left: '50%', 24 24 - marginLeft: '-50vw', 25 25 - marginRight: '-50vw', 26 26 - width: '100vw', 27 27 - height: '250px', 28 28 - transform: 'rotate(180deg)', 29 29 - opacity: 0.7, 30 30 - filter: 'grayscale(100%)', 31 31 - WebkitMaskImage: 'linear-gradient(to top, transparent 5%, black 35%)', 32 32 - maskImage: 'linear-gradient(to top, transparent 5%, black 35%)', 33 33 - zIndex: 0, 34 34 - }; 35 35 - 36 20 export default function Footer() { 37 21 return ( 38 38 - <Box component="footer" px="md" py="xs" mt="xl" pos="relative"> 22 22 + <Box component="footer" px="md" py="xs" mt="xl"> 39 23 {/* light mode bg */} 40 40 - <BackgroundImage src={BG.src} darkHidden style={bgStyle} /> 24 24 + <BackgroundImage src={BG.src} darkHidden /> 41 25 42 26 {/* dark mode bg */} 43 43 - <BackgroundImage src={DarkBG.src} lightHidden style={bgStyle} /> 27 27 + <BackgroundImage src={DarkBG.src} lightHidden /> 44 28 45 29 <Stack align="center" gap="xs" pos="relative" style={{ zIndex: 1 }}> 46 30 <Group gap="0"> ··· 100 84 fw={600} 101 85 rightSection={<RiArrowRightUpLine />} 102 86 > 103 103 - Follow our blog for updates 87 87 + Follow our blog 104 88 </Button> 105 89 <Button 106 90 component="a"

+2 -2

src/webapp/components/landing/navMenu/NavMenu.tsx

View file Reviewed

··· 19 19 data-tally-hide-title="1" 20 20 data-tally-layout="modal" 21 21 data-tally-emoji-animation="none" 22 22 - variant="light" 22 22 + variant="white" 23 23 color="gray" 24 24 size="xs" 25 25 > ··· 30 30 <LinkButton 31 31 href={IOS_SHORTCUT_HREF} 32 32 target="_blank" 33 33 - variant="light" 33 33 + variant="white" 34 34 color="gray" 35 35 size="xs" 36 36 >

+1 -1

src/webapp/components/landing/recentActivity/RecentActivity.tsx

View file Reviewed

··· 53 53 <LinkButton 54 54 href="/explore" 55 55 variant="light" 56 56 - color="gray" 56 56 + color="grape" 57 57 rightSection={<BiRightArrowAlt size={20} />} 58 58 > 59 59 Explore