From 47d235499af99c9365c66ce9347f618c1d361f95 Mon Sep 17 00:00:00 2001 From: Manan Chataut Date: Thu, 21 Nov 2024 16:04:17 +0530 Subject: [PATCH 1/7] #2382 Feature: Pricing Page --- app/(default)/pricing/page.tsx | 154 +++++++++++++++++++++++++++++++++ app/layout.tsx | 126 +++++++++++++++------------ 2 files changed, 226 insertions(+), 54 deletions(-) create mode 100644 app/(default)/pricing/page.tsx diff --git a/app/(default)/pricing/page.tsx b/app/(default)/pricing/page.tsx new file mode 100644 index 00000000..2b033bcb --- /dev/null +++ b/app/(default)/pricing/page.tsx @@ -0,0 +1,154 @@ +import React from "react"; + +const PricingPage: React.FC = () => { + return ( +
+
+
+

+ Find the Perfect Plan for You +

+
+
+ +
+
+
+ {/* Basic Plan */} +
+

Basic Plan

+

+ Perfect for individuals exploring Keploy. +

+
+ $0 + /month +
+
    +
  • + ✔ + + Access to Open Source Features + +
    • +
  • + ✔ + Community Support +
    • +
  • + ✔ + Basic Data Mocking +
    • +
  • + ✔ + 10 Test Cases +
    • +
+ +
+ + {/* Pro Plan */} +
+

Pro Plan

+

+ Ideal for small teams and startups. +

+
+ $49 + /month +
+
    +
  • + ✔ + + All Basic Plan Features + +
    • +
  • + ✔ + + Advanced Data Mocking + +
    • +
  • + ✔ + 100 Test Cases +
    • +
  • + ✔ + + Priority Community Support + +
    • +
  • + ✔ + + Dashboard Analytics + +
    • +
+ +
+ + {/* Enterprise Plan */} +
+

+ Enterprise Plan +

+

+ Custom solutions tailored to your business needs. +

+
+ + Contact + + for pricing +
+
    +
  • + ✔ + + All Pro Plan Features + +
    • +
  • + ✔ + + Unlimited Test Cases + +
    • +
  • + ✔ + + Dedicated Account Manager + +
    • +
  • + ✔ + + 24/7 Priority Support + +
    • +
  • + ✔ + + Custom Integration Support + +
    • +
+ +
+
+
+
+
+ ); +}; + +export default PricingPage; diff --git a/app/layout.tsx b/app/layout.tsx index f618a7f5..5e505eee 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,13 +1,13 @@ -import './css/style.css'; -import '@/app/(default)/webstories/css/styles.css' -import { Inter } from 'next/font/google'; -import Header from '@/components/ui/header'; -import React, { ReactNode } from 'react'; +import "./css/style.css"; +import "@/app/(default)/webstories/css/styles.css"; +import { Inter } from "next/font/google"; +import Header from "@/components/ui/header"; +import React, { ReactNode } from "react"; const inter = Inter({ - subsets: ['latin'], - variable: '--font-inter', - display: 'swap', + subsets: ["latin"], + variable: "--font-inter", + display: "swap", }); export interface Metadata { @@ -18,19 +18,25 @@ export interface Metadata { } export const defaultMetadata: Metadata = { - title: 'Keploy | Open Source Stubs and API Test Generator for Developer', - keywords: "Integration testing, e2e Testing, ai testing, Unit Testing, API Testing, open source ai testing tool, Service Mocking, Dependency Mocking", - description: 'Keploy is AI based test case and stubs/mocks generator for integration and unit testing. 90% test coverage in minutes with open source testing tool', + title: "Keploy | Open Source Stubs and API Test Generator for Developer", + keywords: + "Integration testing, e2e Testing, ai testing, Unit Testing, API Testing, open source ai testing tool, Service Mocking, Dependency Mocking", + description: + "Keploy is AI based test case and stubs/mocks generator for integration and unit testing. 90% test coverage in minutes with open source testing tool", image: "images/logo.svg", }; interface RootLayoutProps { children: ReactNode; metadata?: Metadata; - HeaderDisplayed?:boolean; + HeaderDisplayed?: boolean; } -export default function RootLayout({ children, metadata , HeaderDisplayed=true }: RootLayoutProps) { +export default function RootLayout({ + children, + metadata, + HeaderDisplayed = true, +}: RootLayoutProps) { const finalMetadata = { title: metadata?.title || defaultMetadata.title, keywords: metadata?.keywords || defaultMetadata.keywords, @@ -44,8 +50,11 @@ export default function RootLayout({ children, metadata , HeaderDisplayed=true } - - + + + }} + /> + - + + + }} + /> + -