chore: added preview image for landing page (#49)

* added preview image for landing page * fixed errors in preview img for landing pg * fix:removed iframe (#51) Co-authored-by: Hermione Dadheech <[email protected]> * updated Keploy logo * updated keploy's logo * fixed 'Explore More' buttons redirect issue #2074 * updated 'Explore More' links Signed-off-by: Yaten Dhingra <[email protected]> --------- Signed-off-by: Yaten Dhingra <[email protected]> Co-authored-by: Hermione Dadheech <[email protected]> Co-authored-by: Hermione Dadheech <[email protected]> Co-authored-by: Neha Gupta <[email protected]>
keploy · Jul 18, 2024 · 848b935 · 848b935
1 parent b0f94e2
commit 848b935
Show file tree

Hide file tree

Showing 4 changed files with 62 additions and 27 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -10,15 +10,17 @@ const inter = Inter({
 });
 
 export interface Metadata {
-    title: string;
-    keywords?: string;
-    description?: string;
+  title: string;
+  keywords?: string;
+  description?: string;
+  image?: string;
 }
 
 export const defaultMetadata: Metadata = {
-    title: 'Keploy | Open Source Stubs and API Test Generator for Developer',
-    keywords: "API testing, e2e Testing, ai testing, open source ai testing tool, Service Mocking, Dependency Mocking",
-    description: 'Keploy is AI based test case and stubs/mocks generator for e2e testing. 90% test coverage in minutes with open source testing tool',
+  title: 'Keploy | Open Source Stubs and API Test Generator for Developer',
+  keywords: "API testing, e2e Testing, ai testing, open source ai testing tool, Service Mocking, Dependency Mocking",
+  description: 'Keploy is AI based test case and stubs/mocks generator for e2e testing. 90% test coverage in minutes with open source testing tool',
+  image: "images/logo.svg",
 };
 
 interface RootLayoutProps {
@@ -27,21 +29,24 @@ interface RootLayoutProps {
 }
 
 export default function RootLayout({ children, metadata }: RootLayoutProps) {
-    const finalMetadata = {
-        title: metadata?.title || defaultMetadata.title,
-        keywords: metadata?.keywords || defaultMetadata.keywords,
-        description: metadata?.description || defaultMetadata.description,
-    };
-    return (
-        <html lang="en">
-        <head>
-            <title>{finalMetadata.title}</title>
-            <meta name="keywords" content={finalMetadata.keywords} />
-            <meta name="description" content={finalMetadata.description} />
-            <script async src="https://www.googletagmanager.com/gtag/js?id=G-TLL6DW2H6N"></script>
-            <script
-                dangerouslySetInnerHTML={{
-                    __html: `
+  const finalMetadata = {
+    title: metadata?.title || defaultMetadata.title,
+    keywords: metadata?.keywords || defaultMetadata.keywords,
+    description: metadata?.description || defaultMetadata.description,
+    image: metadata?.image || defaultMetadata.image,
+  };
+  return (
+    <html lang="en">
+      <head>
+        <title>{finalMetadata.title}</title>
+        <meta name="keywords" content={finalMetadata.keywords} />
+        <meta name="description" content={finalMetadata.description} />
+        <meta property="og:image" name="image" content={finalMetadata.image} />
+        <meta name='twitter:card' content={finalMetadata.image} />
+        <script async src="https://www.googletagmanager.com/gtag/js?id=G-TLL6DW2H6N"></script>
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
               window.dataLayer = window.dataLayer || [];
               function gtag(){window.dataLayer.push(arguments);}
               gtag('js', new Date());

diff --git a/components/FeatureMoblieView.tsx b/components/FeatureMoblieView.tsx
@@ -98,7 +98,7 @@ export default function FeaturesMobileView() {
                   </div>
                     </div>
                     <div>
-                      <Link className="btn mt-4 text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0" href="/stub-generation">Explore More</Link>
+                      <Link className="btn mt-4 text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0" href="https://keploy.io/docs/keploy-explained/introduction/">Explore More</Link>
                     </div>
                   </div>
 
@@ -141,7 +141,7 @@ export default function FeaturesMobileView() {
                     </div>
                     </div>
                     <div>
-                      <Link className="btn mt-4 text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0" href="/test-duplication">Explore More</Link>
+                      <Link className="btn mt-4 text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0" href="https://keploy.io/docs/keploy-cloud/deduplication/">Explore More</Link>
                     </div>
                 </div>
                 </Link>
@@ -182,7 +182,7 @@ export default function FeaturesMobileView() {
                   </div>
                   </div>
                   <div>
-                      <Link className="btn mt-4 text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0" href="/native-integration">Explore More</Link>
+                      <Link className="btn mt-4 text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0" href=" https://keploy.io/docs/server/sdk-installation/go/">Explore More</Link>
                   </div>
                 </div>
                 </Link>

diff --git a/components/features.tsx b/components/features.tsx
@@ -172,7 +172,7 @@ useGSAP(
                 heading={"Record Replay API Flows"}
                 description=" Record and replay complex, distributed API flows as mocks and stubs. It's like time machine for tests!"
                 btnDescription="Explore More"
-                btnLink="/stub-generation"
+                btnLink="https://keploy.io/docs/keploy-explained/introduction/"
               />
             </div>
             <div className="flex items-center detail">
@@ -192,7 +192,7 @@ useGSAP(
                 heading={"Find Duplicate Tests"}
                 description="Find redundant tests that doesn't add to the test coverage. Automatically detect and remove duplicate tests, ideal for big-teams crowd-sourcing tests."
                 btnDescription="Explore More"
-                btnLink="/test-duplication"
+                btnLink="https://keploy.io/docs/keploy-cloud/deduplication/"
               />
             </div>
             <div className="flex items-center detail">
@@ -212,7 +212,7 @@ useGSAP(
                 heading={"Works with JUnit, PyTest, Jest, Go-Test in CI/CD"}
                 description="Merge Keploy tests coverage with unit testing libraries for combined test coverage gating in CI/CD pipelines like Jenkins, Github Actions."
                 btnDescription="Explore More"
-                btnLink="/native-integration"
+                btnLink=" https://keploy.io/docs/server/sdk-installation/go/"
               />
             </div>
           </div>

diff --git a/public/images/logo.svg b/public/images/logo.svg