feat: add website

components/Faqs.tsx

@@ -1,63 +1,57 @@
+import { useTranslations } from "next-intl";
 import { Container } from "./Container";
 
 const faqs = [
 	[
 		{
-			question: "What is dokploy?",
-			answer:
-				"Dokploy is a stable, easy-to-use deployment solution designed to simplify the application management process. Think of Dokploy as a free alternative self-hostable solution to platforms like Heroku, Vercel, and Netlify.",
+			question: "faq.q1",
+			answer: "faq.a1",
 		},
 		{
-			question: "Why Choose Dokploy?",
-			answer: "Simplicity, Flexibility, and Fast",
+			question: "faq.q2",
+			answer: "faq.a2",
 		},
 		{
-			question: "Is free?",
-			answer:
-				"Yes, dokploy is totally free. You can use it for personal projects, small teams, or even for large-scale applications.",
+			question: "faq.q3",
+			answer: "faq.a3",
 		},
 		{
-			question: "Is it open source?",
-			answer: "Yes, dokploy is open source and free to use.",
+			question: "faq.q4",
+			answer: "faq.a4",
 		},
 	],
 	[
 		{
-			question: "What type of applications can i deploy with dokploy?",
-			answer:
-				"Dokploy is a great choice for any type of application. You can deploy your code to dokploy and manage it from the dashboard. We support a wide range of languages and frameworks, so you can choose the one that best fits your needs.",
+			question: "faq.q5",
+			answer: "faq.a5",
 		},
 		{
-			question: "How do I request a feature or report a bug?",
-			answer:
-				"Currently we are working on fixing bug fixes, but we will be releasing new features soon. You can also request features or report bugs.",
+			question: "faq.q6",
+			answer: "faq.a6",
 		},
 		{
-			question: "Do you track the usage of Dokploy?",
-			answer: "No, we don't track any usage data.",
+			question: "faq.q7",
+			answer: "faq.a7",
 		},
 	],
 	[
 		{
-			question:
-				"Are there any user forums or communities where I can interact with other users?",
-			answer:
-				"Yes, we have active github discussions where you can share ideas, ask for help, and connect with other users.",
+			question: "faq.q8",
+			answer: "faq.a8",
 		},
 		{
-			question: "What types of applications can I deploy with Dokploy?",
-			answer:
-				"Dokploy supports a variety of applications, including those built with Docker, as well as applications from any Git repository, offering custom builds with Nixpacks, Dockerfiles, or Buildpacks like Heroku and Paketo.",
+			question: "faq.q9",
+			answer: "faq.a9",
 		},
 		{
-			question: "How does Dokploy handle database management?",
-			answer:
-				"Dokploy supports multiple database systems including Postgres, MySQL, MariaDB, MongoDB, and Redis, providing tools for easy deployment and management directly from the dashboard.",
+			question: "faq.q10",
+			answer: "faq.a10",
 		},
 	],
 ];
 
 export function Faqs() {
+	const t = useTranslations("HomePage");
 	return (
 		<section
 			id="faqs"
@@ -70,11 +64,10 @@ export function Faqs() {
 						id="faq-title"
 						className="font-display text-3xl tracking-tight text-primary sm:text-4xl"
 					>
-						Frequently asked questions
+						{t("faq.title")}
 					</h2>
 					<p className="mt-4 text-lg tracking-tight text-muted-foreground">
-						If you can’t find what you’re looking for, email our support team
-						and if you’re lucky someone will get back to you.
+						{t("faq.des")}
 					</p>
 				</div>
 				<ul className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-8 lg:max-w-none lg:grid-cols-3">
@@ -84,10 +77,10 @@ export function Faqs() {
 								{column.map((faq, faqIndex) => (
 									<li key={faqIndex}>
 										<h3 className="font-display text-lg leading-7 text-primary">
-											{faq.question}
+											{t(faq.question)}
 										</h3>
 										<p className="mt-4 text-sm text-muted-foreground">
-											{faq.answer}
+											{t(faq.answer)}
 										</p>
 									</li>
 								))}