feat: update features section with new images and localization

apps/website/components/first-features.tsx

@@ -140,7 +140,7 @@ const Feature = ({
 					{title}
 				</span>
 			</div>
-			<p className="text-sm text-neutral-300 max-w-xs relative z-10 px-10">
+			<p className="text-sm text-neutral-300 lg:max-w-xs relative z-10 px-10">
 				{description}
 			</p>
 		</div>

apps/website/components/secondary-features.tsx

@@ -13,17 +13,22 @@ const features = [
 	{
 		title: "primaryFeatures.applications",
 		description: "primaryFeatures.applicationsDes",
-		image: "/primary/primary.png",
+		image: "/dashboard.png",
 	},
 	{
 		title: "primaryFeatures.compose",
 		description: "primaryFeatures.composeDes",
-		image: "/primary/compose.png",
+		image: "/compose.png",
 	},
 	{
 		title: "primaryFeatures.multiserver",
 		description: "primaryFeatures.multiserverDes",
-		image: "/primary/servers.png",
+		image: "/remote.png",
+	},
+	{
+		title: "primaryFeatures.logs",
+		description: "primaryFeatures.logsDes",
+		image: "/logs.png",
 	},
 	{
 		title: "primaryFeatures.monitoring",
@@ -33,12 +38,17 @@ const features = [
 	{
 		title: "primaryFeatures.backups",
 		description: "primaryFeatures.backupsDes",
-		image: "/primary/backups.png",
+		image: "/backups.png",
 	},
 	{
 		title: "primaryFeatures.traefik",
 		description: "primaryFeatures.traefikDes",
-		image: "/primary/traefik.png",
+		image: "/traefik.png",
+	},
+	{
+		title: "primaryFeatures.templates",
+		description: "primaryFeatures.templatesDes",
+		image: "/templates.png",
 	},
 ];
 
@@ -174,14 +184,19 @@ export function SecondaryFeaturesSections() {
 												bounce: 0.2,
 												duration: 0.8,
 											}}
-											className="mt-10 h-[24rem] w-[45rem] overflow-hidden rounded-xl border-b shadow-xl sm:w-auto  lg:mt-0 lg:h-[40rem] "
+											className="mt-10 h-[24rem] w-[45rem] overflow-hidden rounded-xl border shadow-xl sm:w-auto  lg:mt-0 lg:h-[40rem] "
 										>
-											<div className="relative">
-												<Safari
-													url={"Dokploy UI"}
-													className="size-full"
-													src={feature.image}
-												/>
+											<div className="relative w-full">
+												<div className="mx-auto">
+													<div className="w-full h-11 rounded-t-lg bg-card flex justify-start items-center space-x-1.5 px-3">
+														<span className="w-3 h-3 rounded-full bg-red-400" />
+														<span className="w-3 h-3 rounded-full bg-yellow-400" />
+														<span className="w-3 h-3 rounded-full bg-green-400" />
+													</div>
+													<div className="bg-gray-100 w-full h-96">
+														<img src={feature.image} alt={feature.title} />
+													</div>
+												</div>
 											</div>
 										</motion.div>
 									</Tab.Panel>

apps/website/locales/en.json

@@ -41,6 +41,10 @@
 			"title": "Comprehensive Control for Your Digital Ecosystem",
 			"des": "Simplify your project and data management, ensure robust monitoring, and secure your backups—all without the fuss over minute details.",
 			"projects": "Projects",
+			"templates": "Templates",
+			"templatesDes": "One click to deploy open source templates.",
+			"logs": "Logs",
+			"logsDes": "Monitor and manage your applications' logs with ease, ensuring efficient troubleshooting and optimal performance.",
 			"projectsDes": "Manage and organize all your projects in one place, keeping detailed track of progress and resource allocation.",
 			"applications": "Applications & Databases",
 			"applicationsDes": "Centralize control over your applications and databases for enhanced security and efficiency, simplifying access and management across your infrastructure.",

apps/website/locales/fr.json

@@ -41,6 +41,10 @@
 			"title": "Contrôle complet de votre écosystème numérique",
 			"des": "Simplifiez la gestion de vos projets et données, assurez une surveillance robuste et sécurisez vos sauvegardes — tout cela sans vous soucier des détails minutieux.",
 			"projects": "Projets",
+			"templates": "Templates",
+			"templatesDes": "Un clic pour déployer des templates open source.",
+			"logs": "Logs",
+			"logsDes": "Surveillez et gérez les logs de vos applications avec facilité, en assurant un dépannage efficace et des performances optimales.",
 			"projectsDes": "Gérez et organisez tous vos projets au même endroit, en suivant de manière détaillée l'avancement et l'allocation des ressources.",
 			"applications": "Applications & Bases de données",
 			"applicationsDes": "Centralisez le contrôle de vos applications et bases de données pour améliorer la sécurité et l'efficacité, simplifiant l'accès et la gestion sur toute votre infrastructure.",

apps/website/locales/zh-Hans.json

@@ -41,6 +41,10 @@
 			"title": "全面掌控您的基础设施",
 			"des": "Dokploy 不仅简化您的项目部署和数据管理流程，同时还提供完备的数据备份，一切只在弹指间。",
 			"projects": "项目",
+			"logs": "日志",
+			"templates": "模板",
+			"templatesDes": "一键部署热门开源项目。",
+			"logsDes": "轻松监控和处理您的应用程序日志，确保高效故障排除和最佳性能。",
 			"projectsDes": "您所有的项目和所需的一切信息都将归集一处。",
 			"applications": "应用和数据库",
 			"applicationsDes": "Dokploy 通过集中管理您的应用和数据库来提升安全性和效率，并大大简化了跨基础设施的访问和管理。",