RasyidandGitHub
2c347d1cc5
* fix: correct link for Roadmap navigation item * feat: add feature request and projects voting components * fix: correct spelling of 'Certificate' in ProjectsVote component * feat: add Request Feature popup with responsive dialog and drawer components * feat: enhance Header component with mobile menu animations and improved navigation styling * refactor: simplify Header component by removing unused scroll handling and improving mobile menu structure * fix: replace motion span with static span for header underline * fix: update FeatureRequestCTA text for clarity and adjust page layout margins * fix: remove DialogDescription from RequestFeaturePopup and update textarea placeholder for clarity * fix: remove DrawerDescription from RequestFeaturePopup for cleaner UI * fix: remove unused icon exports from icons * fix: replace XIcon with LuX in DialogClose for consistency * fix: remove unused icon export from index for cleaner module structure
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
'use client';
|
|
|
|
import { motion } from 'framer-motion';
|
|
import { RequestFeaturePopup } from './request-feature-popup';
|
|
|
|
export function FeatureRequestCTA() {
|
|
return (
|
|
<motion.div
|
|
initial={{ opacity: 0, y: -20 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ duration: 0.4 }}
|
|
className="bg-primary-500 rounded-xl px-4 py-8 md:p-8 mb-8 text-center mx-auto max-w-7xl"
|
|
>
|
|
<div className="max-w-3xl mx-auto">
|
|
<motion.h1
|
|
className="text-2xl md:text-3xl font-bold text-white mb-3"
|
|
initial={{ scale: 0.95 }}
|
|
animate={{ scale: 1 }}
|
|
transition={{ delay: 0.2, type: 'spring' }}
|
|
>
|
|
Punya Ide Bagus untuk IMPHNEN?
|
|
</motion.h1>
|
|
<motion.p
|
|
className="text-white/90 mb-6 text-lg text-balance"
|
|
initial={{ opacity: 0 }}
|
|
animate={{ opacity: 1 }}
|
|
transition={{ delay: 0.4 }}
|
|
>
|
|
Bagikan ide fitur yang kamu inginkan dan vote untuk membuatnya nyata!
|
|
</motion.p>
|
|
<RequestFeaturePopup />
|
|
</div>
|
|
</motion.div>
|
|
);
|
|
}
|