Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

dApp Landing Page MVP #355

Closed
9 tasks done
Tracked by #457 ...
nkuba opened this issue Apr 15, 2024 · 0 comments
Closed
9 tasks done
Tracked by #457 ...

dApp Landing Page MVP #355

nkuba opened this issue Apr 15, 2024 · 0 comments
Assignees
Labels

Comments

@nkuba
Copy link
Member

nkuba commented Apr 15, 2024

Implement a landing page for the dApp.

Please note that the "Users joined" and "Total value locked" sections shouldn't be displayed in the early stage of the launch and should be switched off by default until a certain TVL is reached.

@nkuba nkuba added the 🎨 dApp dApp label Apr 15, 2024
@nkuba nkuba changed the title dApp Landing Page dApp Landing Page MVP Apr 16, 2024
ioay added a commit that referenced this issue Apr 23, 2024
Ref: #355 

## Goal:
To animate the content rendered by React Router - now it slides in and
out in y-axis as the route changes.

## Pros:
- better user experience 
- looks better ofc 💅🏻

## Misc:
Refactored router creation strategy to use components instead of factory
function.
kkosiorowska added a commit that referenced this issue Apr 30, 2024
Ref: #355 

## Goal:
To adjust `Header` component following latest design changes

## Done:
- Implement generic `Link` and `NavLink` components, a fusion of
Chakra's and Router's `Link` component
- Implement `Navigation` component with animated active item indicator
- Added conditional rendering for `ConnectWallet` component with
presence animation
kkosiorowska added a commit that referenced this issue May 3, 2024
Ref: #355 

## Goal:
To implement Landing page's  `SeasonCountdownSection` component

## Features:
- Reusable `CountdownTimer` component with fancy digits animation
- Scroll controlled parallax background animation with dynamic noise
- Animated pulse ornament in `Live` tag element

<img width="1227" alt="image"
src="https://github.com/thesis/acre/assets/11503879/4bbe6aaa-59f8-449a-8067-5b5e41ae536a">
kkosiorowska added a commit that referenced this issue May 7, 2024
Ref: #355 

## Goal:
To implement Landing page's card components

## Features:
- `IconCard` component
- `ValueCard` component
- `ContentCard` component

![localhost_5173_
(1)](https://github.com/thesis/acre/assets/11503879/447ba992-ab34-4f66-a5ee-fecc84780d35)
@nkuba nkuba closed this as completed May 13, 2024
@nkuba nkuba reopened this Jun 10, 2024
@nkuba nkuba closed this as completed Jun 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants