Add Simple Animations to the Landing Page

[evgongora]

Description:

The landing page feels static and could benefit from basic animations to enhance user engagement. Subtle effects can bring life to sections like hero text, call-to-action buttons, and image reveals.

Desired Outcome:

• Implement entry fade or slide animations on hero section elements.
• Add hover animations to buttons and links.
• Use lightweight animation libraries (e.g., Framer Motion, AOS) or CSS transitions.
• Ensure animations are smooth, non-blocking, and accessible.

[martinvibes]

hello @evgongora I’d like to apply for this issue. I have experience in both frontend development (React, Nextjs ethers.js/web3.js) and smart contract development with (solidity, cairo and rust). I can build responsive interfaces and securely connect them to blockchain networks. I’m excited to contribute to this project!

Kindly assign :)

[YakshitAgarwal]

Hello, I would to wqork on this issue. I will add animations to enhance user engagement.
ETA: 24 hours

[evgongora]

Hello @martinvibes @YakshitAgarwal please follow this, no need to write all of it but at least follow the template

https://github.com/ZencypherSolutions/socialsphere/blob/main/docs/ISSUE_APPLICATION.md

[martinvibes]

@evgongora

Introduction

Hi SocialSphere Team,
I'm Martin Machie, and I'd like to work on this issue. I'm excited about contributing to your mission of empowering communities with customizable DAOs on StarkNet.

About Me

I'm a full-stack Web3 developer with experience in frontend (React, Next.js, TailwindCSS) and smart contract development (Solidity, Cairo, Rust). I build secure and responsive dApps connected to blockchain networks.

Motivation

Decentralized governance is the future, and StarkNet’s scalability makes it ideal. I’m interested in this issue because it allows me to contribute both frontend and smart contract skills to a meaningful cause.

Skills & Experience

Blockchain: Solidity, Cairo, StarkNet, Rust, ethers.js/web3.js

Frontend: React, Next.js, TailwindCSS

DAOs: Snapshot, Governor, on-chain voting

Availability

I can commit 20–25 hours this week. First version ready in 24–48 hours.

Contact

GitHub: [https://github.com/martinvibes]

Thanks for the opportunity! Looking forward to contributing to SocialSphere.

[Majormaxx]

I'm interested in enhancing SocialSphere's landing page with smooth, accessible animations. I'll implement fade/slide entry animations for hero elements, engaging hover effects for buttons/links, and optimize performance using CSS transitions. My focus is creating polished, non-blocking animations that improve user engagement while maintaining accessibility standards. ETA for this is 2 days

[rajanarahul93]

Introduction
Hi team, I’m Vara Rahul Rajana, a frontend developer with experience in React, Next.js, and animation libraries like Framer Motion and AOS. I’d love to contribute to this issue.

Motivation
Improving UI interactivity is something I enjoy. This task aligns perfectly with my interest in crafting smooth, user-friendly interfaces that feel alive without overwhelming users.

Approach
I'll use lightweight, accessible animations like fade and slide for the hero section, and hover effects on buttons/links. Framer Motion will be my go-to, but I'll fall back to CSS transitions where simpler solutions work better.

ETA
24 hours for the first working version.

GitHub
https://github.com/rajanarahul93

Looking forward to contributing to SocialSphere!

Recommended by OnlyDust for outstanding experience and quality contributions.

[CMI-James]

Hey I am Michael, a frontend developer, I have read the task and I would love to take it on.
ETA: 6 hours.

Recommended by OnlyDust for high-quality and dependable contributions.

[chibokaxavier]

Hi im Xavier a fullstack web developer, I’d love to take this on. I have solid experience with frontend animation using both Framer Motion and AOS, and I know how to use them to add subtle but effective polish without overloading the UI. For this task, I’d animate hero section elements on load (fade/slide), enhance CTA buttons and links with smooth hover effects, and make sure everything stays lightweight, responsive, and accessible. Clean motion = better engagement, and I know how to strike that balance.

[martinvibes]

hey @evgongora i'm a fellow and would like to work on this issue

[martinvibes]

@bitfalt @evgongora kinfly assign me this issue i'm a fellow

[rajanarahul93]

Hi @evgongora,

I’ve created this PR to address #122
If you feel any refinements are needed, I’m open to making the required changes. Please let me know your feedback.

Thanks!