Thatsaphorn Atchariyaphap
d9ff535ac0
New Project Structure: - Created reusable UI components (ServiceCard, AnimatedSection, SectionTitle) - Split large components into smaller, focused ones - Extracted shared hooks for common functionality - Organized constants into separate files Key Improvements: - Hooks: useScrollNavigation, useScrollToSection, useCookieSettings - UI Components: Modular components for consistent styling and behavior - Constants: Centralized data management (ServicesData, NavigationData) - Component Split: Navbar, Hero, and Footer broken into logical sub-components
26 lines
698 B
TypeScript
26 lines
698 B
TypeScript
'use client';
|
|
|
|
import { motion } from 'framer-motion';
|
|
import { ReactNode } from 'react';
|
|
|
|
interface FooterSectionProps {
|
|
title: string;
|
|
children: ReactNode;
|
|
delay: number;
|
|
}
|
|
|
|
export const FooterSection = ({ title, children, delay }: FooterSectionProps) => {
|
|
return (
|
|
<motion.div
|
|
initial={{ opacity: 0, y: 10 }}
|
|
whileInView={{ opacity: 1, y: 0 }}
|
|
viewport={{ once: true }}
|
|
transition={{ duration: 0.5, delay }}
|
|
>
|
|
<h3 className="text-lg font-semibold mb-4">{title}</h3>
|
|
<ul className="space-y-3 text-sm text-gray-300">
|
|
{children}
|
|
</ul>
|
|
</motion.div>
|
|
);
|
|
}; |