feat: add UTG pillar page (#47)

* 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]> * feat: add UTG pillar page Signed-off-by: Animesh Pathak <[email protected]> * fix: conflicts Signed-off-by: Animesh Pathak <[email protected]> * feat: contract testing pilalr page Signed-off-by: Animesh Pathak <[email protected]> * feat: content of pillar-pages Signed-off-by: Animesh Pathak <[email protected]> * feat: content of pillar-pages Signed-off-by: Animesh Pathak <[email protected]> --------- Signed-off-by: Animesh Pathak <[email protected]> Co-authored-by: Hermione Dadheech <[email protected]> Co-authored-by: Neha Gupta <[email protected]>
keploy · Jul 16, 2024 · b0f94e2 · b0f94e2
1 parent 3a6980c
commit b0f94e2
Show file tree

Hide file tree

Showing 12 changed files with 745 additions and 24 deletions.
diff --git a/app/(default)/ai-code-generation/page.tsx b/app/(default)/ai-code-generation/page.tsx
@@ -9,7 +9,10 @@ import SocialLinks from "@/components/pillar-page/community";
 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 {MdiLightningBolt,FluentPuzzleCubePiece20Filled,
+  CollaborationIcon, StreamlineBrowserCheck, PsPiggyBankCoins,
+  MaterialSymbolsLightEarlyOnOutline
+} from "@/components/utils/common";
 import { featuresData,faqQuestions } from "@/components/utils/ai-code-generation";
 import BannerBunny from "@/public/images/banner-bunny.png";
 import FAQ from "@/components/pillar-page/faq";
@@ -22,24 +25,57 @@ const pageMetadata: Metadata = {
 };
 
 const heroData = {
-  titleTop: "Integration test generator ",
-  titleBottom: "for developers",
+  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,
 };
+
+const blocksData = [
+  {
+    title: "Learning Curve",
+    description: "Steep learning curve to understand AI-powered test generation tools.",
+    SvgComponent: MdiLightningBolt,
+  },
+  {
+    title: "Dependency on Data Quality",
+    description: "AI tools heavily rely on high-quality and representative data for accurate test generation.",
+    SvgComponent: FluentPuzzleCubePiece20Filled,
+  },
+  {
+    title: "Setting Test Parameters",
+    description: "It is difficult to adjust AI-generated tests for various scenarios.",
+    SvgComponent: CollaborationIcon,
+  },
+  {
+    title: "Cost of Implementation",
+    description: "High initial costs and ongoing expenses associated with integrating AI into testing workflows.",
+    SvgComponent: StreamlineBrowserCheck,
+  },
+  {
+    title: "Integration with Existing Tools",
+    description: "Compatibility issues when integrating AI test generation with existing testing tools and frameworks.",
+    SvgComponent: PsPiggyBankCoins,
+  },
+  {
+    title: "Understanding Test Outcomes",
+    description: "Difficulties in interpreting and validating AI-generated test results.",
+    SvgComponent: MaterialSymbolsLightEarlyOnOutline,
+  },
+];
 const ProblemBlocksData = {
-  title: "Smart generation - Enhanced development",
-  subtitle: "👋 Say Hi to 👋",
+  title: "Using AI for Test Generation",
+  subtitle: "👋 Challenges 👋",
   btnText: "Join Waitlist",
   blocksData: blocksData,
 };
 const FeaturesData = {
   title: "With ",
   title2: "leverage",
   subtitle:
-    "Transforming interactions into realistic, diverse, and customizable stubs for precise testing",
+    "Generate realistic, diverse, and customizable tests for precise testing",
   highlightTitle: "AI Test Generation ",
   featuresData: featuresData,
 };
