🐛 fix: Add extra info to the hero section

This commit is contained in:
Wanjohi
2024-09-15 12:52:44 +03:00
parent 7663e17644
commit 3088b050ed
2 changed files with 2 additions and 2 deletions
+1 -1
View File
@@ -101,7 +101,7 @@ export const Card = component$(({ titleWidth, titleHeight, game, size, ...props
</Modal.Trigger> </Modal.Trigger>
)} )}
<Modal.Panel <Modal.Panel
class="sm:w-full w-[calc(100%-1rem)] overflow-hidden max-w-3xl h-full max-h-[396px] aspect-[1536/496] backdrop:backdrop-blur-sm backdrop:bg-black/10 dark:backdrop:bg-white/10 bg-white dark:bg-black ring-2 backdrop-blur-md ring-gray-700 rounded-xl text-gray-900 dark:text-gray-100 after:pointer-events-none after:select-none after:bg-gradient-to-b after:from-transparent after:to-gray-900 after:fixed after:left-0 after:bottom-0 after:z-10 after:backdrop-blur-sm after:h-[200px] after:w-full after:[-webkit-mask-image:linear-gradient(to_top,theme(colors.primary.900)_50%,transparent)]"> class="lg:w-full w-[calc(100%-1rem)] overflow-hidden max-w-3xl h-full max-h-[396px] aspect-[1536/496] backdrop:backdrop-blur-sm backdrop:bg-black/10 dark:backdrop:bg-white/10 bg-white dark:bg-black ring-2 backdrop-blur-md ring-gray-700 rounded-xl text-gray-900 dark:text-gray-100 after:pointer-events-none after:select-none after:bg-gradient-to-b after:from-transparent after:to-gray-900 after:fixed after:left-0 after:bottom-0 after:z-10 after:backdrop-blur-sm after:h-[200px] after:w-full after:[-webkit-mask-image:linear-gradient(to_top,theme(colors.primary.900)_50%,transparent)]">
<div <div
style={{ style={{
'--before-url': `url('${modalUrl}')`, '--before-url': `url('${modalUrl}')`,
+1 -1
View File
@@ -92,7 +92,7 @@ export function ReactHeroSection({ children }: Props) {
viewport={{ once: true }} viewport={{ once: true }}
className="dark:text-gray-50/70 text-gray-950/70 text-lg font-normal tracking-tight sm:text-xl" className="dark:text-gray-50/70 text-gray-950/70 text-lg font-normal tracking-tight sm:text-xl"
> >
Nestri lets you play games on your own terms — invite friends to join your gaming sessions, share your game library, and take even more control by hosting your own server. Nestri is a cloud gaming platform that lets you play games on your own terms — invite friends to join your gaming sessions, share your game library, and take even more control by hosting your own server.
</motion.p> </motion.p>
<motion.div <motion.div
initial={{ initial={{