feat: pillar pages for native integration, test duplication and ebpf …

…instrumentations (#28) * feat:reusable component Signed-off-by: Hermione Dadheech <[email protected]> Signed-off-by: Animesh <[email protected]> * feat:added component in pillar page and initiated native integration Signed-off-by: Hermione Dadheech <[email protected]> Signed-off-by: Animesh <[email protected]> * feat:add pillar pages test duplication,native,ebpf Signed-off-by: Hermione Dadheech <[email protected]> Signed-off-by: Animesh <[email protected]> * margin in faq Signed-off-by: Hermione Dadheech <[email protected]> Signed-off-by: Animesh <[email protected]> * fix:position of FAQ-s Signed-off-by: Animesh <[email protected]> * feat: update add pillar Signed-off-by: Animesh <[email protected]> * fix: naming convention Signed-off-by: Animesh <[email protected]> * feat: warning fix Signed-off-by: Animesh <[email protected]> * feat: warning fix Signed-off-by: Animesh <[email protected]> --------- Signed-off-by: Hermione Dadheech <[email protected]> Signed-off-by: Animesh <[email protected]> Co-authored-by: Animesh <[email protected]>
keploy · Apr 15, 2024 · 62d8578 · 62d8578
1 parent fd7c10d
commit 62d8578
Show file tree

Hide file tree

Showing 25 changed files with 1,485 additions and 407 deletions.
diff --git a/app/(default)/ebpf-instrumentation/page.tsx b/app/(default)/ebpf-instrumentation/page.tsx
@@ -0,0 +1,94 @@
+"use client";
+import Footer from "@/components/ui/footer";
+import Hero from "@/components/pillar-page/hero";
+import Features from "@/components/pillar-page/feature";
+import ProblemBlocks from "@/components/pillar-page/block";
+import Banner from "@/components/pillar-page/banner";
+import Language from "@/components/language";
+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 { featuresData , faqQuestions} from "@/components/utils/ebpf-instrumentation";
+import BannerBunny from "@/public/images/banner-bunny.png";
+import FAQ from "@/components/pillar-page/faq";
+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",
+  subtitleBottom:
+    "Rapidly scale your automated test coverage with a zero-code platform that works out of the box. 🚀",
+  animationSrc: testAndStubsGen,
+};
+const ProblemBlocksData = {
+  title: "Smart generation - Enhanced development",
+  subtitle: "👋 Say Hi to 👋",
+  btnText: "Try Keploy",
+  blocksData: blocksData,
+};
+const FeaturesData = {
+  title: "With Keploy's eBPF Instrumentation",
+  subtitle:
+    "Transforming interactions into realistic, diverse, and customizable stubs for precise testing",
+  highlightTitle: "eliminate",
+  featuresData: featuresData,
+};
+const BannerData = {
+  title: " 🚀 Elevate Your Testing with Keploy!",
+  subtitle: "Ready to simplify your testing process?",
+  paraText:
+    "Click to experience Keploy's magic locally or book a demo for an interactive walkthrough. Embark on a journey to stress-free testing today!",
+  btnTextLeft: "Book Cloud Demo",
+  btnTextRight: "Try Locally",
+  bannerImage: BannerBunny,
+};
+export default function Home() {
+  return (
+    <>
+      <Hero
+        titleTop={heroData.titleTop}
+        titleBottom={heroData.titleBottom}
+        subtitleTop={heroData.subtitleTop}
+        subtitleBottom={heroData.subtitleBottom}
+        animationSrc={heroData.animationSrc}
+      />
+      <ProblemBlocks
+        title={ProblemBlocksData.title}
+        subtitle={ProblemBlocksData.subtitle}
+        btnText={ProblemBlocksData.btnText}
+        blocksData={ProblemBlocksData.blocksData}
+      />
+      <Features
+        title={FeaturesData.title}
+        subtitle={FeaturesData.subtitle}
+        highlightTitle={FeaturesData.highlightTitle}
+        featuresData={FeaturesData.featuresData}
+      />
+      <Testimonial
+        content={testimonialData[1].content}
+        author={testimonialData[1].author}
+        company={testimonialData[1].company}
+        image={testimonialData[1].image}
+      />
+      <SocialLinks />
+      <Testimonial
+        content={testimonialData[0].content}
+        author={testimonialData[0].author}
+        company={testimonialData[0].company}
+        image={testimonialData[0].image}
+      />
+      <Language />
+      <FAQ questions={faqQuestions} />
+      <Banner
+        title={BannerData.title}
+        subtitle={BannerData.subtitle}
+        paraText={BannerData.paraText}
+        btnTextLeft={BannerData.btnTextLeft}
+        btnTextRight={BannerData.btnTextRight}
+        bannerImage={BannerData.bannerImage}
+      />
+      <Footer />
+    </>
+  );
+}
diff --git a/app/(default)/native-integration/page.tsx b/app/(default)/native-integration/page.tsx
@@ -0,0 +1,94 @@
+"use client";
+import Footer from "@/components/ui/footer";
+import Hero from "@/components/pillar-page/hero";
+import Features from "@/components/pillar-page/feature";
+import ProblemBlocks from "@/components/pillar-page/block";
+import Banner from "@/components/pillar-page/banner";
+import Language from "@/components/language";
+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 { featuresData,faqQuestions } from "@/components/utils/ebpf-instrumentation";
+import BannerBunny from "@/public/images/banner-bunny.png";
+import FAQ from "@/components/pillar-page/faq";
+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!",
+  subtitleBottom:
+    "Scale your automated test coverage with a zero-code platform that works out of the box🚀",
+  animationSrc: testAndStubsGen,
+};
+const ProblemBlocksData = {
+  title: "Smart generation - Enhanced development",
+  subtitle: "👋 Say Hi to 👋",
+  btnText: "Try Keploy",
+  blocksData: blocksData,
+};
+const FeaturesData = {
+  title: "With Keploy's Native Integration",
+  subtitle:
+    "Transforming interactions into realistic, diverse, and customizable stubs for precise testing",
+  highlightTitle: "eliminate",
+  featuresData: featuresData,
+};
+const BannerData = {
+  title: " 🚀 Elevate Your Testing with Keploy!",
+  subtitle: "Ready to simplify your testing process?",
+  paraText:
+    "Click to experience Keploy's magic locally or book a demo for an interactive walkthrough. Embark on a journey to stress-free testing today!",
+  btnTextLeft: "Book Cloud Demo",
+  btnTextRight: "Try Locally",
+  bannerImage: BannerBunny,
+};
+export default function Home() {
+  return (
+    <>
+      <Hero
+        titleTop={heroData.titleTop}
+        titleBottom={heroData.titleBottom}
+        subtitleTop={heroData.subtitleTop}
+        subtitleBottom={heroData.subtitleBottom}
+        animationSrc={heroData.animationSrc}
+      />
+      <ProblemBlocks
+        title={ProblemBlocksData.title}
+        subtitle={ProblemBlocksData.subtitle}
+        btnText={ProblemBlocksData.btnText}
+        blocksData={ProblemBlocksData.blocksData}
+      />
+      <Features
+        title={FeaturesData.title}
+        subtitle={FeaturesData.subtitle}
+        highlightTitle={FeaturesData.highlightTitle}
+        featuresData={FeaturesData.featuresData}
+      />
+      <Testimonial
+        content={testimonialData[1].content}
+        author={testimonialData[1].author}
+        company={testimonialData[1].company}
+        image={testimonialData[1].image}
+      />
+      <SocialLinks />
+      <Testimonial
+        content={testimonialData[0].content}
+        author={testimonialData[0].author}
+        company={testimonialData[0].company}
+        image={testimonialData[0].image}
+      />
+      <Language />
+      <FAQ questions={faqQuestions} />
+      <Banner
+        title={BannerData.title}
+        subtitle={BannerData.subtitle}
+        paraText={BannerData.paraText}
+        btnTextLeft={BannerData.btnTextLeft}
+        btnTextRight={BannerData.btnTextRight}
+        bannerImage={BannerData.bannerImage}
+      />
+      <Footer />
+    </>
+  );
+}
diff --git a/app/(default)/stub-generation/page.tsx b/app/(default)/stub-generation/page.tsx
@@ -1,36 +1,94 @@
-'use client'
+"use client";
 import Footer from "@/components/ui/footer";
