diff --git a/app/globals.css b/app/globals.css index e1e1c08..532fea3 100644 --- a/app/globals.css +++ b/app/globals.css @@ -11,6 +11,8 @@ :root { --background: oklch(1 0 0); + --background-main: rgba(255, 255, 255, 0.59); + --background-main-secondary: rgba(244, 244, 244, 1); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); @@ -47,6 +49,8 @@ .dark { --background: oklch(0.145 0 0); + --background-main: rgba(72, 72, 72, 0.9); + --background-main-secondary: rgba(23, 23, 23, 0.96); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); @@ -139,7 +143,10 @@ body { font-feature-settings: "ss01"; background: url("../public/pattern.svg"), - linear-gradient(rgba(58, 58, 58, 1) 0%, rgba(10, 10, 10, 1) 15%); + linear-gradient( + var(--background-main) 0%, + var(--background-main-secondary) 15% + ); background-blend-mode: color-burn; background-size: 22%; } diff --git a/app/layout.tsx b/app/layout.tsx index 9efe64a..5ee78e7 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -29,7 +29,7 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - + -
-
-
-
+
+
+
+
Podcast Cover Art
-
+
- پارچ کست + + پارچ کست + - قسمت اول + + قسمت اول +
-

+

قسمت اول: داستان پارچ

{" "} -
-
-

+

+
+

پادکست “پارچ کست” یک برنامه صوتی جذاب و متنوع است که به بررسی موضوعات مختلف فرهنگی، اجتماعی و علمی می‌پردازد. این پادکست با میزبانی متخصصان و مهمانان مختلف، تلاش @@ -59,17 +63,23 @@ export default function Podcast() {

-
- تاریخ - انتشار: 11 اسفند 1403 +
+ + + تاریخ انتشار: 11 اسفند 1403 +
-
- مدت زمان: - 64 دقیقه +
+ + + مدت زمان: 64 دقیقه +
-
- گویندگان: - Erfoux +
+ + + گویندگان: Erfoux +
@@ -110,12 +120,14 @@ export default function Podcast() {
-
+
-

متن کامل اپیزود

-
-

+

+ متن کامل اپیزود +

+
+

پادکست “پارچ کست” یک برنامه صوتی جذاب و متنوع است که به بررسی موضوعات مختلف فرهنگی، اجتماعی و علمی می‌پردازد. این پادکست با میزبانی متخصصان و مهمانان مختلف، تلاش می‌کند تا @@ -130,13 +142,13 @@ export default function Podcast() {

-
+
-

+

پرطرفدارترین اپیزودها

-
    +
    • آخرین قسمت ها -

      +

      از جدیدترین مکالمات ما مطلع شوید

diff --git a/components/footer-section.tsx b/components/footer-section.tsx index 9660048..20e2a15 100644 --- a/components/footer-section.tsx +++ b/components/footer-section.tsx @@ -1,13 +1,18 @@ +"use client"; + import { Github, Instagram, Twitter, Youtube } from "lucide-react"; import Image from "next/image"; import { Footer, FooterBottom, FooterColumn, FooterContent } from "./ui/footer"; import Link from "next/link"; +import { usePathname } from "next/navigation"; export default function FooterSection() { + const pathname = usePathname(); + return (