@@ -54,7 +90,7 @@ const BannerData = {
 };
 export default function Home() {
   return (
-    <>
+    <RootLayout metadata={pageMetadata}>
       <Hero
         titleTop={heroData.titleTop}
         titleBottom={heroData.titleBottom}
@@ -105,6 +141,6 @@ export default function Home() {
         bannerImage={BannerData.bannerImage}
       />
       <Footer />
-    </>
+    </RootLayout>
   );
 }
diff --git a/app/(default)/api-testing/page.tsx b/app/(default)/api-testing/page.tsx
@@ -9,7 +9,10 @@ import SocialLinks from "@/components/pillar-page/community";
 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 {MdiLightningBolt,FluentPuzzleCubePiece20Filled,
+  CollaborationIcon, StreamlineBrowserCheck, PsPiggyBankCoins,
+  MaterialSymbolsLightEarlyOnOutline
+} from "@/components/utils/common";
 import { featuresData , faqQuestions} from "@/components/utils/api-testing";
 import BannerBunny from "@/public/images/banner-bunny.png";
 import FAQ from "@/components/pillar-page/faq";
@@ -21,6 +24,39 @@ const pageMetadata: Metadata = {
   keywords: 'API test, FREE API Testing Tool, API Testing tool',
 };
 
+const blocksData = [
+  {
+    title: "Manual Test Script",
+    description: "Creating test scripts for API testing manually is time-consuming and error-prone.",
+    SvgComponent: MdiLightningBolt,
+  },
+  {
+    title: "Limited Test Coverage",
+    description: "Traditional API testing methods may not cover all possible scenarios, leading to gaps in test coverage.",
+    SvgComponent: FluentPuzzleCubePiece20Filled,
+  },
+  {
+    title: "Difficulty in Test Maintenance",
+    description: "Maintaining and updating test scripts as APIs evolve can be challenging and resource-intensive.",
+    SvgComponent: CollaborationIcon,
+  },
+  {
+    title: "Complex Setup Requirements",
+    description: "Setting up environments for API testing can be complex and require specialized knowledge.",
+    SvgComponent: StreamlineBrowserCheck,
+  },
+  {
+    title: "Lack of Real-time Feedback",
+    description: "Waiting for test results can slow down the development process and delay bug fixes.",
+    SvgComponent: PsPiggyBankCoins,
+  },
+  {
+    title: "Pipeline Integration",
+    description: "Integrating API tests with CI/CD pipelines can be difficult and requires extensive configuration.",
+    SvgComponent: MaterialSymbolsLightEarlyOnOutline,
+  },
+];
+
 const heroData = {
   titleTop: "API Testing ",
   titleBottom: "with Seamless Experience",
@@ -30,8 +66,8 @@ const heroData = {
   animationSrc: testAndStubsGen,
 };
 const ProblemBlocksData = {
-  title: "Smart generation - Enhanced development",
-  subtitle: "👋 Say Hi to 👋",
+  title: "Traditional API Testing",
+  subtitle: "👋 Challenges 👋",
   btnText: "Join Waitlist",
   blocksData: blocksData,
 };
@@ -54,7 +90,7 @@ const BannerData = {
 };
 export default function Home() {
   return (
-    <>
+    <RootLayout metadata={pageMetadata}>
       <Hero
         titleTop={heroData.titleTop}
         titleBottom={heroData.titleBottom}
@@ -105,6 +141,6 @@ export default function Home() {
         bannerImage={BannerData.bannerImage}
       />
       <Footer />
-    </>
+    </RootLayout>
   );
 }
diff --git a/app/(default)/code-coverage/page.tsx b/app/(default)/code-coverage/page.tsx
@@ -9,7 +9,10 @@ import SocialLinks from "@/components/pillar-page/community";
 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 {MdiLightningBolt,FluentPuzzleCubePiece20Filled,
+  CollaborationIcon, StreamlineBrowserCheck, PsPiggyBankCoins,
+  MaterialSymbolsLightEarlyOnOutline
+} from "@/components/utils/common";
 import { featuresData,faqQuestions } from "@/components/utils/code-coverage";
 import BannerBunny from "@/public/images/banner-bunny.png";
 import FAQ from "@/components/pillar-page/faq";
@@ -28,6 +31,38 @@ const heroData = {
     "Scale your automated test coverage with a zero-code platform that works out of the box🚀",
   animationSrc: testAndStubsGen,
 };
+const blocksData = [
+  {
+    title: "Manual Tests",
+    description: "Writing tests manually for code coverage is time-consuming and prone to errors.",
+    SvgComponent: MdiLightningBolt,
+  },
+  {
+    title: "Limited Coverage",
+    description: "Traditional code coverage methods may not cover all code paths, leading to gaps in coverage.",
+    SvgComponent: FluentPuzzleCubePiece20Filled,
+  },
+  {
+    title: "Realistic Scenarios",
+    description: "Test scenarios may not accurately reflect real-world usage, affecting code coverage accuracy.",
+    SvgComponent: CollaborationIcon,
+  },
+  {
+    title: "Setup Complexity",
+    description: "Setting up code coverage tools can be complex and require additional configuration.",
+    SvgComponent: StreamlineBrowserCheck,
+  },
+  {
+    title: "Maintenance Challenges",
+    description: "Maintaining code coverage tests as code evolves can be challenging and time-consuming.",
+    SvgComponent: PsPiggyBankCoins,
+  },
+  {
+    title: "Slow Feedback Loop",
+    description: "Waiting for code coverage results can slow down the development process and delay bug fixes.",
+    SvgComponent: MaterialSymbolsLightEarlyOnOutline,
+  },
+];
 const ProblemBlocksData = {
   title: "Smart generation - Enhanced development",
   subtitle: "👋 Say Hi to 👋",

diff --git a/app/(default)/continuous-integration-testing/page.tsx b/app/(default)/continuous-integration-testing/page.tsx
@@ -9,7 +9,10 @@ import SocialLinks from "@/components/pillar-page/community";
 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 {MdiLightningBolt,FluentPuzzleCubePiece20Filled,
+  CollaborationIcon, StreamlineBrowserCheck, PsPiggyBankCoins,
+  MaterialSymbolsLightEarlyOnOutline
+} from "@/components/utils/common";
 import { featuresData,faqQuestions } from "@/components/utils/continuous-testing";
 import BannerBunny from "@/public/images/banner-bunny.png";
 import FAQ from "@/components/pillar-page/faq";
@@ -28,9 +31,43 @@ const heroData = {
     "Make testing in CI hassle-free with Keploy's seamless CI integration!🚀",
   animationSrc: testAndStubsGen,
 };
+
+const blocksData = [
+  {
+    title: "Monitoring and Debugging",
+    description: "Identifying and resolving issues related to failed tests and effectively can be a tough task, affecting overall productivity.",
+    SvgComponent: MdiLightningBolt,
+  },
+  {
+    title: "Limited Scalability",
+    description: "Scaling CI pipelines to accommodate growing codebases and increased testing requirements requires additional resources and infrastructure",
+    SvgComponent: FluentPuzzleCubePiece20Filled,
+  },
+  {
+    title: "Maintaining Test Stability",
+    description: "Keeping tests stable and reliable across frequent code changes and updates can be difficult, impacting the accuracy of test results.",
+    SvgComponent: CollaborationIcon,
+  },
+  {
+    title: "Complex Configuration",
+    description: "Setting up and configuring CI pipelines can be intricate and time-consuming, especially for large or complex projects.",
+    SvgComponent: StreamlineBrowserCheck,
+  },
+  {
+    title: "Testing Bottlenecks",
+    description: "Testing bottlenecks can occur when tests take too long to execute, delaying feedback and slowing down the development process.",
+    SvgComponent: PsPiggyBankCoins,
+  },
+  {
+    title: "CI Integration",
+    description: "Ensuring seamless integration of various tools, environments, and dependencies within CI pipelines can be challenging and prone to errors.",
+    SvgComponent: MaterialSymbolsLightEarlyOnOutline,
+  },
+];
+
 const ProblemBlocksData = {
-  title: "Smart generation - Enhanced development",
-  subtitle: "👋 Say Hi to 👋",
+  title: "Tackling Continuous Testing",
+  subtitle: "👋 Challenges 👋",
   btnText: "Join Waitlist",
   blocksData: blocksData,
 };