Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 24544eb680 |
@@ -13,7 +13,7 @@ export default function ManageProject() {
|
||||
const { data: projectsData, isLoading } = useProjects();
|
||||
const updateMutation = useUpdateProject();
|
||||
const deleteMutation = useDeleteProject();
|
||||
console.log("project data", projectsData?.data.data.result)
|
||||
|
||||
const [selectedProject, setSelectedProject] = useState<T_projects | null>(
|
||||
null,
|
||||
);
|
||||
|
||||
@@ -7,21 +7,15 @@ import { Link } from "react-router-dom";
|
||||
import PremiumBadge from "../shared/PremiumBadge";
|
||||
import { ProjectCard } from "./ProjectCard";
|
||||
|
||||
const gradientColors = [
|
||||
"from-neon-blue/90",
|
||||
"from-neon-purple/90",
|
||||
"from-neon-green/90",
|
||||
"from-neon-pink/90",
|
||||
];
|
||||
|
||||
export default function ProjectsSection() {
|
||||
const { data: projectsData } = useProjects({
|
||||
fields: "category, title, image, liveUrl",
|
||||
limit: 6,
|
||||
});
|
||||
console.log(projectsData?.data.data);
|
||||
|
||||
const projects = projectsData?.data.data || [];
|
||||
console.log("project from homepage", projects);
|
||||
|
||||
const ref = useRef<HTMLElement>(null);
|
||||
const isInView = useInView(ref, { once: true, margin: "-100px" });
|
||||
|
||||
@@ -31,7 +25,7 @@ export default function ProjectsSection() {
|
||||
ref={ref}
|
||||
className="py-24 relative overflow-hidden bg-secondary/30"
|
||||
>
|
||||
{/* Background Pattern */}
|
||||
|
||||
<div className="absolute inset-0 opacity-5">
|
||||
<div
|
||||
className="absolute inset-0"
|
||||
@@ -43,7 +37,7 @@ export default function ProjectsSection() {
|
||||
</div>
|
||||
|
||||
<div className="container mx-auto px-4 relative z-10">
|
||||
{/* Section Header */}
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={isInView ? { opacity: 1, y: 0 } : {}}
|
||||
@@ -62,7 +56,7 @@ export default function ProjectsSection() {
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
{/* Projects Grid */}
|
||||
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
|
||||
{projects.map((project, index) => {
|
||||
return (
|
||||
@@ -76,7 +70,7 @@ export default function ProjectsSection() {
|
||||
})}
|
||||
</div>
|
||||
|
||||
{/* See All Button */}
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
animate={isInView ? { opacity: 1, y: 0 } : {}}
|
||||
|
||||
Reference in New Issue
Block a user