Dorian Niemiec
5c17f9d9d5
Some checks failed
Deploy Next.js application / deploy (push) Failing after 10m12s
45 lines
1.5 KiB
TypeScript
45 lines
1.5 KiB
TypeScript
"use client";
|
|
import React from "react";
|
|
import { Button, buttonVariants } from "../ui/button";
|
|
import { ArrowUpRight } from "lucide-react";
|
|
import Link from "next/link";
|
|
import HeroVideoDialog from "../ui/heroVideoAction";
|
|
|
|
const DemoVideo = () => {
|
|
return (
|
|
<section
|
|
id="partners"
|
|
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
|
|
>
|
|
<h2 className="text-3xl md:text-5xl font-bold text-start">
|
|
<span className="bg-gradient-to-b from-green-300 to-primary text-transparent bg-clip-text">
|
|
SVR.JS
|
|
</span>{" "}
|
|
in action
|
|
</h2>
|
|
<div className="w-full flex-start flex-row">
|
|
<div className="flex max-md:flex-col items-center justify-start gap-4">
|
|
<p className="text-md font-medium bg-accent/60 px-2 py-2 rounded-md">
|
|
Process of setting up a WordPress website running on SVR.JS.
|
|
</p>
|
|
<Link
|
|
className={`${buttonVariants({ font: "bold" })} flex-center max-md:w-full max-w-xl`}
|
|
href="/docs"
|
|
>
|
|
Docs <ArrowUpRight />
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
|
|
<HeroVideoDialog
|
|
animationStyle="top-in-bottom-out"
|
|
videoSrc="https://odysee.com/$/embed/@SVRJS:5/svrjs-in-action-2:c?r=2aYLMLSbhkVf7tPGk6UCnUH2Gewrp26w"
|
|
thumbnailSrc="/svrjs-in-action.png"
|
|
thumbnailAlt="SVR.JS in action!"
|
|
/>
|
|
<hr className="w-full h-1" />
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default DemoVideo;
|