src/App.tsx

@@ -5,6 +5,7 @@ import PlansPage from "@/pages/PlansPage";
 import AboutPage from "@/pages/AboutPage";
 import ContactPage from "@/pages/ContactPage";
 import TeamTestimonialsPage from "@/pages/TeamTestimonialsPage";
+import PricingPage from "@/pages/PricingPage";
 export default function App() {
   return (
     <Routes>
@@ -13,6 +14,7 @@ export default function App() {
       <Route path="/about" element={<AboutPage />} />
       <Route path="/contact" element={<ContactPage />} />
       <Route path="/team-testimonials" element={<TeamTestimonialsPage />} />
+      <Route path="/pricing" element={<PricingPage />} />
     </Routes>
   );
 }

src/pages/PricingPage.tsx

@@ -0,0 +1,16 @@
+import PricingHighlightedCards from "@/components/sections/pricing/PricingHighlightedCards";
+
+export default function PricingPage() {
+  return (
+    <>
+      <PricingHighlightedCards
+        tag="Flexible Pricing"
+        title="Unlock Your Team's Full Potential with FlowSync"
+        description="FlowSync offers tailored plans designed to empower teams of all sizes. Choose the perfect solution to streamline your workflows, enhance collaboration, and consistently meet your deadlines with unparalleled ease."
+        primaryButton={{"text":"Get Started Today","href":"/signup"}}
+        secondaryButton={{"text":"Compare All Features","href":"/features"}}
+        plans={[{"tag":"Starter","price":"$19/month","description":"Ideal for small teams and startups looking to organize tasks and improve basic collaboration.","features":["Unlimited tasks & projects","Basic workflow automation","Shared calendars & deadlines","Email & in-app notifications","Up to 5 team members"],"primaryButton":{"text":"Choose Starter","href":"/signup?plan=starter"},"secondaryButton":{"text":"Learn More","href":"#starter-details"}},{"tag":"Pro","price":"$49/month","description":"Designed for growing teams needing advanced tools for project management and enhanced productivity.","features":["Everything in Starter, plus:","Advanced analytics & reporting","Customizable workflows & templates","Priority support","Integrations with popular apps","Up to 20 team members"],"highlight":"Most Popular","primaryButton":{"text":"Choose Pro","href":"/signup?plan=pro"},"secondaryButton":{"text":"Learn More","href":"#pro-details"}},{"tag":"Enterprise","price":"Custom","description":"Comprehensive solution for large organizations requiring robust security, scalability, and dedicated support.","features":["Everything in Pro, plus:","Single Sign-On (SSO)","Dedicated account manager","Advanced security & compliance","Onboarding & training","Unlimited team members"],"primaryButton":{"text":"Contact Sales","href":"/contact-sales"},"secondaryButton":{"text":"Request a Demo","href":"/demo"}}]}
+      />
+    </>
+  );
+}

src/routes.ts

@@ -10,4 +10,5 @@ export const routes: Route[] = [
   { path: '/about', label: 'About', pageFile: 'AboutPage' },
   { path: '/contact', label: 'Contact', pageFile: 'ContactPage' },
   { path: '/team-testimonials', label: 'Team Testimonials', pageFile: 'TeamTestimonialsPage' },
+  { path: '/pricing', label: 'Pricing', pageFile: 'PricingPage' },
 ];