page blogs title and head and list article & change footer hover mode

2024-07-12 16:52:16 +03:30
parent c052e2d55e
commit 7b825e52c0
26 changed files with 263 additions and 5 deletions
@@ -0,0 +1,12 @@
+import BlogsPage from '@/components/blogs'
+import Layout from '@/components/layout'
+
+function Blogs() {
+    return (
+        <Layout title='وبلاگ ها' name='blogs'>
+            <BlogsPage />
+        </Layout>
+    )
+}
+
+export default Blogs
@@ -193,6 +193,26 @@ body {
    color: #EFEFEF;
 }

+.cover-head-blogs {
+    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.07) 31.47%, rgba(0, 0, 0, 0.31) 59.72%, rgba(0, 0, 0, 0.70) 89.39%);
+    border-radius: 16px;
+    position: relative;
+    overflow: hidden;
+}
+
+.cover-head-blogs img {
+    width: 100%;
+}
+
+.cover-head-blogs p {
+    position: absolute;
+    bottom: 32px;
+    right: 24px;
+    color: #FAFAFA;
+    font-size: 24px;
+    font-weight: 700;
+}
+
@keyframes openx {
    0% {
        width: 0;
@@ -10,7 +10,7 @@ export default function RootLayout({ children }) {
  return (
    <html lang="fa" dir='rtl'>
      <ThemeRegistry>
-        <body className='bg-[#F5F5F5]'>{children}</body>
+        <body className='bg-[#FAFAFA]'>{children}</body>
      </ThemeRegistry>
    </html>
  );
@@ -1,7 +1,7 @@
 import Layout from '@/components/layout';
 import SpecialtiesPage from '@/components/specialties';

-function Doctors() {
+function Specialties() {
    return (
        <Layout title='تخصص ها' name='specialties'>
            <SpecialtiesPage />
@@ -9,4 +9,4 @@ function Doctors() {
    )
 }

-export default Doctors
+export default Specialties