Skip to content

Add 3 more cards to the landing page and make them a carousel (Run ID: codestoryai_website_issue_113_6fc8bf0b) #114

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

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

agentfarmx[bot]
Copy link
Contributor

@agentfarmx agentfarmx bot commented Feb 26, 2025

agent_instance: codestoryai_website_issue_113_6fc8bf0b Tries to fix: #113

🎠 Added: Carousel Component for Feature Cards

I've successfully added a carousel component to the landing page that showcases 6 feature cards (3 existing + 3 new ones) with smooth animations and navigation controls. The implementation uses Framer Motion for transitions and includes:

  • New Component: carousel.tsx with auto-play, navigation arrows, and indicator dots
  • Added Cards: Three new feature cards for "Accelerated Development", "Enhanced Security", and "Global Collaboration"
  • UI Improvements: Smooth transitions between cards and responsive controls

Please review and test the carousel functionality on the landing page!

Copy link

vercel bot commented Feb 26, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
website ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 26, 2025 0:29am

@g-danna
Copy link
Contributor

g-danna commented Feb 26, 2025

Show three cards at a time

Copy link
Contributor Author

agentfarmx bot commented Feb 26, 2025

🚀 Carousel Enhancement: Updated carousel to display multiple cards simultaneously

  • Added: Multi-card support showing 3 cards on desktop, 2 on tablet, 1 on mobile
  • Added: Responsive behavior with window resize detection
  • Improved: Navigation logic and dot indicators now reflect card groups instead of individual cards

The implementation uses CSS grid layout and dynamic adjustment based on screen width for a better user experience. Let me know if any adjustments are needed!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add 3 more cards to the landing page and make them a carousel
1 participant