mirror of
https://github.com/SamyRai/turash.git
synced 2025-12-26 23:01:33 +00:00
6347f42e20
- Remove nested git repository from bugulma/frontend/.git - Add all frontend files to main repository tracking - Convert from separate frontend/backend repos to unified monorepo - Preserve all frontend code and development history as tracked files - Eliminate nested repository complexity for simpler development workflow This creates a proper monorepo structure with frontend and backend coexisting in the same repository for easier development and deployment.
28 lines
715 B
TypeScript
28 lines
715 B
TypeScript
import React from 'react';
|
|
import { motion } from 'framer-motion';
|
|
import { useAnimatedSection } from '@/hooks/useAnimatedSection';
|
|
|
|
interface AnimatedSectionProps {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
}
|
|
|
|
const AnimatedSection: React.FC<AnimatedSectionProps> = ({ children, className }) => {
|
|
const { ref, isInView } = useAnimatedSection();
|
|
|
|
return (
|
|
<motion.div
|
|
ref={ref}
|
|
initial={{ opacity: 0, y: 50 }}
|
|
animate={isInView ? { opacity: 1, y: 0 } : {}}
|
|
transition={{ duration: 0.6, ease: 'easeOut' }}
|
|
className={`relative ${className || ''}`}
|
|
style={{ position: 'relative' }}
|
|
>
|
|
{children}
|
|
</motion.div>
|
|
);
|
|
};
|
|
|
|
export default AnimatedSection;
|