feat: update feature cards with skewed gradient look matching AXON theme#15
feat: update feature cards with skewed gradient look matching AXON theme#15sushantshah-dev merged 1 commit intomainfrom
Conversation
|
@copilot review |
|
@atharhive I've opened a new pull request, #16, to work on those changes. Once the pull request is ready, I'll request review from you. |
There was a problem hiding this comment.
Pull request overview
This PR updates the landing page “feature cards” to a new skewed gradient card style to better match the AXON theme, introducing a reusable SkewCard UI component and swapping the existing feature card markup to use it.
Changes:
- Added a new
SkewCardcomponent with skewed gradient panels and hover/blur effects. - Replaced the three hard-coded feature cards on the landing page with
SkewCardinstances. - Adjusted the feature grid spacing to accommodate the new card design.
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 3 comments.
| File | Description |
|---|---|
frontend/components/ui/gradient-card-showcase.tsx |
Introduces the new SkewCard component (gradient skew panels, hover effects, and blob animation CSS). |
frontend/app/page.tsx |
Updates the landing page feature section to render three SkewCards instead of inline card markup. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
You can also share your feedback on Copilot code review. Take the survey.
| @@ -0,0 +1,66 @@ | |||
| import React from 'react'; | |||
| <style dangerouslySetInnerHTML={{ __html: ` | ||
| @keyframes blob { | ||
| 0%, 100% { transform: translateY(10px); } | ||
| 50% { transform: translate(-10px); } | ||
| } | ||
| .animate-blob { animation: blob 4s ease-in-out infinite; } | ||
| .animation-delay-1000 { animation-delay: -2s; } | ||
| `}} /> |
| .animate-blob { animation: blob 4s ease-in-out infinite; } | ||
| .animation-delay-1000 { animation-delay: -2s; } | ||
| `}} /> |
|
@copilot open a new pull request to apply changes based on the comments in this thread |
|
@sushantshah-dev I've opened a new pull request, #17, to work on those changes. Once the pull request is ready, I'll request review from you. |
No description provided.