feat: create new Pillar pages and update old ones (#44)

* feat: add new pillar pages Signed-off-by: Animesh Pathak <[email protected]> * feat: update test data pillar page Signed-off-by: Animesh Pathak <[email protected]> * feat: update ci testing pillar page Signed-off-by: Animesh Pathak <[email protected]> * refactor: meta & desc for each page Signed-off-by: Animesh Pathak <[email protected]> * refactor: meta & desc for each page Signed-off-by: Animesh Pathak <[email protected]> * fix: handled meta data centrally * refactor: code coverage pillar page Signed-off-by: Animesh Pathak <[email protected]> * refactor: meta and title of pillar page Signed-off-by: Animesh Pathak <[email protected]> * feat: add 3 pillar pages Signed-off-by: Animesh Pathak <[email protected]> * refactor: pillar pages Signed-off-by: Animesh Pathak <[email protected]> --------- Signed-off-by: Animesh Pathak <[email protected]> Co-authored-by: Hermione Dadheech <[email protected]>
keploy · Jun 10, 2024 · 825f133 · 825f133
1 parent be254ad
commit 825f133
Show file tree

Hide file tree

Showing 23 changed files with 535 additions and 269 deletions.
diff --git a/app/(default)/test-management/page.tsx → app/(default)/ai-code-generation/page.tsx b/app/(default)/test-management/page.tsx → app/(default)/ai-code-generation/page.tsx
@@ -10,13 +10,21 @@ import { Testimonial } from "@/components/testimonial";
 import { testimonialData } from "@/components/utils/testimonial";
 import testAndStubsGen from "@/public/images/TestGenHighlighted.json";
 import { blocksData } from "@/components/utils/common";
-import { featuresData,faqQuestions } from "@/components/utils/test-management";
+import { featuresData,faqQuestions } from "@/components/utils/ai-code-generation";
 import BannerBunny from "@/public/images/banner-bunny.png";
 import FAQ from "@/components/pillar-page/faq";
+import RootLayout, { Metadata } from "@/app/layout";
+
+const pageMetadata: Metadata = {
+  title: 'Keploy | Transform Testing with AI that actually works! Explore Now!',
+  description: "Unlock the power of AI generated tests and mocks with Keploy's coding assistance. Transform your testing with AI code generation that actually works. Check Now!",
+  keywords: 'test generation, ai generated test, automated unit testing',
+};
+
 const heroData = {
-  titleTop: "Efficient Test Management ",
-  titleBottom: "made Simple.",
-  subtitleTop: "Elevate your testing processes with Keploy's comprehensive Test Management solution!",
+  titleTop: "Integration test generator ",
+  titleBottom: "for developers",
+  subtitleTop: "Transform Testing with AI that actually works! Explore Now!",
   subtitleBottom:
     "Experience efficiency and reliability with 90% coverage in 2 mins.🚀",
   animationSrc: testAndStubsGen,
@@ -28,10 +36,11 @@ const ProblemBlocksData = {
   blocksData: blocksData,
 };
 const FeaturesData = {
-  title: "With Keploy's Test Management ",
+  title: "With ",
+  title2: "leverage",
   subtitle:
     "Transforming interactions into realistic, diverse, and customizable stubs for precise testing",
-  highlightTitle: "eliminate",
+  highlightTitle: "AI Test Generation ",
   featuresData: featuresData,
 };
 const BannerData = {
@@ -63,6 +72,7 @@ export default function Home() {
         title={FeaturesData.title}
         subtitle={FeaturesData.subtitle}
         highlightTitle={FeaturesData.highlightTitle}
+        title2={FeaturesData.title2}
         featuresData={FeaturesData.featuresData}
       />
       <Testimonial

diff --git a/app/(default)/ebpf-instrumentation/page.tsx → app/(default)/api-testing/page.tsx b/app/(default)/ebpf-instrumentation/page.tsx → app/(default)/api-testing/page.tsx
@@ -10,15 +10,23 @@ import { Testimonial } from "@/components/testimonial";
 import { testimonialData } from "@/components/utils/testimonial";
 import testAndStubsGen from "@/public/images/TestGenHighlighted.json";
 import { blocksData } from "@/components/utils/common";
-import { featuresData , faqQuestions} from "@/components/utils/ebpf-instrumentation";
+import { featuresData , faqQuestions} from "@/components/utils/api-testing";
 import BannerBunny from "@/public/images/banner-bunny.png";
 import FAQ from "@/components/pillar-page/faq";
+import RootLayout, { Metadata } from "@/app/layout";
+
+const pageMetadata: Metadata = {
+  title: 'Keploy | One-click API test with OpenSource and Free API Testing Tool',
+  description: "Discover how Keploy's free API testing tools can drastically transform your e2e api testing process and why developers love it! Get the free tool now!",
+  keywords: 'API test, FREE API Testing Tool, API Testing tool',
+};
+
 const heroData = {
-  titleTop: "Accelerate automated test ",
-  titleBottom: "development with eBPF !",
-  subtitleTop: "With Keploy, you can record-and-generate automated tests and data-mocks in 2 mins",
+  titleTop: "API Testing ",
+  titleBottom: "with Seamless Experience",
+  subtitleTop: "One-click API test with OpenSource and Free API Testing Tool",
   subtitleBottom:
-    "Rapidly scale your automated test coverage with a zero-code platform that works out of the box. 🚀",
+    "Rapidly scale your transform your E2E API Testing process with a platform that works out of the box. 🚀",
   animationSrc: testAndStubsGen,
 };
 const ProblemBlocksData = {
@@ -28,10 +36,11 @@ const ProblemBlocksData = {
   blocksData: blocksData,
 };
 const FeaturesData = {
-  title: "With Keploy's eBPF Instrumentation",
+  title: "With ",
+  title2: "ensure",
   subtitle:
     "Transforming interactions into realistic, diverse, and customizable stubs for precise testing",
-  highlightTitle: "eliminate",
+  highlightTitle: "API Testing",
   featuresData: featuresData,
 };
 const BannerData = {
@@ -62,7 +71,8 @@ export default function Home() {
       <Features
         title={FeaturesData.title}
         subtitle={FeaturesData.subtitle}
-        highlightTitle={FeaturesData.highlightTitle}
+        highlightTitle={FeaturesData.highlightTitle}        
+        title2={FeaturesData.title2}
         featuresData={FeaturesData.featuresData}
       />
       <Testimonial

diff --git a/app/(default)/native-integration/page.tsx → app/(default)/code-coverage/page.tsx b/app/(default)/native-integration/page.tsx → app/(default)/code-coverage/page.tsx
@@ -10,13 +10,20 @@ import { Testimonial } from "@/components/testimonial";
 import { testimonialData } from "@/components/utils/testimonial";
 import testAndStubsGen from "@/public/images/TestGenHighlighted.json";
 import { blocksData } from "@/components/utils/common";
-import { featuresData,faqQuestions } from "@/components/utils/ebpf-instrumentation";
+import { featuresData,faqQuestions } from "@/components/utils/code-coverage";
 import BannerBunny from "@/public/images/banner-bunny.png";
 import FAQ from "@/components/pillar-page/faq";
+import RootLayout, { Metadata } from "@/app/layout";
+
+const pageMetadata: Metadata = {
+  title: 'Keploy | Need Complete Code Coverage? Check this Test Coverage Tool!',
+  description: 'Explore how Keploy test coverage tools help you cover every scenario. 100% unit test coverage, Python code coverage, Java, Gotest, Jest Test Coverage. Start now',
+  keywords: 'test coverage tools, python code coverage, python coverage, Junit, Jest, Go test, code coverage, test coverage',
+};
 const heroData = {
-  titleTop: "Maximizing Efficiency and ",
-  titleBottom: "Seamlessness with Native Integration!",
-  subtitleTop: "Integrate Keploy with dev-setup to generate automated tests and data-mocks in 2 mins!",
+  titleTop: "Improve Code Coverage ",
+  titleBottom: "with Confidence",
+  subtitleTop: "Automate code coverage analysis, for more reliable software!",
   subtitleBottom:
     "Scale your automated test coverage with a zero-code platform that works out of the box🚀",
   animationSrc: testAndStubsGen,
@@ -28,10 +35,11 @@ const ProblemBlocksData = {
   blocksData: blocksData,
 };
 const FeaturesData = {
-  title: "With Keploy's Native Integration",
+  title: "Ensure ",
+  title2: "with",
   subtitle:
     "Transforming interactions into realistic, diverse, and customizable stubs for precise testing",
-  highlightTitle: "eliminate",
+  highlightTitle: "Code Coverage ",
   featuresData: featuresData,
 };
 const BannerData = {
@@ -45,7 +53,8 @@ const BannerData = {
 };
 export default function Home() {
   return (
-    <>
+    <RootLayout metadata={pageMetadata}>
+
       <Hero
         titleTop={heroData.titleTop}
         titleBottom={heroData.titleBottom}
@@ -63,6 +72,7 @@ export default function Home() {
         title={FeaturesData.title}
         subtitle={FeaturesData.subtitle}
         highlightTitle={FeaturesData.highlightTitle}
+        title2={FeaturesData.title2}
         featuresData={FeaturesData.featuresData}
       />
       <Testimonial
@@ -95,6 +105,6 @@ export default function Home() {
         bannerImage={BannerData.bannerImage}
       />
       <Footer />
-    </>
+    </RootLayout>
   );
 }
diff --git a/...t)/continuos-integration-testing/page.tsx → ...)/continuous-integration-testing/page.tsx b/...t)/continuos-integration-testing/page.tsx → ...)/continuous-integration-testing/page.tsx
@@ -10,12 +10,19 @@ import { Testimonial } from "@/components/testimonial";
 import { testimonialData } from "@/components/utils/testimonial";
 import testAndStubsGen from "@/public/images/TestGenHighlighted.json";
 import { blocksData } from "@/components/utils/common";
-import { featuresData,faqQuestions } from "@/components/utils/record-replay";
+import { featuresData,faqQuestions } from "@/components/utils/continuous-testing";
 import BannerBunny from "@/public/images/banner-bunny.png";
 import FAQ from "@/components/pillar-page/faq";
+import RootLayout, { Metadata } from "@/app/layout";
+
+const pageMetadata: Metadata = {
+  title: 'Keploy | Speed Up Testing in CI/CD with secret Virtual Environments!',
+  description: "Virtualise Services and Dependencies during Continuous Integration Testing. Accelerate your software releases with Keploy's CI testing tool. Know How?",
+  keywords: 'CI testing, cicd testing, gitlab, github, jenkins',
+};
 const heroData = {
-  titleTop: "Streamline CI Testing ",
-  titleBottom: "with Keploy Integration",
+  titleTop: "Speed Up Testing ",
+  titleBottom: "in CI/CD pipeline",
   subtitleTop: "Eliminate the need for complex setup in CI for testing!",
   subtitleBottom:
     "Make testing in CI hassle-free with Keploy's seamless CI integration!🚀",
@@ -28,10 +35,11 @@ const ProblemBlocksData = {
   blocksData: blocksData,
 };
 const FeaturesData = {
-  title: "With Keploy's Record Replay ",
+  title: "Improve ",
+  title2: "with ",
+  highlightTitle: "Continuous Testing",
   subtitle:
     "Transforming interactions into realistic, diverse, and customizable stubs for precise testing",
-  highlightTitle: "eliminate",
   featuresData: featuresData,
 };
 const BannerData = {
@@ -45,7 +53,7 @@ const BannerData = {
 };
 export default function Home() {
   return (
-    <>
+    <RootLayout metadata={pageMetadata}>
       <Hero
         titleTop={heroData.titleTop}
         titleBottom={heroData.titleBottom}
@@ -62,7 +70,8 @@ export default function Home() {
       <Features
         title={FeaturesData.title}
         subtitle={FeaturesData.subtitle}
-        highlightTitle={FeaturesData.highlightTitle}
+        highlightTitle={FeaturesData.highlightTitle}        
+        title2={FeaturesData.title2}
         featuresData={FeaturesData.featuresData}
       />
       <Testimonial
@@ -95,6 +104,6 @@ export default function Home() {
         bannerImage={BannerData.bannerImage}
       />
       <Footer />
-    </>
+    </RootLayout>
   );
 }
diff --git a/app/(default)/layout.tsx b/app/(default)/layout.tsx
@@ -5,8 +5,6 @@ import { useEffect } from 'react'
 import AOS from 'aos'
 import 'aos/dist/aos.css'
 
-import Footer from '@/components/ui/footer'
-
 export default function DefaultLayout({
   children,
 }: {

diff --git a/app/(default)/page.tsx b/app/(default)/page.tsx
@@ -1,20 +1,12 @@
 import Footer from "@/components/ui/footer";
 
-export const metadata = {
-  title: 'Keploy - Open Source Stubs and API Test Generator for Developer',
-  description: 'Keploy is AI based test case and stubs/mocks generator for e2e testing. 90% test coverage in minutes with open source testing tool',
-}
-
 import Hero from '@/components/hero'
 import Features from '@/components/features'
 import ProblemBlocks from '@/components/problem-blocks'
 import Newsletter from '@/components/newsletter'
 import Language from "@/components/language";
 import Community from "@/components/community";
 import Installation from "@/components/installation";
-
-import MarutiLogo from "@/public/images/users/Logo_for_Maruti_Suzuki.svg";
-import NutanixLogo from "@/public/images/users/Nutanix_Logo.svg";
 import { Testimonial } from "@/components/testimonial";
 import { testimonialData } from "@/components/utils/testimonial";
 import TwitterTestimonials from "@/components/TwitterTestimonials";

diff --git a/app/(default)/stub-generation/page.tsx → app/(default)/regression-testing/page.tsx b/app/(default)/stub-generation/page.tsx → app/(default)/regression-testing/page.tsx
@@ -10,28 +10,38 @@ import { Testimonial } from "@/components/testimonial";
 import { testimonialData } from "@/components/utils/testimonial";
 import testAndStubsGen from "@/public/images/TestGenHighlighted.json";
 import { blocksData } from "@/components/utils/common";
-import { featuresData,faqQuestions } from "@/components/utils/stub-generation";
+import { featuresData,faqQuestions } from "@/components/utils/regression-testing";
 import BannerBunny from "@/public/images/banner-bunny.png";
 import FAQ from "@/components/pillar-page/faq";
+import RootLayout, { Metadata } from "@/app/layout";
+
 const heroData = {
-  titleTop: "Simplifying Testing with ",
-  titleBottom: "Dynamic Test Data Generator",
+  titleTop: "Automate Regression Testing ",
+  titleBottom: "with AI",
   subtitleTop: "Transforming User Scenarios into Reliable Test Data Instantly!",
   subtitleBottom:
     "Turn User Interactions into Test Cases and Data Stubs that actually works! 🚀",
   animationSrc: testAndStubsGen,
 };
+
+const pageMetadata: Metadata = {
+  title: 'Keploy | Automate Regression Testing with Keploy AI Test Generator!',
+  description: 'Try Keploy.io automated regression testing software that records API calls to test cases and mocks, designed for efficiency and accuracy! Learn more!',
+  keywords: 'regression testing software, regression testing in software testing,automated regression testing',
+};
+
 const ProblemBlocksData = {
   title: "Smart generation - Enhanced development",
   subtitle: "👋 Say Hi to 👋",
   btnText: "Join Waitlist",
   blocksData: blocksData,
 };
 const FeaturesData = {
-  title: " With Keploy's Test Data Generation ",
+  title: "With ",
   subtitle:
     "Transforming interactions into realistic, diverse, and customizable stubs for precise testing",
-  highlightTitle: "eliminate",
+  highlightTitle: "Regression Testing",
+  title2: "leverage",
   featuresData: featuresData,
 };
 const BannerData = {
@@ -43,9 +53,10 @@ const BannerData = {
   btnTextRight: "Try Locally",
   bannerImage: BannerBunny,
 };
+
 export default function Home() {
   return (
-    <>
+    <RootLayout metadata={pageMetadata}>
       <Hero
         titleTop={heroData.titleTop}
         titleBottom={heroData.titleBottom}
@@ -63,6 +74,7 @@ export default function Home() {
         title={FeaturesData.title}
         subtitle={FeaturesData.subtitle}
         highlightTitle={FeaturesData.highlightTitle}
+        title2={FeaturesData.title2}
         featuresData={FeaturesData.featuresData}
       />
       <Testimonial
@@ -80,11 +92,11 @@ export default function Home() {
       />
       <Language />
       <Testimonial
-          content={testimonialData[2].content}
-          author={testimonialData[2].author}
-          company={testimonialData[2].company}
-          image={testimonialData[2].image}
-        />
+        content={testimonialData[2].content}
+        author={testimonialData[2].author}
+        company={testimonialData[2].company}
+        image={testimonialData[2].image}
+      />
       <FAQ questions={faqQuestions} />
       <Banner
         title={BannerData.title}
@@ -95,6 +107,6 @@ export default function Home() {
         bannerImage={BannerData.bannerImage}
       />
       <Footer />
-    </>
+    </RootLayout>
   );
 }