Update src/app/publishing/page.tsx

src/app/publishing/page.tsx

@@ -3,25 +3,26 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function PublishingPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
-        <NavbarStyleCentered navItems={[{ name: "Features", id: "features" }, { name: "Metrics", id: "metrics" }, { name: "Pricing", id: "pricing" }, { name: "Publishing", id: "/publishing" }, { name: "Marketing", id: "/marketing" }]} brandName="TuneLogic" />
-        <TimelineProcessFlow
-          title="Publishing Workflow"
-          description="Our algorithm ensures your tracks are delivered efficiently across all global platforms."
-          textboxLayout="default"
-          animationType="slide-up"
-          items={[
-            { content: "Automated Metadata Validation", media: <div className="w-full h-32 bg-gray-200 rounded" />, reverse: false },
-            { content: "Global Distribution Routing", media: <div className="w-full h-32 bg-gray-200 rounded" />, reverse: true },
-            { content: "Real-time Royalty Tracking", media: <div className="w-full h-32 bg-gray-200 rounded" />, reverse: false }
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{ name: "Features", id: "features" }, { name: "Metrics", id: "metrics" }, { name: "Pricing", id: "pricing" }, { name: "Publishing", id: "/publishing" }, { name: "Marketing", id: "/marketing" }]} />
+        </div>
         <FooterBase
           columns={[
             { title: "Platform", items: [{ label: "Features", href: "/" }, { label: "Pricing", href: "/" }] },