svrjs-nextjs-website/components/shared/Partners.tsx

50 lines
1.3 KiB
TypeScript
Raw Normal View History

2024-06-17 08:41:15 +02:00
"use client";
2024-06-15 17:30:51 +02:00
import React from "react";
2024-06-16 15:37:26 +02:00
import { Button } from "../ui/button";
import { ArrowUpRight } from "lucide-react";
import Link from "next/link";
2024-06-17 08:41:15 +02:00
import { useRouter } from "next/navigation";
2024-06-15 17:30:51 +02:00
const Partners = () => {
2024-07-25 21:23:26 +02:00
const router = useRouter();
const handleClick = () => {
router.push("/docs");
};
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">
SVRJS
</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">
<h2 className="text-lg font-medium bg-accent/60 px-2 py-2 rounded-md">
Process of setting up a WordPress website running on SVR.JS.
</h2>
<Button
onClick={handleClick}
className="flex-center font-bold max-md:w-full max-w-xl"
>
Docs <ArrowUpRight />
</Button>
</div>
</div>
2024-06-16 15:37:26 +02:00
2024-07-25 21:23:26 +02:00
<video
src="/svgaction.mp4"
className="rounded-xl aspect-video bg-[#09090b]"
controls
poster="/poster.svg"
></video>
<hr className="w-full h-1" />
</section>
);
2024-06-15 17:30:51 +02:00
};
export default Partners;