ourworld_web/www_mycelium_net
23
0
Fork 0
forked from sashaastiadi/www_mycelium_net
Code Issues Pull Requests Activity

Merge branch 'main' into development

Browse Source
This commit is contained in:
sasha-astiadi
2025-10-15 15:21:07 +02:00
parent 5d1e286e4d b2ed91936c
commit 10206bc84f
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -107,7 +107,7 @@ This project follows a modular, component-based architecture. Pages are assemble
### Homepage Structure ### Homepage Structure
The homepage (`src/app/(main)/page.tsx`) is composed of the following components: The homepage (`src/app/(main)/page.tsx`) is composed of the following components, wrapped in `<AnimatedSection>`:
- `Hero` - `Hero`
- `About` - `About`

3
src/components/Hero.tsx
View File

@@ -4,6 +4,7 @@ import clsx from 'clsx'
import { DownloadLink } from '@/components/DownloadLink' import { DownloadLink } from '@/components/DownloadLink'
import { Button } from '@/components/Button' import { Button } from '@/components/Button'
import phoneFrame from '@/images/phoneframe.png'
import { Container } from '@/components/Container' import { Container } from '@/components/Container'
import logoBbc from '@/images/logos/bbc.svg' import logoBbc from '@/images/logos/bbc.svg'
import logoCbs from '@/images/logos/cbs.svg' import logoCbs from '@/images/logos/cbs.svg'
@@ -129,7 +130,7 @@ export function Hero() {
<BackgroundIllustration className="absolute top-4 left-1/2 h-[1026px] w-[1026px] -translate-x-1/2 stroke-gray-300/70 sm:top-16 lg:-top-12 lg:ml-12 ml-0" /> <BackgroundIllustration className="absolute top-4 left-1/2 h-[1026px] w-[1026px] -translate-x-1/2 stroke-gray-300/70 sm:top-16 lg:-top-12 lg:ml-12 ml-0" />
<div className="mx-auto h-[448px] mask-[linear-gradient(to_bottom,white_60%,transparent)] lg:px-0 lg:absolute lg:-inset-x-10 lg:-top-24 lg:h-auto lg:pt-10 xl:-bottom-32"> <div className="mx-auto h-[448px] mask-[linear-gradient(to_bottom,white_60%,transparent)] lg:px-0 lg:absolute lg:-inset-x-10 lg:-top-24 lg:h-auto lg:pt-10 xl:-bottom-32">
<Image <Image
src="/images/phoneframe.png" src={phoneFrame}
alt="Mycelium application demo" alt="Mycelium application demo"
className="mx-auto max-w-[366px]" className="mx-auto max-w-[366px]"
width={366} width={366}