Update src/app/pricing/page.tsx

Merge version_19 into main

src/app/contact/page.tsx

@@ -27,6 +27,7 @@ export default function ContactPage() {
             { name: "Services", id: "services" },
             { name: "Process", id: "process" },
             { name: "For", id: "for" },
+            { name: "Pricing", id: "/pricing" },
             { name: "About", id: "about" },
             { name: "Contact", id: "/contact" }
           ]}
@@ -61,4 +62,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -34,6 +34,7 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "Process", id: "process" },
             { name: "For", id: "for" },
+            { name: "Pricing", id: "/pricing" },
             { name: "About", id: "about" },
             { name: "Contact", id: "/contact" }
           ]}
@@ -278,4 +279,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,115 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { DollarSign, Sparkles, Star, Zap, Rocket } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="compact"
+      sizing="mediumLarge"
+      background="circleGradient"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Convrsn"
+          navItems={[
+            { name: "Services", id: "services" },
+            { name: "Process", id: "process" },
+            { name: "For", id: "for" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardEight
+          title="Ad Creative Pricing"
+          description="Professional monthly ad creative packages to keep your campaigns fresh and competitive. These plans cover ad creative production only. For website design and Meta ads management, please contact us for a custom quote or book a strategy call."
+          tag="Transparent Pricing"
+          tagIcon={DollarSign}
+          plans={[
+            {
+              id: "starter",              subtitle: "Popular",              price: "$200/mo",              buttons: [{ text: "Get Started", href: "/contact" }],
+              features: ["4-6 ad variations", "Multiple hooks and angles", "Primary ad text and headlines", "Correct ad sizes and formats", "Ready to upload"]
+            },
+            {
+              id: "professional",              subtitle: "Most Popular",              price: "$350/mo",              buttons: [{ text: "Get Started", href: "/contact" }],
+              features: ["8-12 ad variations", "Diverse visual angles", "Copy testing variations", "Multiple formats and sizes", "Platform-optimized specs", "Priority support"]
+            },
+            {
+              id: "enterprise",              subtitle: "Enterprise",              price: "$500/mo",              buttons: [{ text: "Get Started", href: "/contact" }],
+              features: ["15+ ad variations monthly", "A/B testing frameworks", "Video and static assets", "Campaign-specific creative", "Unlimited revisions", "Dedicated creative support"]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="pricing-nine" data-section="pricing-nine">
+        <PricingCardNine
+          title="Service Plans"
+          description="Comprehensive packages designed to help your business grow with our complete customer acquisition system."
+          tag="All-in-One Solutions"
+          tagIcon={Zap}
+          plans={[
+            {
+              id: "essential",              subtitle: "Getting Started",              price: "$1,500",              buttons: [{ text: "Get Started", href: "/contact" }],
+              features: ["Custom website design", "Basic Meta ads setup", "Initial creative package", "30-day support"]
+            },
+            {
+              id: "professional",              subtitle: "Most Popular",              price: "$2,500",              buttons: [{ text: "Get Started", href: "/contact" }],
+              features: ["Advanced website design", "Full Meta ads management", "Monthly creative production", "3-month strategy support", "Performance optimization"]
+            },
+            {
+              id: "enterprise",              subtitle: "Maximum Growth",              price: "$4,000",              buttons: [{ text: "Get Started", href: "/contact" }],
+              features: ["Premium website design", "Dedicated ads manager", "Weekly creative delivery", "6-month strategy support", "Custom reporting", "Priority support"]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Ready to Grow?"
+          tagIcon={Rocket}
+          title="Start Getting More Customers Today"
+          description="Let's discuss your customer acquisition goals and build a strategy that brings you results. Whether you need a website, ads, creative, or a complete system, we're ready to help."
+          buttons={[
+            { text: "Request Your Free Demo Website", href: "/contact" },
+            { text: "Schedule a Call", href: "/contact" }
+          ]}
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Convrsn"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}