Skip to content

Commit

Permalink
chore: adding video and correct messaging
Browse files Browse the repository at this point in the history 
Signed-off-by: Neha Gupta <[email protected]>
  • Loading branch information
@nehagup
nehagup committed May 12, 2024
1 parent 7f8bbf6 commit c48af71
Show file tree
Hide file tree
Showing 7 changed files with 87 additions and 88 deletions.
2 changes: 1 addition & 1 deletion app/(default)/ebpf-instrumentation/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ 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!",
"Click to experience Keploy's magic locally or book a demo for an interactive walk-through. Embark on a journey to stress-free testing today!",
btnTextLeft: "Book Cloud Demo",
btnTextRight: "Try Locally",
bannerImage: BannerBunny,
Expand Down
46 changes: 23 additions & 23 deletions components/TwitterTestimonials.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,39 +4,30 @@ import Tweet from "./tweets";
const tweets = [
{
avatar:
"https://pbs.twimg.com/profile_images/837573171427487744/IGQLsM55_400x400.jpg",
name: "やまもと@視力2.0",
id: "yamamoto_febc",
post: "https://x.com/yamamoto_febc/status/1755802346188390531?s=20",
content:
"It is quite easy to create normal tests. On the other hand, abnormal systems may be a little difficult. I think it's okay to use it only for normal systems.",
},
{
avatar:
"https://pbs.twimg.com/profile_images/1653250498127089665/x5RJbLq5_400x400.jpg",
"https://pbs.twimg.com/profile_images/1653250498127089665/x5RJbLq5_400x400.jpg",
name: "きょん/kyong",
id: "kyongshiii06",
post: "https://x.com/kyongshiii06/status/1753030333128495470?s=20",
content:
"I tried keploy, but it was amazing. Just wrap and start docker, and then just hit the API with curl or the client and you'll be able to test more and more. This is the golden test.",
"I tried keploy, it was amazing. Just wrap and start docker, and then just hit the API with curl or the client and you'll be able to test more and more. This is the golden test.",
},
{
avatar:
"https://pbs.twimg.com/profile_images/1741543460115812352/8x4aAI9k_400x400.jpg",
"https://pbs.twimg.com/profile_images/1741543460115812352/8x4aAI9k_400x400.jpg",
name: "Shivam Sourav Jha",
id: "ShivamSouravJha",
post: "https://x.com/ShivamSouravJha/status/1747517726749286713?s=20",
content:
"Why do I like keploy so much? Literally I see many tools and so hard to integrate. I mean update VScode , use the sdk , make this change make that change. With Keploy, don't worry buddy just run your application, we will literally do everything for you. You need to 0 efforts.",
"Why do I like keploy so much? Literally I see many tools and so hard to integrate. I mean update VScode , use the sdk , make this change make that change. With Keploy, don't worry buddy just run your application, we will literally do everything for you. You need to 0 efforts.",
},
{
avatar:
"https://pbs.twimg.com/profile_images/1653250498127089665/x5RJbLq5_400x400.jpg",
name: "きょん/kyong",
id: "kyongshiii06",
post: "https://x.com/kyongshiii06/status/1746532217336250821?s=20",
"https://pbs.twimg.com/profile_images/837573171427487744/IGQLsM55_400x400.jpg",
name: "やまもと@視力2.0",
id: "yamamoto_febc",
post: "https://x.com/yamamoto_febc/status/1755802346188390531?s=20",
content:
"Keploy can record and replay complex, distributed API flows as mocks and stubs. It's like having a time machine for your tests—saving you tons of time.",
"It is quite easy to create normal tests. On the other hand, abnormal systems may be a little difficult. I think it's okay to use it only for normal systems.",
},
{
avatar:
Expand All @@ -45,7 +36,7 @@ const tweets = [
id: "matsuu",
post: "https://x.com/matsuu/status/1747448928575099236?s=20",
content:
"Based on the communication trace information that can be obtained using eBPF, it is possible to generate a test and a stub server to be used when executing the test.” / “The automated testing tool “Keploy” using eBPF is amazing.",
"Based on the communication trace information that can be obtained using eBPF, it is possible to generate a test and a stub server to be used when executing the test.",
},
{
avatar:
Expand All @@ -54,7 +45,7 @@ const tweets = [
id: "AndooBomber",
post: "https://x.com/AndooBomber/status/1747663021747691808?s=20",
content:
"I tried Keploy, but it might be a god tool. The automated testing tool “Keploy” using eBPF is amazing",
"I tried Keploy, good tool.",
},
{
avatar:
Expand All @@ -72,7 +63,16 @@ const tweets = [
id: "mugi_uno",
post: "https://x.com/mugi_uno/status/1745726154924003502?s=20",
content:
"I want to try this. I think the problem with mock data is that it is difficult to maintain, so if it makes it easier, I think it would be a good idea. The automated testing tool “Keploy” using eBPF is amazing",
"I think the problem with mock data is that it is difficult to maintain, so if it makes it easier, I think it would be a good idea. The automated testing tool “Keploy” using eBPF is amazing",
},
{
avatar:
"https://pbs.twimg.com/profile_images/1653250498127089665/x5RJbLq5_400x400.jpg",
name: "きょん/kyong",
id: "kyongshiii06",
post: "https://x.com/kyongshiii06/status/1746532217336250821?s=20",
content:
"Keploy can record and replay complex, distributed API flows as mocks and stubs. It's like having a time machine for your tests—saving you tons of time.",
},
{
avatar:
Expand All @@ -81,7 +81,7 @@ const tweets = [
id: "Seipann11",
post: "https://x.com/Seipann11/status/1755989987039064103?s=20",
content:
"Keploy is seriously amazing, a genius Indian is crushing issues at lightning speed.",
"Keploy is seriously amazing, a genius tool crushing issues at lightning speed.",
},
{
avatar:
Expand All @@ -108,7 +108,7 @@ const tweets = [
id: "ymnk_8752",
post: "https://x.com/ymnk_8752/status/1745458928698450057?s=20",
content:
"Looks amazing. I hear about eBPF a lot, but I don't know what it is. The automated testing tool “Keploy” using eBPF is amazing",
"It is amazing! I hear about eBPF a lot, but I don't know what it is.",
},
];
const TwitterTestimonials = () => {
Expand Down
15 changes: 7 additions & 8 deletions components/features.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -145,11 +145,10 @@ export default function Features() {
<section ref={container} className="relative hidden lg:block">
<div className="absolute left-0 right-0 max-w-3xl pt-2 mx-auto mt-16 text-center top-6 heading-text">
<h1 className="mb-2 text-5xl font-bold text-secondary-300">
Keploy for developers
Keploy for Developers
</h1>
<p className="text-xl text-gray-600">
simplified testing, capturing network interactions and generating
automated tests
smart API testing, capture network calls and generate tests with stubs
</p>
</div>
<div className="relative grid max-w-6xl grid-cols-2 gap-16 pt-[30vh] pb-[50vh] mx-auto content-container">
Expand All @@ -168,7 +167,7 @@ export default function Features() {
<path d="M11.953 4.29a.5.5 0 00-.454-.292H6.14L6.984.62A.5.5 0 006.12.173l-6 7a.5.5 0 00.379.825h5.359l-.844 3.38a.5.5 0 00.864.445l6-7a.5.5 0 00.075-.534z" />
</svg>
}
heading={" Test and Stubs Generation"}
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"
Expand All @@ -188,8 +187,8 @@ export default function Features() {
/>
</svg>
}
heading={"Test Deduplication"}
description="Automatically detect and remove duplicate tests, ideal for scenarios recorded in live-environments."
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"
/>
Expand All @@ -208,8 +207,8 @@ export default function Features() {
/>
</svg>
}
heading={"Native Integration"}
description="Merge Keploy tests with testing libraries(JUnit, go-test, py-test, jest) for combined test coverage."
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"
/>
Expand Down
16 changes: 8 additions & 8 deletions components/hero.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,20 +35,20 @@ export default function Hero() {
{/* Section header */}
<div className=" text-center pb-12 md:pb-16">
<p className="text-2xl text-accent-200 mb-4 " data-aos="zoom-y-out" data-aos-delay="150">
2 minutes to 90% test coverage!
5 minutes to 90% test coverage!
</p>
<h1 className="lg:text-6xl text-5xl text-secondary-300 font-extrabold leading-tighter tracking-tighter mb-4 " data-aos="zoom-y-out">AI Generated Tests <br />
<span className="bg-clip-text text-transparent bg-gradient-to-r from-gradient-500 to-gradient-200">that actually work!</span></h1>
<h1 className="lg:text-6xl text-5xl text-secondary-300 font-extrabold leading-tighter tracking-tighter mb-4 " data-aos="zoom-y-out"> AI Generated Tests<br />
<span className="bg-clip-text text-transparent bg-gradient-to-r from-gradient-500 to-gradient-200"> that actually work!</span></h1>
<div className="max-w-3xl mx-auto">
<p className="text-xl lg:text-left text-center text-accent-200 mb-8" data-aos="zoom-y-out" data-aos-delay="150">
Open source Tool for converting user-traffic to Test Cases and Data Stubs
<p className="text-xl lg:text-center text-center text-accent-200 mb-8" data-aos="zoom-y-out" data-aos-delay="150">
<b>Open Source</b> Platform for converting API calls to Test Cases with Data Mocks
</p>
<div className="max-w-xs mx-auto sm:max-w-none sm:flex sm:justify-center" data-aos="zoom-y-out" data-aos-delay="300">
<div>
<Link className="btn text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0" href="https://calendar.app.google/8Ncpff4QnAhpVnYd8">Book Cloud Demo</Link>
<Link className="btn text-secondary-300 bg-primary-300 hover:text-gradient-500 w-full mb-4 sm:w-auto sm:mb-0" href="https://www.github.com/keploy/keploy">Try Open Source</Link>
</div>
<div>
<Link className="btn text-white bg-secondary-300 hover:text-primary-300 w-full sm:w-auto sm:ml-4" href="https://www.github.com/keploy/keploy">Try Locally</Link>
<Link className="btn text-white bg-green-900 hover:text-emerald-200 w-full sm:w-auto sm:ml-4" href="https://forms.gle/waYcLSASm9dfE9tC9">Join Cloud Waitlist </Link>
</div>
</div>
{/* <div className="code">
Expand All @@ -66,7 +66,7 @@ export default function Hero() {
thumbWidth={768}
thumbHeight={432}
thumbAlt="Keploy Demo video"
video="https://www.youtube.com/embed/23yQaY81Zho"
video="https://www.youtube.com/embed/5BDJaWMCuu0"
videoWidth={768}
videoHeight={432} />
</div>
Expand Down
4 changes: 2 additions & 2 deletions components/installation.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -185,9 +185,9 @@ const Installation = () => {
<div className="flex justify-center">
<Link
className="btn text-secondary-300 text-center bg-primary-300 text-xs md:text-sm lg:text-base hover:font-semibold w-full mb-4 sm:w-auto sm:mb-0"
href="https://keploy.io/docs"
href="https://www.github.com/keploy/keploy"
>
Explore Test Coverage Guide{" "}
Explore on Github
</Link>
</div>
<div className=" max-w-sm">
Expand Down
86 changes: 43 additions & 43 deletions components/modal-video.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,50 +37,50 @@ export default function ModalVideo({
<div className="relative flex justify-center mb-8" data-aos="zoom-y-out" data-aos-delay="450">
<div className="flex flex-col justify-center">
<Image className='rounded-lg h-auto w-auto' src={thumb} width={thumbWidth} height={thumbHeight} alt={thumbAlt} />
{/*<svg*/}
{/* onMouseEnter={() => setIsHovered(true)}*/}
{/* onMouseLeave={() => setIsHovered(false)}*/}
{/* className="absolute inset-0 max-w-full mx-auto md:max-w-none h-auto cursor-pointer "*/}
{/* onClick={() => { setModalOpen(true) }}*/}
{/* width="768" height="432" viewBox="0 0 768 432" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">*/}
{/* <defs>*/}
{/* <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="hero-ill-a">*/}
{/* <stop stopColor="#FFF" offset="0%" />*/}
{/* <stop stopColor="#EAEAEA" offset="77.402%" />*/}
{/* <stop stopColor="#DFDFDF" offset="100%" />*/}
{/* </linearGradient>*/}
{/* <linearGradient x1="50%" y1="0%" x2="50%" y2="99.24%" id="hero-ill-b">*/}
{/* <stop stopColor="#FFF" offset="0%" />*/}
{/* <stop stopColor="#EAEAEA" offset="48.57%" />*/}
{/* <stop stopColor="#DFDFDF" stopOpacity="0" offset="100%" />*/}
{/* </linearGradient>*/}
{/* <radialGradient cx="21.152%" cy="86.063%" fx="21.152%" fy="86.063%" r="79.941%" id="hero-ill-e" >*/}
{/* <stop stopColor="#29456E" offset="0%" />*/}
{/* <stop stopColor="#00163d" offset="25.871%" />*/}
{/* <stop stopColor="#00061A" offset="100%" />*/}
{/* </radialGradient>*/}
{/* <circle id="hero-ill-d" cx="384" cy="216" r="64" fill="#000" opacity={isHovered ? 0.5 : 0.3}/>*/}
{/* </defs>*/}
{/* <g fill="none" fillRule="evenodd">*/}
{/* <circle fillOpacity={isHovered ? 0.3 : 0.2} fill="url(#hero-ill-a)" cx="384" cy="216" r="128" />*/}
{/* <circle fillOpacity={isHovered ? 0.5 : 0.4} fill="url(#hero-ill-b)" cx="384" cy="216" r="96" />*/}
{/* <g fillRule="nonzero">*/}
{/* <use fill="#000" xlinkHref="#hero-ill-d" />*/}
{/* <use fill="url(#hero-ill-e)" xlinkHref="#hero-ill-d" />*/}
{/* </g>*/}
{/* /!* Play button *!/*/}
{/* <g transform="translate(342 174)" >*/}
{/* <polygon fill="#ff914d" stroke="#6f0a0d" strokeWidth="1" points="32,25 32,58 60,42"/></g>*/}
{/* </g>*/}
{/*</svg>*/}
<svg
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
className="absolute inset-0 max-w-full mx-auto md:max-w-none h-auto cursor-pointer "
onClick={() => { setModalOpen(true) }}
width="768" height="432" viewBox="0 0 768 432" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="hero-ill-a">
<stop stopColor="#FFF" offset="0%" />
<stop stopColor="#EAEAEA" offset="77.402%" />
<stop stopColor="#DFDFDF" offset="100%" />
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="99.24%" id="hero-ill-b">
<stop stopColor="#FFF" offset="0%" />
<stop stopColor="#EAEAEA" offset="48.57%" />
<stop stopColor="#DFDFDF" stopOpacity="0" offset="100%" />
</linearGradient>
<radialGradient cx="21.152%" cy="86.063%" fx="21.152%" fy="86.063%" r="79.941%" id="hero-ill-e" >
<stop stopColor="#29456E" offset="0%" />
<stop stopColor="#00163d" offset="25.871%" />
<stop stopColor="#00061A" offset="100%" />
</radialGradient>
<circle id="hero-ill-d" cx="384" cy="216" r="64" fill="#000" opacity={isHovered ? 0.5 : 0.3}/>
</defs>
<g fill="none" fillRule="evenodd">
<circle fillOpacity={isHovered ? 0.3 : 0.2} fill="url(#hero-ill-a)" cx="384" cy="216" r="128" />
<circle fillOpacity={isHovered ? 0.5 : 0.4} fill="url(#hero-ill-b)" cx="384" cy="216" r="96" />
<g fillRule="nonzero">
<use fill="#000" xlinkHref="#hero-ill-d" />
<use fill="url(#hero-ill-e)" xlinkHref="#hero-ill-d" />
</g>
{/* Play button */}
<g transform="translate(342 174)" >
<polygon fill="#ff914d" stroke="#6f0a0d" strokeWidth="1" points="32,25 32,58 60,42"/></g>
</g>
</svg>
</div>
{/*<button className="absolute top-full flex items-center transform -translate-y-1/2 bg-white rounded-full font-medium group p-4 shadow-lg hover:bg-primary-300" onClick={() => { setModalOpen(true) }}>*/}
{/* <svg className="w-6 h-6 fill-current text-gray-400 group-hover:text-accent-200 shrink-0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">*/}
{/* <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm0 2C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12z" />*/}
{/* <path d="M10 17l6-5-6-5z" />*/}
{/* </svg>*/}
{/* <span className="ml-3 hover:text-secondary-300">Watch demo video (1 min)</span>*/}
{/*</button>*/}
<button className="absolute top-full flex items-center transform -translate-y-1/2 bg-white rounded-full font-medium group p-4 shadow-lg hover:bg-primary-300" onClick={() => { setModalOpen(true) }}>
<svg className="w-6 h-6 fill-current text-gray-400 group-hover:text-accent-200 shrink-0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm0 2C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12z" />
<path d="M10 17l6-5-6-5z" />
</svg>
<span className="ml-3 hover:text-secondary-300">Watch demo (1 min)</span>
</button>
</div>
</div>
{/* End: Video thumbnail */}
Expand Down
6 changes: 3 additions & 3 deletions components/ui/header.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@ export default function Header() {
href="https://keploy.io/blog/community"
className="font-medium text-gray-600 hover:text-primary-300 px-5 py-3 flex items-center transition duration-150 ease-in-out"
>
Guest Posts
Articles
</Link>
</li>
<div className="px-5">
Expand Down Expand Up @@ -136,11 +136,11 @@ export default function Header() {
</Link>
</div>
<Link
href="https://calendar.app.google/8Ncpff4QnAhpVnYd8"
href="https://forms.gle/waYcLSASm9dfE9tC9"
target="_blank"
className="btn-sm text-gray-200 bg-secondary-300 hover:text-primary-300 ml-3"
>
<span>Book Cloud Demo</span>
<span>Join Waitlist</span>
{/*<svg className="w-3 h-3 fill-current hover:text-primary-300 shrink-0 ml-2 -mr-1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">*/}
{/* <path d="M11.707 5.293L7 .586 5.586 2l3 3H0v2h8.586l-3 3L7 11.414l4.707-4.707a1 1 0 000-1.414z" fillRule="nonzero" />*/}
{/*</svg>*/}
Expand Down

0 comments on commit c48af71

Please sign in to comment.