Update src/app/marketing/page.tsx

src/app/marketing/page.tsx

@@ -3,27 +3,26 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Target, BarChart2, Users, Bot } from "lucide-react";
 
 export default function MarketingPage() {
   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" />
-        <FeatureCardTwentySix
-          title="Marketing Tools & Analytics"
-          description="Advanced features to monitor performance and reach your audience effectively."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          features={[
-            { title: "Ad Optimization", description: "Automated budget management for max ROAS.", buttonIcon: Target },
-            { title: "Audience Analytics", description: "Deep dive into listener demographics.", buttonIcon: Users },
-            { title: "Campaign Tracking", description: "Monitor campaign success in real-time.", buttonIcon: BarChart2 },
-            { title: "Auto-Engagement", description: "AI-driven fan interaction tools.", buttonIcon: Bot }
-          ]}
-        />
+        <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: "/" }] },