refactor: section higher order component

src/components/about.tsx

@@ -3,7 +3,7 @@ import { motion, Variants } from 'motion/react';
 import Image from 'next/image';
 import { services } from '../constants';
 import { fadeIn, textVariant } from '../utils/motion';
-import SectionWrapper from '../components/sectionWrapper';
+import { SectionHOC } from '@/components/layout/SectionHOC';
 
 const ServiceCard = ({
   index,
@@ -82,4 +82,4 @@ const About = () => {
   );
 };
 
-export default SectionWrapper(About, 'about');
+export default SectionHOC(About, 'about');

src/components/contact.tsx

@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect } from 'react';
 import { Variants, motion } from 'motion/react';
-import SectionWrapper from './sectionWrapper';
+import { SectionHOC } from '@/components/layout/SectionHOC';
 import { slideIn } from '../utils/motion';
 import DogCanvas from './dog';
 
@@ -149,4 +149,4 @@ const Contact = () => {
   );
 };
 
-export default SectionWrapper(Contact, 'contact');
+export default SectionHOC(Contact, 'contact');

src/components/experience.tsx

@@ -6,7 +6,7 @@ import { useState, useEffect } from 'react';
 import { Variants, motion } from 'framer-motion';
 import 'react-vertical-timeline-component/style.min.css';
 import { experiences } from '../constants';
-import SectionWrapper from '../components/sectionWrapper';
+import { SectionHOC } from '@/components/layout/SectionHOC';
 import { textVariant } from '../utils/motion';
 import Image from 'next/image';
 
@@ -98,4 +98,4 @@ const Experience = () => {
   );
 };
 
-export default SectionWrapper(Experience, 'work');
+export default SectionHOC(Experience, 'work');

src/components/feedbacks.tsx

@@ -1,5 +1,5 @@
 import { Variants, motion } from 'motion/react';
-import SectionWrapper from './sectionWrapper';
+import { SectionHOC } from '@/components/layout/SectionHOC';
 import { fadeIn, textVariant } from '../utils/motion';
 import { testimonials } from '../constants/index';
 import Image, { StaticImageData } from 'next/image';
@@ -121,4 +121,4 @@ const Feedbacks = () => {
   );
 };
 
-export default SectionWrapper(Feedbacks, '');
+export default SectionHOC(Feedbacks, '');

src/components/works.tsx

@@ -1,6 +1,6 @@
 import Tilt from 'react-parallax-tilt';
 import { Variants, motion } from 'motion/react';
-import SectionWrapper from '../components/sectionWrapper';
+import { SectionHOC } from '@/components/layout/SectionHOC';
 import { projects } from '../constants/index';
 import { fadeIn, textVariant } from '../utils/motion';
 import Image, { StaticImageData } from 'next/image';
@@ -143,4 +143,4 @@ const Works = () => {
   );
 };
 
-export default SectionWrapper(Works, '');
+export default SectionHOC(Works, '');