-import Hero from '@/components/stub-generation/hero'
-import Features from '@/components/stub-generation/feature'
-import ProblemBlocks from '@/components/stub-generation/block'
-import Banner from '@/components/stub-generation/banner'
+import Hero from "@/components/pillar-page/hero";
+import Features from "@/components/pillar-page/feature";
+import ProblemBlocks from "@/components/pillar-page/block";
+import Banner from "@/components/pillar-page/banner";
 import Language from "@/components/language";
-import SocialLinks from "@/components/stub-generation/community"
+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 { featuresData,faqQuestions } from "@/components/utils/stub-generation";
+import BannerBunny from "@/public/images/banner-bunny.png";
+import FAQ from "@/components/pillar-page/faq";
+const heroData = {
+  titleTop: "Effortless Stub Generation",
+  titleBottom: "for Comprehensive Test Coverage!",
+  subtitleTop: "Transforming User Scenarios into Reliable Test Data Instantly!",
+  subtitleBottom:
+    "Seamlessly Convert User Interactions into Precise Test Cases and Data Stubs 🚀",
+  animationSrc: testAndStubsGen,
+};
+const ProblemBlocksData = {
+  title: "Smart generation - Enhanced development",
+  subtitle: "👋 Say Hi to 👋",
+  btnText: "Try Keploy",
+  blocksData: blocksData,
+};
+const FeaturesData = {
+  title: " With Keploy's stub generation",
+  subtitle:
+    "Transforming interactions into realistic, diverse, and customizable stubs for precise testing",
+  highlightTitle: "eliminate",
+  featuresData: featuresData,
+};
+const BannerData = {
+  title: " 🚀 Elevate Your Testing with Keploy!",
+  subtitle: "Ready to simplify your testing process?",
+  paraText:
+    "Click to experience Keploy's magic locally or book a demo for an interactive walkthrough. Embark on a journey to stress-free testing today!",
+  btnTextLeft: "Book Cloud Demo",
+  btnTextRight: "Try Locally",
+  bannerImage: BannerBunny,
+};
 export default function Home() {
   return (
     <>
-        <Hero />
-        <ProblemBlocks />
-        <Features />
-        <Testimonial
-          content={testimonialData[1].content}
-          author={testimonialData[1].author}
-          company={testimonialData[1].company}
-          image={testimonialData[1].image}
-        />
-        <SocialLinks/>
-        <Testimonial
-          content={testimonialData[0].content}
-          author={testimonialData[0].author}
-          company={testimonialData[0].company}
-          image={testimonialData[0].image}
-        />
-        <Language />
-        <Banner />
-        <Footer />
+      <Hero
+        titleTop={heroData.titleTop}
+        titleBottom={heroData.titleBottom}
+        subtitleTop={heroData.subtitleTop}
+        subtitleBottom={heroData.subtitleBottom}
+        animationSrc={heroData.animationSrc}
+      />
+      <ProblemBlocks
+        title={ProblemBlocksData.title}
+        subtitle={ProblemBlocksData.subtitle}
+        btnText={ProblemBlocksData.btnText}
+        blocksData={ProblemBlocksData.blocksData}
+      />
+      <Features
+        title={FeaturesData.title}
+        subtitle={FeaturesData.subtitle}
+        highlightTitle={FeaturesData.highlightTitle}
+        featuresData={FeaturesData.featuresData}
+      />
+      <Testimonial
+        content={testimonialData[1].content}
+        author={testimonialData[1].author}
+        company={testimonialData[1].company}
+        image={testimonialData[1].image}
+      />
+      <SocialLinks />
+      <Testimonial
+        content={testimonialData[0].content}
+        author={testimonialData[0].author}
+        company={testimonialData[0].company}
+        image={testimonialData[0].image}
+      />
+      <Language />
+      <FAQ questions={faqQuestions} />
+      <Banner
+        title={BannerData.title}
+        subtitle={BannerData.subtitle}
+        paraText={BannerData.paraText}
+        btnTextLeft={BannerData.btnTextLeft}
+        btnTextRight={BannerData.btnTextRight}
+        bannerImage={BannerData.bannerImage}
+      />
+      <Footer />
     </>
-  )
-}
+  );
+}