page home responsive & change component element & page blog item

components/blog/detail/commentUser/index.js

@@ -0,0 +1,19 @@
+import AnimationTextHead from '@/app/component/AnimationTextHead'
+import Comment from '@/app/component/comment'
+import Underline from '@/components/icons/Underline'
+import React from 'react'
+import AddComment from './AddComment'
+
+function CommentUser({ data }) {
+    return (
+        <div className='mt-[24px]'>
+            <AnimationTextHead name='zoom-in-up' text='نظرات'>
+                <Underline />
+            </AnimationTextHead>
+            <AddComment />
+            <Comment data={data} />
+        </div>
+    )
+}
+
+export default CommentUser