Added translation
This commit is contained in:
Rahaf
13
index.html
13
index.html
@ -1,13 +1,16 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>rexnt</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="root" style="overflow-y: scroll !important;"></div>
|
||||
<script type="module" src="/src/main.jsx"></script>
|
||||
</body>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -2,363 +2,51 @@ import React, { useState, useEffect, useRef } from "react";
|
||||
import styled from "styled-components";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { Link, animateScroll as scroll } from "react-scroll";
|
||||
import { FcGlobe } from "react-icons/fc";
|
||||
import { FiSun, FiMoon, FiGlobe } from "react-icons/fi";
|
||||
import { MdOutlineDarkMode, MdOutlineLightMode } from "react-icons/md";
|
||||
|
||||
/* ----------------- Icons (unchanged) ----------------- */
|
||||
const SunIcon = ({ className }) => (
|
||||
<svg viewBox="0 0 24 24" className={className} fill="none" aria-hidden>
|
||||
<path d="M12 4v2" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M12 18v2" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M4.22 4.22l1.42 1.42" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M18.36 18.36l1.42 1.42" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M1 12h2" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<path d="M21 12h2" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
|
||||
<circle cx="12" cy="12" r="3" stroke="currentColor" strokeWidth="1.6" />
|
||||
</svg>
|
||||
);
|
||||
const MoonIcon = ({ className }) => (
|
||||
<svg viewBox="0 0 24 24" className={className} fill="none" aria-hidden>
|
||||
<path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
|
||||
</svg>
|
||||
);
|
||||
|
||||
/* ----------------- ThemeToggle styles (RESTORED EXACTLY AS ORIGINAL) ----------------- */
|
||||
/* kept exactly the same as your original ThemeToggle styles so its look didn't change */
|
||||
const StyledWrapper = styled.div`
|
||||
/* Base Styles */
|
||||
.switch {
|
||||
display: inline-block;
|
||||
width: 5.2em;
|
||||
height: 2.6em;
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
user-select: none;
|
||||
margin: 0;
|
||||
transform-origin: center;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
.switch input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* Slider */
|
||||
.slider {
|
||||
position: absolute;
|
||||
.theme-toggle-btn {
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: ${props => props.theme === 'dark' ? '#FFD700' : '#FF8C00'};
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(to right, #87ceeb, #e0f6ff);
|
||||
border-radius: 50px;
|
||||
transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
box-shadow:
|
||||
0 4px 8px rgba(0, 0, 0, 0.1),
|
||||
inset 0 -5px 10px rgba(0, 0, 0, 0.1);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Inner slider for additional styling */
|
||||
.slider-inner {
|
||||
position: absolute;
|
||||
top: 0.28em;
|
||||
left: 0.28em;
|
||||
height: 2.1em;
|
||||
width: 2.1em;
|
||||
padding: 0.5rem;
|
||||
border-radius: 50%;
|
||||
background-color: #ffd700;
|
||||
transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
box-shadow:
|
||||
0 2px 4px rgba(0, 0, 0, 0.2),
|
||||
inset 0 -2px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: all 0.3s ease;
|
||||
font-size: 1.5rem;
|
||||
|
||||
/* Checked state */
|
||||
.switch input:checked + .slider {
|
||||
background: linear-gradient(to right, #1a237e, #3949ab);
|
||||
}
|
||||
|
||||
.switch input:checked + .slider .slider-inner {
|
||||
transform: translateX(2.6em);
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/* Focus state */
|
||||
.switch input:focus + .slider {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0.4em rgba(25, 118, 210, 0.5);
|
||||
}
|
||||
|
||||
/* Hover and active states */
|
||||
.switch:hover .slider {
|
||||
background: linear-gradient(to right, #64b5f6, #e3f2fd);
|
||||
}
|
||||
|
||||
.switch input:checked:hover + .slider {
|
||||
background: linear-gradient(to right, #283593, #5c6bc0);
|
||||
}
|
||||
|
||||
/* Animation for slider inner */
|
||||
@keyframes sunPulse {
|
||||
0%,
|
||||
100% {
|
||||
box-shadow:
|
||||
0 0 0 0 rgba(255, 215, 0, 0.7),
|
||||
0 0 0 0 rgba(255, 215, 0, 0.4);
|
||||
}
|
||||
50% {
|
||||
box-shadow:
|
||||
0 0 20px 10px rgba(255, 215, 0, 0.7),
|
||||
0 0 40px 20px rgba(255, 215, 0, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes moonPhase {
|
||||
0%,
|
||||
100% {
|
||||
box-shadow:
|
||||
inset -10px -5px 0 0 #ddd,
|
||||
0 0 20px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
50% {
|
||||
box-shadow:
|
||||
inset 0 0 0 0 #ddd,
|
||||
0 0 20px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.switch input:not(:checked) + .slider .slider-inner {
|
||||
animation: sunPulse 3s infinite;
|
||||
}
|
||||
|
||||
.switch input:checked + .slider .slider-inner {
|
||||
animation: moonPhase 5s infinite;
|
||||
}
|
||||
|
||||
/* Stars effect */
|
||||
@keyframes twinkle {
|
||||
0%,
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.slider::before,
|
||||
.slider::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 50%;
|
||||
transition: all 0.6s ease;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.slider::before {
|
||||
top: 20%;
|
||||
left: 30%;
|
||||
}
|
||||
|
||||
.slider::after {
|
||||
bottom: 25%;
|
||||
right: 25%;
|
||||
}
|
||||
|
||||
.switch input:checked + .slider::before,
|
||||
.switch input:checked + .slider::after {
|
||||
opacity: 1;
|
||||
animation: twinkle 2s infinite;
|
||||
}
|
||||
|
||||
.switch input:checked + .slider::before {
|
||||
animation-delay: 0.5s;
|
||||
}
|
||||
|
||||
/* 3D effect */
|
||||
.slider {
|
||||
transform-style: preserve-3d;
|
||||
perspective: 500px;
|
||||
}
|
||||
|
||||
.slider-inner {
|
||||
transform: translateZ(5px);
|
||||
}
|
||||
|
||||
.switch input:checked + .slider .slider-inner {
|
||||
transform: translateX(2.6em) translateZ(5px) rotateY(180deg);
|
||||
}
|
||||
|
||||
/* Cloud effect for day mode */
|
||||
.slider-inner::before,
|
||||
.slider-inner::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 50%;
|
||||
transition: all 0.6s ease;
|
||||
}
|
||||
|
||||
.slider-inner::before {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
top: -0.5em;
|
||||
left: -0.2em;
|
||||
}
|
||||
|
||||
.slider-inner::after {
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
bottom: -0.6em;
|
||||
right: -0.3em;
|
||||
}
|
||||
|
||||
.switch input:checked + .slider .slider-inner::before,
|
||||
.switch input:checked + .slider .slider-inner::after {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* Crater effect for night mode */
|
||||
.switch input:checked + .slider .slider-inner::before {
|
||||
width: 0.6em;
|
||||
height: 0.6em;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
top: 0.3em;
|
||||
left: 0.3em;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.switch input:checked + .slider .slider-inner::after {
|
||||
width: 0.4em;
|
||||
height: 0.4em;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
bottom: 0.5em;
|
||||
right: 0.5em;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Accessibility improvements */
|
||||
.switch input:focus + .slider {
|
||||
outline: 2px solid #4a90e2;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
/* Responsive adjustments */
|
||||
@media (max-width: 768px) {
|
||||
.switch {
|
||||
width: 4.6em;
|
||||
height: 2.3em;
|
||||
&:hover {
|
||||
background: ${props => props.theme === 'dark' ? 'rgba(255, 215, 0, 0.1)' : 'rgba(255, 140, 0, 0.1)'};
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.slider-inner {
|
||||
height: 1.85em;
|
||||
width: 1.85em;
|
||||
top: 0.23em;
|
||||
left: 0.23em;
|
||||
}
|
||||
|
||||
.switch input:checked + .slider .slider-inner {
|
||||
transform: translateX(2.2em) translateZ(5px) rotateY(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.switch {
|
||||
width: 3.8em;
|
||||
height: 1.9em;
|
||||
}
|
||||
|
||||
.slider-inner {
|
||||
height: 1.5em;
|
||||
width: 1.5em;
|
||||
top: 0.2em;
|
||||
left: 0.2em;
|
||||
}
|
||||
|
||||
.switch input:checked + .slider .slider-inner {
|
||||
transform: translateX(1.8em) translateZ(5px) rotateY(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* High contrast mode */
|
||||
@media (forced-colors: active) {
|
||||
.slider {
|
||||
background: Canvas;
|
||||
border: 2px solid ButtonText;
|
||||
}
|
||||
|
||||
.switch input:checked + .slider {
|
||||
background: Highlight;
|
||||
}
|
||||
|
||||
.slider-inner {
|
||||
background-color: ButtonFace;
|
||||
}
|
||||
|
||||
.switch::before,
|
||||
.switch::after {
|
||||
color: ButtonText;
|
||||
}
|
||||
}
|
||||
|
||||
/* Reduced motion preference */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.switch,
|
||||
.slider,
|
||||
.slider-inner {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.switch input:checked + .slider .slider-inner,
|
||||
.switch input:not(:checked) + .slider .slider-inner,
|
||||
.switch input:checked + .slider::before,
|
||||
.switch input:checked + .slider::after {
|
||||
animation: none;
|
||||
&:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
/* ----------------- ThemeToggle component (exactly as original) ----------------- */
|
||||
const ThemeToggle = ({ currentTheme, toggleTheme }) => {
|
||||
const isDark = currentTheme === "dark";
|
||||
|
||||
return (
|
||||
<StyledWrapper>
|
||||
<label
|
||||
role="switch"
|
||||
aria-checked={isDark}
|
||||
tabIndex={0}
|
||||
className="switch"
|
||||
onKeyDown={(e) => {
|
||||
if (e.key === "Enter" || e.key === " ") {
|
||||
e.preventDefault();
|
||||
toggleTheme();
|
||||
}
|
||||
}}
|
||||
<StyledWrapper theme={currentTheme}>
|
||||
<button
|
||||
onClick={toggleTheme}
|
||||
className="theme-toggle-btn"
|
||||
aria-label={isDark ? "Switch to light mode" : "Switch to dark mode"}
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={isDark}
|
||||
onChange={toggleTheme}
|
||||
aria-hidden="false"
|
||||
/>
|
||||
<span className="slider" aria-hidden="true">
|
||||
<span className="slider-inner" />
|
||||
</span>
|
||||
</label>
|
||||
{isDark ? <FiSun size={24} /> : <FiMoon size={24} />}
|
||||
</button>
|
||||
</StyledWrapper>
|
||||
);
|
||||
};
|
||||
|
||||
/* ----------------- Internal LanguageSwitcher (restricted to EN/AR only) ----------------- */
|
||||
const InternalLanguageSwitcher = ({ className, i18n }) => {
|
||||
const LanguageSwitcher = ({ i18n }) => {
|
||||
const [open, setOpen] = useState(false);
|
||||
const ref = useRef(null);
|
||||
const current = i18n.language?.startsWith("ar") ? "ar" : "en";
|
||||
@ -378,27 +66,28 @@ const InternalLanguageSwitcher = ({ className, i18n }) => {
|
||||
};
|
||||
|
||||
return (
|
||||
<div ref={ref} className={className} style={{ position: "relative", display: "inline-flex", alignItems: "center" }}>
|
||||
<div ref={ref} style={{ position: "relative", display: "inline-flex", alignItems: "center" }}>
|
||||
<button
|
||||
type="button"
|
||||
aria-haspopup="true"
|
||||
aria-expanded={open}
|
||||
onClick={() => setOpen((s) => !s)}
|
||||
className="lang-switch-btn"
|
||||
style={{
|
||||
padding: "0.28rem 0.5rem",
|
||||
borderRadius: "0.5rem",
|
||||
padding: "0.5rem",
|
||||
borderRadius: "50%",
|
||||
border: "none",
|
||||
background: "transparent",
|
||||
color: "inherit",
|
||||
fontWeight: 700,
|
||||
cursor: "pointer",
|
||||
display: "inline-flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
transition: "all 0.3s ease",
|
||||
fontSize: "1.5rem",
|
||||
}}
|
||||
className="lang-toggle-btn"
|
||||
>
|
||||
<FcGlobe size={28} />
|
||||
<FiGlobe size={24} />
|
||||
</button>
|
||||
|
||||
{open && (
|
||||
@ -420,9 +109,10 @@ const InternalLanguageSwitcher = ({ className, i18n }) => {
|
||||
<button
|
||||
onClick={() => changeLng("en")}
|
||||
role="menuitem"
|
||||
className={`lang-item ${current === "en" ? "active" : ""}`}
|
||||
style={{
|
||||
display: "block",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "space-between",
|
||||
width: "100%",
|
||||
textAlign: "left",
|
||||
padding: "8px 10px",
|
||||
@ -431,16 +121,20 @@ const InternalLanguageSwitcher = ({ className, i18n }) => {
|
||||
color: "inherit",
|
||||
border: "none",
|
||||
cursor: "pointer",
|
||||
transition: "all 0.2s ease",
|
||||
}}
|
||||
className={`lang-item ${current === "en" ? "active" : ""}`}
|
||||
>
|
||||
English
|
||||
<span>English</span>
|
||||
{current === "en" && <span style={{ fontSize: "0.9rem" }}>✓</span>}
|
||||
</button>
|
||||
<button
|
||||
onClick={() => changeLng("ar")}
|
||||
role="menuitem"
|
||||
className={`lang-item ${current === "ar" ? "active" : ""}`}
|
||||
style={{
|
||||
display: "block",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "space-between",
|
||||
width: "100%",
|
||||
textAlign: "left",
|
||||
padding: "8px 10px",
|
||||
@ -449,10 +143,13 @@ const InternalLanguageSwitcher = ({ className, i18n }) => {
|
||||
color: "inherit",
|
||||
border: "none",
|
||||
cursor: "pointer",
|
||||
transition: "all 0.2s ease",
|
||||
marginTop: 6,
|
||||
}}
|
||||
className={`lang-item ${current === "ar" ? "active" : ""}`}
|
||||
>
|
||||
العربية
|
||||
<span>العربية</span>
|
||||
{current === "ar" && <span style={{ fontSize: "0.9rem" }}>✓</span>}
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
@ -460,7 +157,6 @@ const InternalLanguageSwitcher = ({ className, i18n }) => {
|
||||
);
|
||||
};
|
||||
|
||||
/* ----------------- Navbar component ----------------- */
|
||||
const Navbar = ({ toggleTheme, currentTheme }) => {
|
||||
const { t, i18n } = useTranslation();
|
||||
const [menuOpen, setMenuOpen] = useState(false);
|
||||
@ -616,14 +312,28 @@ const Navbar = ({ toggleTheme, currentTheme }) => {
|
||||
.mobile-left-slot { display:flex; align-items:center; gap:0.5rem; }
|
||||
.mobile-right-slot { display:flex; align-items:center; gap:0.5rem; }
|
||||
|
||||
.lang-switch-btn {
|
||||
.lang-toggle-btn {
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: inherit;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
padding: 0.25rem 0.45rem;
|
||||
border-radius: 0.4rem;
|
||||
padding: 0.5rem;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: all 0.3s ease;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.lang-toggle-btn:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.theme-toggle-btn:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
`}</style>
|
||||
|
||||
@ -668,7 +378,7 @@ const Navbar = ({ toggleTheme, currentTheme }) => {
|
||||
|
||||
<div className="flex items-center gap-3 md:gap-5">
|
||||
<div className="hidden md:flex items-center gap-3">
|
||||
<InternalLanguageSwitcher i18n={i18n} />
|
||||
<LanguageSwitcher i18n={i18n} />
|
||||
<ThemeToggle currentTheme={currentTheme} toggleTheme={toggleTheme} />
|
||||
</div>
|
||||
|
||||
@ -694,14 +404,14 @@ const Navbar = ({ toggleTheme, currentTheme }) => {
|
||||
|
||||
<div style={{ display: "flex", alignItems: "center", gap: 8 }}>
|
||||
<ThemeToggle currentTheme={currentTheme} toggleTheme={toggleTheme} />
|
||||
<InternalLanguageSwitcher i18n={i18n} />
|
||||
<LanguageSwitcher i18n={i18n} />
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<div style={{ display: "flex", alignItems: "center", width: "100%" }}>
|
||||
<div style={{ display: "flex", alignItems: "center", gap: 8 }}>
|
||||
<ThemeToggle currentTheme={currentTheme} toggleTheme={toggleTheme} />
|
||||
<InternalLanguageSwitcher i18n={i18n} />
|
||||
<LanguageSwitcher i18n={i18n} />
|
||||
</div>
|
||||
|
||||
<div style={{ flex: 1 }} />
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,455 +1,3 @@
|
||||
// import { useTranslation } from "react-i18next";
|
||||
// import {
|
||||
// FaMapMarkerAlt,
|
||||
// FaPhoneAlt,
|
||||
// FaEnvelope,
|
||||
// FaWhatsapp,
|
||||
// FaPaperPlane,
|
||||
// } from "react-icons/fa";
|
||||
// import emailjs from "@emailjs/browser";
|
||||
// import { useRef, useState } from "react";
|
||||
// import { motion } from "framer-motion";
|
||||
|
||||
// const Contact = () => {
|
||||
// const { t } = useTranslation();
|
||||
// const form = useRef();
|
||||
// const [message, setMessage] = useState({ text: "", type: "" });
|
||||
// const [isLoading, setIsLoading] = useState(false);
|
||||
|
||||
// const sendEmail = (e) => {
|
||||
// e.preventDefault();
|
||||
// setIsLoading(true);
|
||||
// setMessage({ text: "", type: "" });
|
||||
// emailjs
|
||||
// .sendForm(
|
||||
// "service_dynf5hg",
|
||||
// "template_l4ik4he",
|
||||
// form.current,
|
||||
// "rRjr_WNgPp7_rGno1"
|
||||
// )
|
||||
// .then(
|
||||
// (result) => {
|
||||
// console.log("Message sent:", result.text);
|
||||
// setMessage({
|
||||
// text: t("contact.successMessage") || "Message sent successfully!",
|
||||
// type: "success",
|
||||
// });
|
||||
// form.current.reset();
|
||||
// setIsLoading(false);
|
||||
// setTimeout(() => setMessage({ text: "", type: "" }), 5000);
|
||||
// },
|
||||
// (error) => {
|
||||
// console.error("Failed to send message:", error.text);
|
||||
// setMessage({
|
||||
// text:
|
||||
// t("contact.errorMessage") ||
|
||||
// "Failed to send message. Please try again.",
|
||||
// type: "error",
|
||||
// });
|
||||
// setIsLoading(false);
|
||||
// setTimeout(() => setMessage({ text: "", type: "" }), 5000);
|
||||
// }
|
||||
// );
|
||||
// };
|
||||
|
||||
// return (
|
||||
// <section
|
||||
// id="contact"
|
||||
// className="relative min-h-screen py-16 px-4 sm:px-6 font-sans"
|
||||
// style={{
|
||||
// direction: "rtl",
|
||||
// // background: "linear-gradient(135deg, #dceafe 0%, #e8f4ff 25%, #c6e2ff 50%, #a3d0ff 75%, #23558f 100%)"
|
||||
// }}
|
||||
// >
|
||||
// <div className="absolute inset-0 overflow-hidden">
|
||||
// <div className="absolute -top-10 -right-40 w-80 h-80 bg-[#446a85] rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-pulse"></div>
|
||||
// <div className="absolute -bottom-10 -left-40 w-80 h-80 bg-[#446a85] rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-pulse delay-1000"></div>
|
||||
// <div className="absolute top-1/2 left-1/3 w-60 h-60 bg-[#57acd9] rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-pulse delay-500"></div>
|
||||
|
||||
// <div className="absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-[#57acd9]/30 to-transparent"></div>
|
||||
// </div>
|
||||
|
||||
// <div className="relative z-10 w-full max-w-6xl mx-auto">
|
||||
// <motion.div
|
||||
// initial={{ y: -50, opacity: 0 }}
|
||||
// animate={{ y: 0, opacity: 1 }}
|
||||
// transition={{ duration: 0.8 }}
|
||||
// className="text-center mb-12"
|
||||
// >
|
||||
// <h1 className="pt-0 mb-0 text-2xl font-extrabold md:text-5xl lg:text-6xl">
|
||||
// <motion.span
|
||||
// className="bg-clip-text text-transparent bg-gradient-to-r from-[#57acd9] via-blue-200 to-[#446a85]"
|
||||
// animate={{
|
||||
// backgroundPosition: ["0% 50%", "100% 50%", "0% 50%"]
|
||||
// }}
|
||||
// transition={{
|
||||
// duration: 5,
|
||||
// repeat: Infinity,
|
||||
// ease: "linear"
|
||||
// }}
|
||||
// style={{
|
||||
// backgroundSize: "200% 100%"
|
||||
// }}
|
||||
// >
|
||||
// {t("contact.title")}
|
||||
// </motion.span>
|
||||
// </h1>
|
||||
// </motion.div>
|
||||
// <div className="flex flex-col lg:flex-row-reverse gap-8 items-start">
|
||||
// <motion.div
|
||||
// initial={{ x: 50, opacity: 0 }}
|
||||
// animate={{ x: 0, opacity: 1 }}
|
||||
// transition={{ duration: 0.8, delay: 0.2 }}
|
||||
// className="space-y-4 lg:w-1/2"
|
||||
// >
|
||||
// <motion.div
|
||||
// whileHover={{ y: -5, scale: 1.02 }}
|
||||
// transition={{ duration: 0.3 }}
|
||||
// className="group relative bg-white/95 backdrop-blur-sm p-6 rounded-2xl shadow-lg border border-gray-100 hover:border-[#063e5b]/50 hover:shadow-2xl transition-all duration-300"
|
||||
// >
|
||||
// <div className="flex items-start gap-4">
|
||||
// <motion.div
|
||||
// whileHover={{ rotate: [0, -10, 10, 0] }}
|
||||
// transition={{ duration: 0.5 }}
|
||||
// className="p-3 rounded-xl bg-gradient-to-br from-[#57acd9] to-[#063e5b] text-white shadow-lg"
|
||||
// >
|
||||
// <FaMapMarkerAlt className="text-2xl" />
|
||||
// </motion.div>
|
||||
|
||||
// <div className="flex-1">
|
||||
// <h3 className="text-[#516475] lg font-bold text- mb-2">
|
||||
// {t("contact.address")}
|
||||
// </h3>
|
||||
// <p className="text-[#063e5b] text-sm leading-relaxed whitespace-pre-line">
|
||||
// {t("contact.addressText")}
|
||||
// </p>
|
||||
// </div>
|
||||
// </div>
|
||||
|
||||
// <motion.div
|
||||
// className="absolute inset-0 rounded-2xl bg-gradient-to-br from-[#3c5ee3]/0 via-[#063e5b]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500"
|
||||
// initial={false}
|
||||
// />
|
||||
// <motion.div
|
||||
// className="absolute bottom-0 left-1/2 h-1 w-0 group-hover:w-3/4 bg-gradient-to-r from-transparent via-[#57acd9] to-transparent rounded-full"
|
||||
// initial={{ x: "-50%", width: "0%" }}
|
||||
// whileHover={{ width: "75%" }}
|
||||
// transition={{ duration: 0.3 }}
|
||||
// />
|
||||
// </motion.div>
|
||||
// <motion.div
|
||||
// whileHover={{ y: -5, scale: 1.02 }}
|
||||
// transition={{ duration: 0.3 }}
|
||||
// className="group relative bg-white/95 backdrop-blur-sm p-6 rounded-2xl shadow-lg border border-gray-100 hover:border-[#3c5ee3]/50 hover:shadow-2xl transition-all duration-300"
|
||||
// >
|
||||
// <div className="flex items-start gap-4">
|
||||
// <motion.div
|
||||
// whileHover={{ rotate: [0, -10, 10, 0] }}
|
||||
// transition={{ duration: 0.5 }}
|
||||
// className="p-3 rounded-xl bg-gradient-to-br from-[#063e5b] to-[#5c7ce3] text-white shadow-lg"
|
||||
// >
|
||||
// <FaPhoneAlt className="text-2xl" />
|
||||
// </motion.div>
|
||||
|
||||
// <div className="flex-1">
|
||||
// <h3 className="text-lg font-bold text-gray-800 mb-3">
|
||||
// {t("contact.phone")}
|
||||
// </h3>
|
||||
// <div className="space-y-3">
|
||||
// <div className="flex items-center justify-between bg-gradient-to-r from-[#e8f4ff] to-[#dceafe] rounded-xl p-3 hover:from-[#dceafe] hover:to-[#c6e2ff] transition-all duration-300">
|
||||
// <span className="text-[#23558f] font-medium">0965656631</span>
|
||||
// <div className="flex items-center gap-2">
|
||||
// <motion.button
|
||||
// whileHover={{ scale: 1.1 }}
|
||||
// whileTap={{ scale: 0.9 }}
|
||||
// className="p-2 rounded-full bg-gradient-to-r from-[#57acd9] to-[#4a7c9b] text-white hover:shadow-lg transition-all duration-300"
|
||||
// >
|
||||
// <FaPhoneAlt className="text-sm" />
|
||||
// </motion.button>
|
||||
// </div>
|
||||
// </div>
|
||||
|
||||
// <div className="flex items-center justify-between bg-gradient-to-r from-[#e8f4ff] to-[#dceafe] rounded-xl p-3 hover:from-[#dceafe] hover:to-[#c6e2ff] transition-all duration-300">
|
||||
// <a
|
||||
// href="https://wa.me/963965656631"
|
||||
// target="_blank"
|
||||
// rel="noopener noreferrer"
|
||||
// className="text-[#23558f] font-medium hover:text-[#3c5ee3] transition-colors"
|
||||
// >
|
||||
// 963965656631
|
||||
// </a>
|
||||
// <div className="flex items-center gap-2">
|
||||
// <motion.a
|
||||
// href="https://wa.me/963965656631"
|
||||
// target="_blank"
|
||||
// rel="noopener noreferrer"
|
||||
// whileHover={{ scale: 1.1 }}
|
||||
// whileTap={{ scale: 0.9 }}
|
||||
// className="p-2 rounded-full bg-gradient-to-r from-[#25D366] to-[#128C7E] text-white hover:shadow-lg transition-all duration-300"
|
||||
// >
|
||||
// <FaWhatsapp className="text-sm" />
|
||||
// </motion.a>
|
||||
// <motion.button
|
||||
// whileHover={{ scale: 1.1 }}
|
||||
// whileTap={{ scale: 0.9 }}
|
||||
// className="p-2 rounded-full bg-gradient-to-r from-[#23558f] to-[#3360b2] text-white hover:shadow-lg transition-all duration-300"
|
||||
// >
|
||||
// <FaPhoneAlt className="text-sm" />
|
||||
// </motion.button>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
|
||||
// <motion.div
|
||||
// className="absolute inset-0 rounded-2xl bg-gradient-to-br from-[#3c5ee3]/0 via-[#3c5ee3]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500"
|
||||
// initial={false}
|
||||
// />
|
||||
// </motion.div>
|
||||
// <motion.div
|
||||
// whileHover={{ y: -5, scale: 1.02 }}
|
||||
// transition={{ duration: 0.3 }}
|
||||
// className="group relative bg-white/95 backdrop-blur-sm p-6 rounded-2xl shadow-lg border border-gray-100 hover:border-[#3c5ee3]/50 hover:shadow-2xl transition-all duration-300"
|
||||
// >
|
||||
// <div className="flex items-start gap-4">
|
||||
// <motion.div
|
||||
// whileHover={{ rotate: [0, -10, 10, 0] }}
|
||||
// transition={{ duration: 0.5 }}
|
||||
// className="p-3 rounded-xl bg-gradient-to-br from-[#2ecc71] to-[#1abc9c] text-white shadow-lg"
|
||||
// >
|
||||
// <FaEnvelope className="text-2xl" />
|
||||
// </motion.div>
|
||||
|
||||
// <div className="flex-1">
|
||||
// <h3 className="text-lg font-bold text-gray-800 mb-2">
|
||||
// {t("contact.email")}
|
||||
// </h3>
|
||||
// <a
|
||||
// href="mailto:info@TPS-STATIONS.COM"
|
||||
// className="inline-block bg-gradient-to-r from-[#e8f4ff] to-[#dceafe] text-[#23558f] font-medium rounded-xl px-4 py-3 hover:from-[#dceafe] hover:to-[#c6e2ff] hover:text-[#3c5ee3] hover:shadow-lg transition-all duration-300"
|
||||
// >
|
||||
// Info@TPS-STATIONS.COM
|
||||
// </a>
|
||||
// </div>
|
||||
// </div>
|
||||
|
||||
// <motion.div
|
||||
// className="absolute inset-0 rounded-2xl bg-gradient-to-br from-[#3c5ee3]/0 via-[#3c5ee3]/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500"
|
||||
// initial={false}
|
||||
// />
|
||||
|
||||
// <motion.div
|
||||
// className="absolute bottom-0 left-1/2 h-1 w-0 group-hover:w-3/4 bg-gradient-to-r from-transparent via-[#2ecc71] to-transparent rounded-full"
|
||||
// initial={{ x: "-50%", width: "0%" }}
|
||||
// whileHover={{ width: "75%" }}
|
||||
// transition={{ duration: 0.3 }}
|
||||
// />
|
||||
// </motion.div>
|
||||
// </motion.div>
|
||||
// <motion.div
|
||||
// initial={{ x: -50, opacity: 0 }}
|
||||
// animate={{ x: 0, opacity: 1 }}
|
||||
// transition={{ duration: 0.8, delay: 0.4 }}
|
||||
// className="group relative bg-white/95 backdrop-blur-sm p-8 rounded-2xl shadow-2xl border border-gray-100 hover:border-[#3c5ee3]/50 hover:shadow-3xl transition-all duration-500 lg:w-1/2"
|
||||
// >
|
||||
// <div className="relative mb-3 pt-3">
|
||||
// <h2 className="text-2xl md:text-3xl font-bold text-center">
|
||||
// <span className="bg-clip-text text-transparent bg-gradient-to-r from-[#4a7c9b] via-[#063e5b] to-[#57acd9]">
|
||||
// {t("contact.formTitle")}
|
||||
// </span>
|
||||
// </h2>
|
||||
// <div className="absolute -bottom-2 left-1/2 transform -translate-x-1/2 w-24 h-1 bg-gradient-to-r from-[#23558f] via-[#3c5ee3] to-[#2ecc71] rounded-full"></div>
|
||||
// </div>
|
||||
// <form
|
||||
// ref={form}
|
||||
// onSubmit={sendEmail}
|
||||
// className="space-y-2"
|
||||
// >
|
||||
// <div className="group/field">
|
||||
// <label className="block mb-1 font-semibold text-gray-700 text-base transition-colors duration-300 group-hover/field:text-[#23558f]">
|
||||
// {t("contact.name")}
|
||||
// </label>
|
||||
// <div className="relative">
|
||||
// <input
|
||||
// type="text"
|
||||
// name="user_name"
|
||||
// required
|
||||
// className="w-full border-2 border-gray-200 p-4 rounded-xl bg-white text-gray-800 text-base placeholder-gray-400 focus:outline-none focus:ring-4 focus:ring-[#3c5ee3]/30 focus:border-[#3c5ee3] transition-all duration-300 hover:border-[#3c5ee3]/50 hover:shadow-lg hover:shadow-[#3c5ee3]/10"
|
||||
// placeholder={t("contact.namePlaceholder")}
|
||||
// />
|
||||
// <div className="absolute inset-0 rounded-xl bg-gradient-to-r from-[#3c5ee3]/5 to-[#2ecc71]/5 opacity-0 hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div>
|
||||
// </div>
|
||||
// </div>
|
||||
// <div className="group/field">
|
||||
// <label className="block mb-1 font-semibold text-gray-700 text-base transition-colors duration-300 group-hover/field:text-[#23558f]">
|
||||
// {t("contact.email")}
|
||||
// </label>
|
||||
// <div className="relative">
|
||||
// <input
|
||||
// type="email"
|
||||
// name="user_email"
|
||||
// required
|
||||
// className="w-full border-2 border-gray-200 p-4 rounded-xl bg-white text-gray-800 text-base placeholder-gray-400 focus:outline-none focus:ring-4 focus:ring-[#3c5ee3]/30 focus:border-[#3c5ee3] transition-all duration-300 hover:border-[#3c5ee3]/50 hover:shadow-lg hover:shadow-[#3c5ee3]/10"
|
||||
// placeholder={t("contact.emailPlaceholder")}
|
||||
// />
|
||||
// <div className="absolute inset-0 rounded-xl bg-gradient-to-r from-[#3c5ee3]/5 to-[#2ecc71]/5 opacity-0 hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div>
|
||||
// </div>
|
||||
// </div>
|
||||
// <div className="group/field">
|
||||
// <label className="block mb-2 font-semibold text-gray-700 text-base transition-colors duration-300 group-hover/field:text-[#23558f]">
|
||||
// {t("contact.message")}
|
||||
// </label>
|
||||
// <div className="relative">
|
||||
// <textarea
|
||||
// name="user_message"
|
||||
// required
|
||||
// className="w-full border-2 border-gray-200 p-4 rounded-xl resize-none bg-white text-gray-800 text-base placeholder-gray-400 focus:outline-none focus:ring-4 focus:ring-[#3c5ee3]/30 focus:border-[#3c5ee3] transition-all duration-300 hover:border-[#3c5ee3]/50 hover:shadow-lg hover:shadow-[#3c5ee3]/10 min-h-[120px]"
|
||||
// placeholder={t("contact.messagePlaceholder")}
|
||||
// ></textarea>
|
||||
// <div className="absolute inset-0 rounded-xl bg-gradient-to-r from-[#3c5ee3]/5 to-[#2ecc71]/5 opacity-0 hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div>
|
||||
// </div>
|
||||
// </div>
|
||||
// {message.text && (
|
||||
// <motion.div
|
||||
// initial={{ scale: 0.9, opacity: 0 }}
|
||||
// animate={{ scale: 1, opacity: 1 }}
|
||||
// className={`p-4 rounded-xl text-center font-medium transition-all duration-500 ${
|
||||
// message.type === "success"
|
||||
// ? "bg-gradient-to-r from-[#2ecc71]/20 to-[#1abc9c]/20 border border-[#2ecc71]/50 text-[#2ecc71] shadow-lg shadow-[#2ecc71]/20"
|
||||
// : "bg-gradient-to-r from-[#e74c3c]/20 to-[#c0392b]/20 border border-[#e74c3c]/50 text-[#e74c3c] shadow-lg shadow-[#e74c3c]/20"
|
||||
// }`}
|
||||
// >
|
||||
// <div className="flex items-center justify-center gap-2">
|
||||
// {message.type === "success" ? (
|
||||
// <svg
|
||||
// className="w-5 h-5"
|
||||
// fill="none"
|
||||
// stroke="currentColor"
|
||||
// viewBox="0 0 24 24"
|
||||
// >
|
||||
// <path
|
||||
// strokeLinecap="round"
|
||||
// strokeLinejoin="round"
|
||||
// strokeWidth={2}
|
||||
// d="M5 13l4 4L19 7"
|
||||
// />
|
||||
// </svg>
|
||||
// ) : (
|
||||
// <svg
|
||||
// className="w-5 h-5"
|
||||
// fill="none"
|
||||
// stroke="currentColor"
|
||||
// viewBox="0 0 24 24"
|
||||
// >
|
||||
// <path
|
||||
// strokeLinecap="round"
|
||||
// strokeLinejoin="round"
|
||||
// strokeWidth={2}
|
||||
// d="M6 18L18 6M6 6l12 12"
|
||||
// />
|
||||
// </svg>
|
||||
// )}
|
||||
// {message.text}
|
||||
// </div>
|
||||
// </motion.div>
|
||||
// )}
|
||||
// <div className="pt-2">
|
||||
// <motion.button
|
||||
// type="submit"
|
||||
// disabled={isLoading}
|
||||
// whileHover={{ scale: 1.02 }}
|
||||
// whileTap={{ scale: 0.98 }}
|
||||
// className={`group/btn relative w-full bg-gradient-to-r from-[#57acd9] via-[#063e5b] to-[#4a7c9b] text-white px-6 py-4 text-lg font-semibold rounded-xl hover:shadow-2xl hover:shadow-[#3c5ee3]/30 transition-all duration-500 overflow-hidden ${
|
||||
// isLoading ? "opacity-70 cursor-not-allowed" : ""
|
||||
// }`}
|
||||
// >
|
||||
// <span className="relative z-10 flex items-center justify-center gap-2">
|
||||
// {isLoading ? (
|
||||
// <>
|
||||
// <svg
|
||||
// className="animate-spin w-5 h-5"
|
||||
// fill="none"
|
||||
// viewBox="0 0 24 24"
|
||||
// >
|
||||
// <circle
|
||||
// className="opacity-25"
|
||||
// cx="12"
|
||||
// cy="12"
|
||||
// r="10"
|
||||
// stroke="currentColor"
|
||||
// strokeWidth="4"
|
||||
// ></circle>
|
||||
// <path
|
||||
// className="opacity-75"
|
||||
// fill="currentColor"
|
||||
// d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
||||
// ></path>
|
||||
// </svg>
|
||||
// {t("contact.send")}...
|
||||
// </>
|
||||
// ) : (
|
||||
// <>
|
||||
// {t("contact.send")}
|
||||
// <FaPaperPlane className="w-5 h-5 transform group-hover/btn:translate-x-1 transition-transform duration-300" />
|
||||
// </>
|
||||
// )}
|
||||
// </span>
|
||||
// {!isLoading && (
|
||||
// <div className="absolute inset-0 bg-gradient-to-r from-white/0 via-white/20 to-white/0 transform -skew-x-12 -translate-x-full group-hover/btn:translate-x-full transition-transform duration-1000"></div>
|
||||
// )}
|
||||
// </motion.button>
|
||||
// </div>
|
||||
// </form>
|
||||
// <div className="absolute top-0 right-0 w-20 h-20 bg-gradient-to-br from-[#23558f]/10 to-[#3360b2]/10 rounded-full -translate-y-1/2 translate-x-1/2"></div>
|
||||
// <div className="absolute bottom-0 left-0 w-16 h-16 bg-gradient-to-br from-[#2ecc71]/10 to-[#1abc9c]/10 rounded-full translate-y-1/2 -translate-x-1/2"></div>
|
||||
// </motion.div>
|
||||
// </div>
|
||||
// <motion.div
|
||||
// initial={{ opacity: 0, y: 30 }}
|
||||
// animate={{ opacity: 1, y: 0 }}
|
||||
// transition={{ duration: 0.8, delay: 0.6 }}
|
||||
// className="mt-16 p-8 rounded-2xl shadow-2xl text-center relative overflow-hidden"
|
||||
// style={{
|
||||
// background: "linear-gradient(135deg, #4a7c9b 0%, #063e5b 33%, #57acd9 66%, #4a7c9b 100%)"
|
||||
// }}
|
||||
// >
|
||||
// <div className="absolute inset-0">
|
||||
// <div className="absolute top-0 right-0 w-32 h-32 bg-white/10 rounded-full blur-2xl"></div>
|
||||
// <div className="absolute bottom-0 left-0 w-32 h-32 bg-white/10 rounded-full blur-2xl"></div>
|
||||
// </div>
|
||||
|
||||
// <div className="relative z-10">
|
||||
// <h3 className="text-xl md:text-2xl font-bold text-white mb-4">
|
||||
// {t('contact.contactSection.title')}
|
||||
// </h3>
|
||||
// <p className="text-white/90 text-lg mb-6 max-w-2xl mx-auto">
|
||||
// {t('contact.contactSection.description')}
|
||||
// </p>
|
||||
// <div className="flex flex-wrap justify-center gap-4">
|
||||
// {t('contact.contactSection.badges', { returnObjects: true }).map((badge, index) => (
|
||||
// <motion.div
|
||||
// key={index}
|
||||
// whileHover={{ scale: 1.05, y: -2 }}
|
||||
// whileTap={{ scale: 0.95 }}
|
||||
// className="px-4 py-2 bg-white/20 rounded-full text-white text-sm font-medium backdrop-blur-sm hover:bg-white/30 transition-all duration-300 cursor-pointer"
|
||||
// >
|
||||
// {badge}
|
||||
// </motion.div>
|
||||
// ))}
|
||||
// </div>
|
||||
// </div>
|
||||
// </motion.div>
|
||||
// </div>
|
||||
// </section>
|
||||
// );
|
||||
// };
|
||||
|
||||
// export default Contact;
|
||||
|
||||
|
||||
|
||||
|
||||
import { useTranslation } from "react-i18next";
|
||||
import {
|
||||
FaMapMarkerAlt,
|
||||
@ -510,7 +58,6 @@ emailjs
|
||||
className="relative min-h-screen py-16 px-4 sm:px-6 font-sans"
|
||||
style={{
|
||||
direction: "rtl",
|
||||
// background: "linear-gradient(135deg, #dceafe 0%, #e8f4ff 25%, #c6e2ff 50%, #a3d0ff 75%, #23558f 100%)"
|
||||
}}
|
||||
>
|
||||
<div className="absolute inset-0 overflow-hidden">
|
||||
@ -554,7 +101,6 @@ emailjs
|
||||
transition={{ duration: 0.8, delay: 0.2 }}
|
||||
className="space-y-4 lg:w-1/2"
|
||||
>
|
||||
{/* بطاقة العنوان - بقيت كما هي */}
|
||||
<motion.div
|
||||
whileHover={{ y: -5, scale: 1.02 }}
|
||||
transition={{ duration: 0.3 }}
|
||||
@ -590,8 +136,6 @@ emailjs
|
||||
transition={{ duration: 0.3 }}
|
||||
/>
|
||||
</motion.div>
|
||||
|
||||
{/* بطاقة البريد الإلكتروني - بقيت كما هي */}
|
||||
<motion.div
|
||||
whileHover={{ y: -5, scale: 1.02 }}
|
||||
transition={{ duration: 0.3 }}
|
||||
|
||||
@ -1,41 +1,46 @@
|
||||
import React from "react";
|
||||
import { Wallet, Zap, Users, PieChart, ChevronRight, Sparkles } from "lucide-react";
|
||||
import { Wallet, Zap, Users, PieChart, Sparkles } from "lucide-react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
|
||||
const Services = () => {
|
||||
const { t } = useTranslation();
|
||||
|
||||
const features = [
|
||||
{
|
||||
id: 1,
|
||||
icon: <Wallet className="w-8 h-8" />,
|
||||
title: "تصميم وتنفيذ خطوط إنتاج صناعية متكاملة",
|
||||
description: "تشمل قطاعات الحديد، الإسمنت، الغذائيات، الأدوية، والبلاستيك بأعلى معايير الجودة والسلامة",
|
||||
title: t("services.features.industrial.title"),
|
||||
description: t("services.features.industrial.description"),
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
icon: <Zap className="w-8 h-8" />,
|
||||
title: "تنفيذ مشاريع سكنية وخدمية متكاملة",
|
||||
description: "وحدات سكنية مسبقة الصنع، مباني خدمية وإدارية، مع الالتزام بأعلى المعايير الهندسية",
|
||||
title: t("services.features.residential.title"),
|
||||
description: t("services.features.residential.description"),
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
icon: <Users className="w-8 h-8" />,
|
||||
title: "إنشاء وصيانة مرافق البنية التحتية",
|
||||
description: "محطات الوقود، المنشآت النفطية، المحطات المائية، وأنظمة ضخ ومعالجة المياه",
|
||||
title: t("services.features.infrastructure.title"),
|
||||
description: t("services.features.infrastructure.description"),
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
icon: <PieChart className="w-8 h-8" />,
|
||||
title: "تشغيل وصيانة متكاملة للمنشآت",
|
||||
description: "أنظمة أتمتة متقدمة، إدارة محطات، صيانة على مدار الساعة، وتطوير مستمر للمرافق",
|
||||
title: t("services.features.maintenance.title"),
|
||||
description: t("services.features.maintenance.description"),
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
|
||||
<div className="min-h-screen bg-transparent font-sans overflow-hidden relative" dir="rtl">
|
||||
<div className="min-h-screen bg-transparent font-sans overflow-hidden relative">
|
||||
<div className="absolute inset-0 z-0 overflow-hidden">
|
||||
<div className="absolute inset-0 bg-transparent"></div>
|
||||
</div>
|
||||
<div className="relative z-10 flex flex-col lg:flex-row min-h-screen items-center">
|
||||
<div className=" flex flex-col justify-center max-h-screen ">
|
||||
<div className="flex flex-col justify-center max-h-screen">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-10 max-w-4xl mx-auto p-6">
|
||||
{features.map((feature) => (
|
||||
<div
|
||||
@ -45,7 +50,7 @@ title: "تصميم وتنفيذ خطوط إنتاج صناعية متكاملة"
|
||||
<div className="absolute inset-0 bg-gradient-to-br from-white to-[#47718b] rounded-2xl shadow-lg group-hover:shadow-2xl transition-all duration-500 border border-gray-200 group-hover:border-[#47718b]"></div>
|
||||
|
||||
<div className="relative p-6 z-10">
|
||||
<div className="flex items-start space-x-5">
|
||||
<div className="flex items-start space-x-5 rtl:space-x-reverse">
|
||||
<div className="p-3 bg-gradient-to-br from-white to-[#47718b] rounded-xl group-hover:from-[#47718b] group-hover:to-[#063e5b] group-hover:text-white transition-all duration-500 shadow-sm group-hover:shadow-lg">
|
||||
{feature.icon}
|
||||
</div>
|
||||
@ -103,29 +108,32 @@ title: "تصميم وتنفيذ خطوط إنتاج صناعية متكاملة"
|
||||
<div className="relative z-20 text-white p-8 md:p-12 lg:p-16 max-w-2xl mx-auto lg:mr-16 lg:ml-auto">
|
||||
<div className="space-y-8 lg:space-y-10">
|
||||
<div className="relative">
|
||||
<div className="flex items-center space-x-3 mb-2">
|
||||
<span className="text-sm font-semibold tracking-widest text-white" >خلاصة أعمالنا </span>
|
||||
<div className="flex items-center space-x-3 mb-2 rtl:space-x-reverse">
|
||||
<span className="text-sm font-semibold tracking-widest text-white">
|
||||
{t("services.summary")}
|
||||
</span>
|
||||
<Sparkles className="w-6 h-6 text-[#57acd9]" />
|
||||
|
||||
</div>
|
||||
<h1 className="text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight bg-clip-text text-transparent bg-gradient-to-r from-white via-white to-[#539cc4]">
|
||||
خدماتنا
|
||||
{t("services.pageTitle")}
|
||||
</h1>
|
||||
</div>
|
||||
<div className="space-y-4">
|
||||
<h2 className="text-2xl md:text-3xl lg:text-4xl font-bold leading-tight drop-shadow-xl">
|
||||
خبرات تراكمية واسعة في تنفيذ المشاريع الصناعية والإنشائية
|
||||
{t("services.mainHeading")}
|
||||
</h2>
|
||||
<div className="w-20 h-1 bg-gradient-to-r from-white to[#57acd9] rounded-full"></div>
|
||||
<div className="w-20 h-1 bg-gradient-to-r from-white to-[#57acd9] rounded-full"></div>
|
||||
</div>
|
||||
<p className="text-lg md:text-xl text-purple-100/90 font-light leading-relaxed max-w-lg">
|
||||
تنفيذ مشاريع متكاملة مع الشركاء بأعلى معايير الجودة والسلامة
|
||||
{t("services.description")}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
951
src/i18n.js
951
src/i18n.js
@ -26,10 +26,58 @@ const resources = {
|
||||
contactUs: "Contact Us",
|
||||
},
|
||||
about: {
|
||||
title: "About Us",
|
||||
description: "We specialize in fuel infrastructure solutions where we provide comprehensive services including design, construction, maintenance, and development of fuel stations and storage facilities.",
|
||||
mainTitle: "About Us",
|
||||
subtitle: "The journey of engineering and technical excellence, where experience meets innovation",
|
||||
cards: {
|
||||
aboutUs: {
|
||||
title: "About Us",
|
||||
description: `Our goal is to provide integrated engineering and technical solutions that include design, implementation, supervision, and management of industrial and service projects starting from studies and planning, through implementation and installation, to operation and maintenance. Supplying and installing equipment, machines, production lines, and spare parts. Representing companies and agencies, and participating in tenders and auctions with both public and private sectors in accordance with applicable laws and regulations.`,
|
||||
features: [
|
||||
"Implementation of civil, architectural, metal, mechanical, and electrical works",
|
||||
"Control, design, development, and implementation of systems, software applications, and databases according to each project's requirements, including automation and control systems",
|
||||
"Development and implementation of specialized systems for managing and operating industrial facilities and fuel stations",
|
||||
"Technical inspection of all types"
|
||||
]
|
||||
},
|
||||
vision: {
|
||||
title: "Our Vision",
|
||||
description: `To be the trusted technical engineering partner in implementing and managing industrial, residential, and oil projects, and contributing to the development of infrastructure and productive sectors through modern and sustainable solutions.`,
|
||||
features: [
|
||||
"Trusted Engineering Partner",
|
||||
"Infrastructure Development",
|
||||
"Sustainable and Modern Solutions",
|
||||
"Leadership in the Engineering Sector"
|
||||
]
|
||||
},
|
||||
mission: {
|
||||
title: "Our Mission",
|
||||
description: `Providing engineering services, executive studies, and integrated supervision with the highest standards of quality and safety, through qualified cadres and specialized expertise, while committing to time and cost and achieving the highest added value for our clients.`,
|
||||
features: [
|
||||
"Highest Standards of Quality and Safety",
|
||||
"Commitment to Time and Cost",
|
||||
"Specialized and Qualified Teams",
|
||||
"Achieving Added Value for Clients"
|
||||
]
|
||||
},
|
||||
values: {
|
||||
title: "Our Values",
|
||||
description: `We believe in constant values that guide our work and our relationships with clients and partners: Quality and excellence in everything we offer, professional integrity in dealing, commitment to sustainability, and environmental and social responsibility.`,
|
||||
features: [
|
||||
"Professional Quality",
|
||||
"Occupational Safety",
|
||||
"Sustainability and Responsibility",
|
||||
"Continuous Development",
|
||||
"Transparency and Building Trust"
|
||||
]
|
||||
}
|
||||
},
|
||||
buttons: {
|
||||
viewDetails: "Click to view details",
|
||||
next: "Next",
|
||||
prev: "Previous",
|
||||
close: "Close"
|
||||
}
|
||||
},
|
||||
|
||||
contact: {
|
||||
title: "Contact Us",
|
||||
subtitle: "Ready to serve you around the clock",
|
||||
@ -57,106 +105,32 @@ const resources = {
|
||||
]
|
||||
}
|
||||
},
|
||||
tradesafe: {
|
||||
subtitle: "An innovative platform connecting traders with customs brokers and shipping companies to simplify international trade operations",
|
||||
services: {
|
||||
title: "TradeSafe Services",
|
||||
platform: {
|
||||
title: "International Trade Platform",
|
||||
description: "Connecting traders with logistics service providers",
|
||||
details: "Create requests easily - Receive multiple offers - Direct communication with providers - Comprehensive rating system",
|
||||
features: ["Create Requests", "Multiple Offers", "Direct Chat", "Rating System"]
|
||||
services: {
|
||||
pageTitle: "Our Services",
|
||||
summary: "Work Summary",
|
||||
mainHeading: "Extensive accumulated expertise in executing industrial and construction projects",
|
||||
description: "Implementing integrated projects with partners according to the highest standards of quality and safety",
|
||||
features: {
|
||||
industrial: {
|
||||
title: "Design and implementation of integrated industrial production lines",
|
||||
description: "Including iron, cement, food, pharmaceuticals, and plastics sectors with the highest quality and safety standards"
|
||||
},
|
||||
orders: {
|
||||
title: "Order Management",
|
||||
description: "Track your shipments in real-time",
|
||||
details: "Monitor shipment status - Instant updates - Detailed reports - Complete records",
|
||||
features: ["Live Tracking", "Instant Updates", "Detailed Reports", "Records"]
|
||||
residential: {
|
||||
title: "Implementation of integrated residential and service projects",
|
||||
description: "Prefabricated housing units, service and administrative buildings, adhering to the highest engineering standards"
|
||||
},
|
||||
communication: {
|
||||
title: "Direct Communication",
|
||||
description: "In-app chat with partners",
|
||||
details: "Instant communication with customs brokers - Chat with shipping companies - Document sharing - Conversation history saving",
|
||||
features: ["Instant Chat", "File Sharing", "Chat History", "Notifications"]
|
||||
infrastructure: {
|
||||
title: "Construction and maintenance of infrastructure facilities",
|
||||
description: "Fuel stations, oil facilities, water stations, and water pumping and treatment systems"
|
||||
},
|
||||
notifications: {
|
||||
title: "Instant Notifications",
|
||||
description: "Stay updated with all updates",
|
||||
details: "New offer notifications - Order status updates - Partner messages - Payment alerts",
|
||||
features: ["New Offers", "Status Updates", "Partner Messages", "Alerts"]
|
||||
},
|
||||
dashboard: {
|
||||
title: "Smart Dashboard",
|
||||
description: "Smart tools for decision making",
|
||||
details: "Market analysis - Performance reports - Key performance indicators - AI-based recommendations",
|
||||
features: ["Market Analysis", "Performance Reports", "KPIs", "Smart Recommendations"]
|
||||
},
|
||||
solutions: {
|
||||
title: "Integrated Solutions",
|
||||
description: "Secure payment and additional features",
|
||||
details: "Integrated payment systems - Technical support - AI assistance - Custom reports",
|
||||
features: ["Secure Payment", "Technical Support", "AI Assistance", "Custom Reports"]
|
||||
},
|
||||
speed: {
|
||||
title: "Speed and Efficiency",
|
||||
description: "Fast performance and simplified interface",
|
||||
details: "Improved user interface - Faster task completion - Smooth user experience - High performance",
|
||||
features: ["Fast Interface", "Faster Completion", "Smooth Experience", "High Performance"]
|
||||
},
|
||||
network: {
|
||||
title: "Partner Network",
|
||||
description: "Connection with multiple service providers",
|
||||
details: "Certified customs clearance companies - Reliable shipping companies - Diverse service providers - Global network",
|
||||
features: ["Certified Brokers", "Shipping Companies", "Diverse Providers", "Global Network"]
|
||||
maintenance: {
|
||||
title: "Comprehensive operation and maintenance of facilities",
|
||||
description: "Advanced automation systems, station management, 24/7 maintenance, and continuous facility development"
|
||||
}
|
||||
},
|
||||
reasons: {
|
||||
title: "Why Choose TradeSafe?",
|
||||
speed: {
|
||||
text: "Speed of performance and response",
|
||||
description: "30% faster interface for completing tasks"
|
||||
},
|
||||
reliability: {
|
||||
text: "High reliability and security",
|
||||
description: "Secure payment systems and data protection"
|
||||
},
|
||||
connection: {
|
||||
text: "Global connection",
|
||||
description: "Network of international service providers"
|
||||
},
|
||||
communication: {
|
||||
text: "Direct communication",
|
||||
description: "Instant chat with all parties"
|
||||
},
|
||||
time: {
|
||||
text: "Time saving",
|
||||
description: "Managing international trade in a few clicks"
|
||||
},
|
||||
solutions: {
|
||||
text: "Integrated solutions",
|
||||
description: "Comprehensive platform for all trade needs"
|
||||
},
|
||||
cta: {
|
||||
title: "International trade experience in your pocket",
|
||||
subtitle: "Join the TradeSafe platform now and enjoy all the benefits of managing international trade easily and quickly",
|
||||
start: "Start Now",
|
||||
presentation: "View Presentation"
|
||||
}
|
||||
},
|
||||
buttons: {
|
||||
expandAll: "Expand All Cards",
|
||||
collapseAll: "Collapse All Cards",
|
||||
showDetails: "Show All Details",
|
||||
next: "Next",
|
||||
prev: "Previous",
|
||||
page: "Page {{current}} of {{total}}",
|
||||
startNow: "Start Now",
|
||||
viewPresentation: "View Presentation"
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
ar: {
|
||||
translation: {
|
||||
nav: {
|
||||
@ -165,7 +139,6 @@ const resources = {
|
||||
about: "من نحن",
|
||||
contact: "تواصل معنا",
|
||||
},
|
||||
|
||||
home: {
|
||||
phrases: [
|
||||
"إنشاء محطات ومستودعات الوقود الاسترتيجية",
|
||||
@ -180,12 +153,59 @@ const resources = {
|
||||
subtitle2: "حلول متكاملة لبناء وتطوير وصيانة محطات الوقود",
|
||||
contactUs: "تواصل معنا",
|
||||
},
|
||||
|
||||
about: {
|
||||
title: "من نحن",
|
||||
description: "نحن متخصصون في حلول البنية التحتية للوقود حيث نقدم خدمات متكاملة تشمل التصميم، البناء، الصيانة، وتطوير محطات الوقود ومنشآت التخزين.",
|
||||
mainTitle: "من نحن",
|
||||
subtitle: "رحلة التميز الهندسي والتقني، هنا حيث تلتقي الخبرة بالابتكار",
|
||||
cards: {
|
||||
aboutUs: {
|
||||
title: "من نحن",
|
||||
description: `تتمثل غايتنا في تقديم حلول هندسية وتقنية متكاملة تشمل تصميم و تنفيذ وإشراف وإدارة المشاريع الصناعية والخدمية ابتداءً من الدراسات والتخطيط مروراً بالتنفيذ والتركيب وصولاً إلى التشغيل والصيانة، توريد و تركيب المعدات و الآلات و خطوط الإنتاج و قطع الصيانة، تمثيل الشركات و الوكالات و المشاركة في المناقصات و المزايدات مع القطاعين العام و الخاص و ذلك وفق القوانين و الأنظمة المعمول بها`,
|
||||
features: [
|
||||
"تنفيذ الأعمال المدنية والمعمارية و المعدنية و الميكانيكية و الكهربائية ",
|
||||
"التحكم و تصميم و تطوير و تنفيذ الأنظمة و التطبيقات البرمجية و قواعد البيانات حسب متطلبات كل مشروع بما في ذلك أنظمة الأتمتة و التحكم",
|
||||
"تطوير و تنفيذ أنظمة متخصصة لإدارة و تشغيل المنشآت الصناعية و محطات الوقود ",
|
||||
"التفتيش الفني بكل أنواعه"
|
||||
]
|
||||
},
|
||||
vision: {
|
||||
title: "رؤيتنا",
|
||||
description: `أن نكون الشريك الهندسي التقني الموثوق في تنفيذ و إدارة المشاريع الصناعية والسكنية و النفطية والمساهمة في تطوير البنية التحتية والقطاعات الإنتاجية عبر حلول حديثة ومستدامة.`,
|
||||
features: [
|
||||
"الشريك الهندسي الموثوق",
|
||||
"تنمية البنية التحتية",
|
||||
"حلول مستدامة وحديثة",
|
||||
"الريادة في القطاع الهندسي"
|
||||
]
|
||||
},
|
||||
mission: {
|
||||
title: "رسالتنا",
|
||||
description: `تقديم خدمات هندسية ودراسات تنفيذية وإشراف متكامل بأعلى معايير الجودة والسلامة، من خلال كوادر مؤهلة وخبرات متخصصة، مع الالتزام بالوقت والتكلفة وتحقيق أعلى قيمة مضافة لعملائنا.`,
|
||||
features: [
|
||||
"أعلى معايير الجودة والسلامة",
|
||||
"الالتزام بالوقت والتكلفة",
|
||||
"فرق عمل متخصصة ومؤهلة",
|
||||
"تحقيق القيمة المضافة للعملاء"
|
||||
]
|
||||
},
|
||||
values: {
|
||||
title: "قيمنا",
|
||||
description: `نؤمن بقيم ثابتة توجه أعمالنا وعلاقاتنا مع العملاء والشركاء: الجودة والتميز في كل ما نقدمه، النزاهة المهنية في التعامل، الالتزام بالاستدامة والمسؤولية البيئية والاجتماعية.`,
|
||||
features: [
|
||||
"الجودة الاحترافية",
|
||||
"السلامة المهنية",
|
||||
"الاستدامة والمسؤولية",
|
||||
"التطوير المستمر",
|
||||
"الشفافية و بناء الثقت"
|
||||
]
|
||||
}
|
||||
},
|
||||
buttons: {
|
||||
viewDetails: "إضغط لعرض التفاصيل",
|
||||
next: "التالي",
|
||||
prev: "السابق",
|
||||
close: "إغلاق"
|
||||
}
|
||||
},
|
||||
|
||||
contact: {
|
||||
title: "تواصل معنا",
|
||||
subtitle: "مستعدون لخدمتك على مدار الساعة",
|
||||
@ -213,724 +233,33 @@ const resources = {
|
||||
]
|
||||
}
|
||||
},
|
||||
tradesafe: {
|
||||
subtitle: "منصة مبتكرة تربط التجار مع الوسطاء الجمركيين وشركات الشحن لتبسيط عمليات التجارة الدولية",
|
||||
services: {
|
||||
title: "خدمات TradeSafe",
|
||||
platform: {
|
||||
title: "منصة التجارة الدولية",
|
||||
description: "ربط التجار مع مقدمي الخدمات اللوجستية",
|
||||
details: "أنشئ طلبات بسهولة - استقبال عروض متعددة - تواصل مباشر مع المزودين - نظام تقييم شامل",
|
||||
features: ["إنشاء الطلبات", "عروض متعددة", "دردشة مباشرة", "نظام التقييم"]
|
||||
services: {
|
||||
pageTitle: "خدماتنا",
|
||||
summary: "خلاصة أعمالنا",
|
||||
mainHeading: "خبرات تراكمية واسعة في تنفيذ المشاريع الصناعية والإنشائية",
|
||||
description: "تنفيذ مشاريع متكاملة مع الشركاء بأعلى معايير الجودة والسلامة",
|
||||
features: {
|
||||
industrial: {
|
||||
title: "تصميم وتنفيذ خطوط إنتاج صناعية متكاملة",
|
||||
description: "تشمل قطاعات الحديد، الإسمنت، الغذائيات، الأدوية، والبلاستيك بأعلى معايير الجودة والسلامة"
|
||||
},
|
||||
orders: {
|
||||
title: "إدارة الطلبات",
|
||||
description: "تتبع شحناتك في الوقت الفعلي",
|
||||
details: "مراقبة حالة الشحن - تحديثات فورية - تقارير مفصلة - سجلات كاملة",
|
||||
features: ["تتبع حي", "تحديثات فورية", "تقارير مفصلة", "السجلات"]
|
||||
residential: {
|
||||
title: "تنفيذ مشاريع سكنية وخدمية متكاملة",
|
||||
description: "وحدات سكنية مسبقة الصنع، مباني خدمية وإدارية، مع الالتزام بأعلى المعايير الهندسية"
|
||||
},
|
||||
communication: {
|
||||
title: "التواصل المباشر",
|
||||
description: "دردشة داخل التطبيق مع الشركاء",
|
||||
details: "تواصل فوري مع الوسطاء الجمركيين - دردشة مع شركات الشحن - مشاركة المستندات - حفظ تاريخ المحادثات",
|
||||
features: ["دردشة فورية", "مشاركة الملفات", "تواريخ المحادثات", "إشعارات"]
|
||||
infrastructure: {
|
||||
title: "إنشاء وصيانة مرافق البنية التحتية",
|
||||
description: "محطات الوقود، المنشآت النفطية، المحطات المائية، وأنظمة ضخ ومعالجة المياه"
|
||||
},
|
||||
notifications: {
|
||||
title: "الإشعارات الفورية",
|
||||
description: "كن على اطلاع بكل التحديثات",
|
||||
details: "إشعارات العروض الجديدة - تحديثات حالة الطلبات - رسائل الشركاء - تنبيهات الدفع",
|
||||
features: ["عروض جديدة", "تحديثات الحالة", "رسائل الشركاء", "تنبيهات"]
|
||||
},
|
||||
dashboard: {
|
||||
title: "لوحة التحكم الذكية",
|
||||
description: "أدوات ذكية لاتخاذ القرارات",
|
||||
details: "تحليلات السوق - تقارير الأداء - مؤشرات الأداء الرئيسية",
|
||||
features: ["تحليلات السوق", "تقارير الأداء", "مؤشرات الأداء", "توصيات ذكية"]
|
||||
},
|
||||
solutions: {
|
||||
title: "الحلول المتكاملة",
|
||||
description: "دفع آمن ومميزات إضافية",
|
||||
details: "أنظمة دفع متكاملة - دعم فني - تقارير مخصصة",
|
||||
features: ["دفع آمن", "دعم فني", "تقارير مخصصة"]
|
||||
},
|
||||
speed: {
|
||||
title: "السرعة والكفاءة",
|
||||
description: "أداء سريع وواجهة مبسطة",
|
||||
details: "واجهة مستخدم محسنة - إنجاز المهام بشكل أسرع - تجربة مستخدم سلسة - أداء عالي",
|
||||
features: ["واجهة سريعة", "إنجاز أسرع", "تجربة سلسة", "أداء عالي"]
|
||||
},
|
||||
network: {
|
||||
title: "شبكة الشركاء",
|
||||
description: "اتصال مع مزودي خدمات متعددين",
|
||||
details: "شركات تخليص جمركي معتمدة - شركات شحن موثوقة - مزودي خدمات متنوعين - شبكة عالمية",
|
||||
features: ["وسطاء معتمدون", "شركات شحن", "مزودون متنوعون", "شبكة عالمية"]
|
||||
maintenance: {
|
||||
title: "تشغيل وصيانة متكاملة للمنشآت",
|
||||
description: "أنظمة أتمتة متقدمة، إدارة محطات، صيانة على مدار الساعة، وتطوير مستمر للمرافق"
|
||||
}
|
||||
},
|
||||
reasons: {
|
||||
title: "لماذا تختار TradeSafe؟",
|
||||
speed: {
|
||||
text: "سرعة الأداء والاستجابة",
|
||||
description: "واجهة أسرع بنسبة 30% لإنجاز المهام"
|
||||
},
|
||||
reliability: {
|
||||
text: "موثوقية وأمان عالي",
|
||||
description: "أنظمة دفع آمنة وحماية للبيانات"
|
||||
},
|
||||
connection: {
|
||||
text: "اتصال عالمي",
|
||||
description: "شبكة من مقدمي الخدمات الدوليين"
|
||||
},
|
||||
communication: {
|
||||
text: "تواصل مباشر",
|
||||
description: "دردشة فورية مع جميع الأطراف"
|
||||
},
|
||||
time: {
|
||||
text: "توفير الوقت",
|
||||
description: "إدارة التجارة الدولية في بضع نقرات"
|
||||
},
|
||||
solutions: {
|
||||
text: "حلول متكاملة",
|
||||
description: "منصة شاملة لجميع احتياجات التجارة"
|
||||
},
|
||||
cta: {
|
||||
title: "تجربة التجارة الدولية في جيبك",
|
||||
subtitle: "انضم إلى منصة TradeSafe الآن وتمتع بجميع مزايا إدارة التجارة الدولية بسهولة وسرعة",
|
||||
start: "ابدأ الآن",
|
||||
presentation: "شاهد عرض تقديمي"
|
||||
}
|
||||
},
|
||||
buttons: {
|
||||
expandAll: "فتح جميع البطاقات",
|
||||
collapseAll: "طي جميع البطاقات",
|
||||
showDetails: "عرض جميع التفاصيل",
|
||||
next: "التالي",
|
||||
prev: "السابق",
|
||||
page: "الصفحة {{current}} من {{total}}",
|
||||
startNow: "ابدأ الآن",
|
||||
viewPresentation: "شاهد عرض تقديمي"
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
de: {
|
||||
translation: {
|
||||
nav: {
|
||||
home: "Startseite",
|
||||
services: "Dienstleistungen",
|
||||
about: "Über uns",
|
||||
contact: "Kontakt",
|
||||
},
|
||||
|
||||
home: {
|
||||
phrases: [
|
||||
"Bau strategischer Tankstellen und Lager",
|
||||
"Entwicklung von Tankstellen",
|
||||
"Herstellung von Kraftstofftanks und verwandten Dienstleistungen",
|
||||
"Elektrische Arbeiten",
|
||||
"Spezialisierte technische Tests",
|
||||
"Ingenieurstudien und Metall- und Betonkonstruktionen",
|
||||
"Kraftstofftankreinigung",
|
||||
],
|
||||
subtitle1: "Ihr intelligenter Ingenieurpartner im Kraftstoff- und Energiesektor",
|
||||
subtitle2: "Integrierte Lösungen für Bau, Entwicklung und Wartung von Tankstellen",
|
||||
contactUs: "Kontaktieren Sie uns",
|
||||
},
|
||||
|
||||
about: {
|
||||
title: "Über uns",
|
||||
description: "Wir sind spezialisiert auf Kraftstoffinfrastrukturlösungen und bieten umfassende Dienstleistungen einschließlich Design, Bau, Wartung und Entwicklung von Tankstellen und Lagereinrichtungen.",
|
||||
},
|
||||
|
||||
contact: {
|
||||
title: "Kontaktieren Sie uns",
|
||||
subtitle: "Bereit, Ihnen rund um die Uhr zu dienen",
|
||||
address: "Adresse",
|
||||
addressText: "Hauptsitz: Syrien - Damas - Baramkeh\nFlexible Büros: Homs - Fairouzeh, Alep - Industriezone, Tartous - Dubai-Straße\nArbeitsgebiete: Bereit zur Durchführung von Arbeiten in allen syrischen Gouvernements",
|
||||
phone: "Telefonnummern",
|
||||
email: "E-Mail",
|
||||
formTitle: "Kontaktieren Sie uns und beginnen Sie Ihre internationale Handelsreise mit Vertrauen",
|
||||
name: "Name",
|
||||
namePlaceholder: "Geben Sie Ihren Namen ein",
|
||||
emailPlaceholder: "beispiel@beispiel.com",
|
||||
message: "Nachricht",
|
||||
messagePlaceholder: "Schreiben Sie hier Ihre Nachricht",
|
||||
send: "Senden",
|
||||
successMessage: "Nachricht erfolgreich gesendet",
|
||||
errorMessage: "Beim Senden ist ein Fehler aufgetreten",
|
||||
contactSection: {
|
||||
title: "Bereit, Ihnen rund um die Uhr zu dienen",
|
||||
description: "Unser Team ist verfügbar, um Ihre Anfragen zu beantworten und die besten Lösungen für Ihre Projekte zu bieten",
|
||||
badges: [
|
||||
"Direkter Anruf",
|
||||
"Technischer Support",
|
||||
"Schnelle Reaktion",
|
||||
"Integrierte Lösungen"
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
tradesafe: {
|
||||
subtitle: "Eine innovative Plattform, die Händler mit Zollmaklern und Reedereien verbindet, um den internationalen Handel zu vereinfachen",
|
||||
services: {
|
||||
title: "TradeSafe Dienstleistungen",
|
||||
platform: {
|
||||
title: "Internationale Handelsplattform",
|
||||
description: "Verknüpfen Sie Händler mit Logistikdienstleistern",
|
||||
details: "Erstellen Sie Anfragen einfach - Erhalten Sie mehrere Angebote - Direkte Kommunikation mit Anbietern - Umfassendes Bewertungssystem",
|
||||
features: ["Anfragen Erstellen", "Mehrere Angebote", "Direkter Chat", "Bewertungssystem"]
|
||||
},
|
||||
orders: {
|
||||
title: "Auftragsverwaltung",
|
||||
description: "Verfolgen Sie Ihre Sendungen in Echtzeit",
|
||||
details: "Überwachen Sie den Sendungsstatus - Sofortige Updates - Detaillierte Berichte - Vollständige Aufzeichnungen",
|
||||
features: ["Live-Verfolgung", "Sofortige Updates", "Detaillierte Berichte", "Aufzeichnungen"]
|
||||
},
|
||||
communication: {
|
||||
title: "Direkte Kommunikation",
|
||||
description: "Chat innerhalb der App mit Partnern",
|
||||
details: "Sofortige Kommunikation mit Zollmaklern - Chat mit Reedereien - Dokumentenaustausch - Gesprächsverlauf speichern",
|
||||
features: ["Sofort-Chat", "Dateiaustausch", "Chat-Verlauf", "Benachrichtigungen"]
|
||||
},
|
||||
notifications: {
|
||||
title: "Sofortige Benachrichtigungen",
|
||||
description: "Bleiben Sie über alle Updates informiert",
|
||||
details: "Benachrichtigungen über neue Angebote - Updates zum Auftragsstatus - Nachrichten von Partnern - Zahlungsbenachrichtigungen",
|
||||
features: ["Neue Angebote", "Status-Updates", "Partner-Nachrichten", "Warnungen"]
|
||||
},
|
||||
dashboard: {
|
||||
title: "Intelligentes Dashboard",
|
||||
description: "Intelligente Tools für Entscheidungen",
|
||||
details: "Marktanalyse - Leistungsberichte - Wichtige Leistungskennzahlen",
|
||||
features: ["Marktanalyse", "Leistungsberichte", "KPIs"]
|
||||
},
|
||||
solutions: {
|
||||
title: "Integrierte Lösungen",
|
||||
description: "Sichere Zahlung und Zusatzfunktionen",
|
||||
details: "Integrierte Zahlungssysteme - Technischer Support - Benutzerdefinierte Berichte",
|
||||
features: ["Sichere Zahlung", "Technischer Support", "Benutzerdefinierte Berichte"]
|
||||
},
|
||||
speed: {
|
||||
title: "Geschwindigkeit und Effizienz",
|
||||
description: "Schnelle Leistung und vereinfachte Schnittstelle",
|
||||
details: "Verbesserte Benutzeroberfläche - Schnellere Aufgabenbearbeitung - Nahtloses Nutzererlebnis - Hohe Leistung",
|
||||
features: ["Schnelle Schnittstelle", "Schnellere Bearbeitung", "Nahtloses Erlebnis", "Hohe Leistung"]
|
||||
},
|
||||
network: {
|
||||
title: "Partnernetzwerk",
|
||||
description: "Verbindung mit mehreren Dienstleistern",
|
||||
details: "Zertifizierte Zollabfertigungsunternehmen - Zuverlässige Reedereien - Vielfältige Dienstleister - Globales Netzwerk",
|
||||
features: ["Zertifizierte Makler", "Reedereien", "Vielfältige Anbieter", "Globales Netzwerk"]
|
||||
}
|
||||
},
|
||||
reasons: {
|
||||
title: "Warum TradeSafe wählen?",
|
||||
speed: {
|
||||
text: "Geschwindigkeit der Leistung und Reaktion",
|
||||
description: "30 % schnellere Oberfläche für Aufgabenbearbeitung"
|
||||
},
|
||||
reliability: {
|
||||
text: "Hohe Zuverlässigkeit und Sicherheit",
|
||||
description: "Sichere Zahlungssysteme und Datenschutz"
|
||||
},
|
||||
connection: {
|
||||
text: "Globale Verbindung",
|
||||
description: "Netzwerk internationaler Dienstleister"
|
||||
},
|
||||
communication: {
|
||||
text: "Direkte Kommunikation",
|
||||
description: "Sofortiger Chat mit allen Parteien"
|
||||
},
|
||||
time: {
|
||||
text: "Zeitersparnis",
|
||||
description: "Internationalen Handel mit wenigen Klicks verwalten"
|
||||
},
|
||||
solutions: {
|
||||
text: "Integrierte Lösungen",
|
||||
description: "Umfassende Plattform für alle Handelsbedürfnisse"
|
||||
},
|
||||
cta: {
|
||||
title: "Internationale Handelserfahrung in Ihrer Tasche",
|
||||
subtitle: "Treten Sie jetzt der TradeSafe-Plattform bei und genießen Sie alle Vorteile der einfachen und schnellen Verwaltung des internationalen Handels",
|
||||
start: "Jetzt Starten",
|
||||
presentation: "Präsentation Ansehen"
|
||||
}
|
||||
},
|
||||
buttons: {
|
||||
expandAll: "Alle Karten Erweitern",
|
||||
collapseAll: "Alle Karten Einklappen",
|
||||
showDetails: "Alle Details Anzeigen",
|
||||
next: "Weiter",
|
||||
prev: "Zurück",
|
||||
page: "Seite {{current}} von {{total}}",
|
||||
startNow: "Jetzt Starten",
|
||||
viewPresentation: "Präsentation Ansehen"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
zh: {
|
||||
translation: {
|
||||
nav: {
|
||||
home: "首页",
|
||||
services: "服务",
|
||||
about: "关于我们",
|
||||
contact: "联系我们",
|
||||
},
|
||||
|
||||
home: {
|
||||
phrases: [
|
||||
"建设战略加油站和仓库",
|
||||
"加油站开发",
|
||||
"制造燃料罐和相关服务",
|
||||
"电气工程",
|
||||
"专业技术测试",
|
||||
"工程研究和金属混凝土建设",
|
||||
"燃料罐清洁",
|
||||
],
|
||||
subtitle1: "您在燃料和能源领域的智能工程合作伙伴",
|
||||
subtitle2: "建设、开发和维护加油站的综合解决方案",
|
||||
contactUs: "联系我们",
|
||||
},
|
||||
|
||||
about: {
|
||||
title: "关于我们",
|
||||
description: "我们专注于燃料基础设施解决方案，提供包括设计、建设、维护和开发加油站及储存设施在内的综合服务。",
|
||||
},
|
||||
|
||||
contact: {
|
||||
title: "联系我们",
|
||||
subtitle: "随时准备为您服务",
|
||||
address: "地址",
|
||||
addressText: "总部：叙利亚 - 大马士革 - 巴拉姆凯\n灵活办公室：霍姆斯 - 费鲁泽，阿勒颇 - 工业区，塔尔图斯 - 迪拜街\n工作区域：准备在所有叙利亚省份实施工程",
|
||||
phone: "电话号码",
|
||||
email: "电子邮件",
|
||||
formTitle: "联系我们，开始您的国际贸易旅程",
|
||||
name: "姓名",
|
||||
namePlaceholder: "输入您的姓名",
|
||||
emailPlaceholder: "example@example.com",
|
||||
message: "消息",
|
||||
messagePlaceholder: "在此写下您的消息",
|
||||
send: "发送",
|
||||
successMessage: "消息发送成功",
|
||||
errorMessage: "发送时发生错误",
|
||||
contactSection: {
|
||||
title: "随时准备为您服务",
|
||||
description: "我们的团队随时准备回答您的疑问并为您的项目提供最佳解决方案",
|
||||
badges: [
|
||||
"直接通话",
|
||||
"技术支持",
|
||||
"快速响应",
|
||||
"综合解决方案"
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
tradesafe: {
|
||||
subtitle: "连接贸易商与海关代理和航运公司的创新平台，简化国际贸易操作",
|
||||
services: {
|
||||
title: "TradeSafe 服务",
|
||||
platform: {
|
||||
title: "国际贸易平台",
|
||||
description: "连接贸易商与物流服务提供商",
|
||||
details: "轻松创建请求 - 接收多个报价 - 直接与供应商沟通 - 全面的评级系统",
|
||||
features: ["创建请求", "多个报价", "直接聊天", "评级系统"]
|
||||
},
|
||||
orders: {
|
||||
title: "订单管理",
|
||||
description: "实时跟踪您的货物",
|
||||
details: "监控货物状态 - 即时更新 - 详细报告 - 完整记录",
|
||||
features: ["实时跟踪", "即时更新", "详细报告", "记录"]
|
||||
},
|
||||
communication: {
|
||||
title: "直接沟通",
|
||||
description: "与合作伙伴的应用内聊天",
|
||||
details: "与海关代理即时沟通 - 与航运公司聊天 - 文件共享 - 保存聊天历史",
|
||||
features: ["即时聊天", "文件共享", "聊天历史", "通知"]
|
||||
},
|
||||
notifications: {
|
||||
title: "即时通知",
|
||||
description: "随时了解所有更新",
|
||||
details: "新报价通知 - 订单状态更新 - 合作伙伴消息 - 付款提醒",
|
||||
features: ["新报价", "状态更新", "合作伙伴消息", "提醒"]
|
||||
},
|
||||
dashboard: {
|
||||
title: "智能仪表板",
|
||||
description: "决策的智能工具",
|
||||
details: "市场分析 - 绩效报告 - 关键绩效指标 ",
|
||||
features: ["市场分析", "绩效报告", "关键绩效指标"]
|
||||
},
|
||||
solutions: {
|
||||
title: "综合解决方案",
|
||||
description: "安全支付和附加功能",
|
||||
details: "集成支付系统 - 技术支持 - 自定义报告",
|
||||
features: ["安全支付", "技术支持", "自定义报告"]
|
||||
},
|
||||
speed: {
|
||||
title: "速度和效率",
|
||||
description: "快速性能和简化界面",
|
||||
details: "改进的用户界面 - 更快的任务完成 - 流畅的用户体验 - 高性能",
|
||||
features: ["快速界面", "更快完成", "流畅体验", "高性能"]
|
||||
},
|
||||
network: {
|
||||
title: "合作伙伴网络",
|
||||
description: "与多个服务提供商连接",
|
||||
details: "认证的清关公司 - 可靠的航运公司 - 多样化的服务提供商 - 全球网络",
|
||||
features: ["认证经纪人", "航运公司", "多样化提供商", "全球网络"]
|
||||
}
|
||||
},
|
||||
reasons: {
|
||||
title: "为什么选择TradeSafe？",
|
||||
speed: {
|
||||
text: "性能和响应速度",
|
||||
description: "完成任务速度快30%的界面"
|
||||
},
|
||||
reliability: {
|
||||
text: "高可靠性和安全性",
|
||||
description: "安全支付系统和数据保护"
|
||||
},
|
||||
connection: {
|
||||
text: "全球连接",
|
||||
description: "国际服务提供商网络"
|
||||
},
|
||||
communication: {
|
||||
text: "直接沟通",
|
||||
description: "与所有方即时聊天"
|
||||
},
|
||||
time: {
|
||||
text: "节省时间",
|
||||
description: "点击几下即可管理国际贸易"
|
||||
},
|
||||
solutions: {
|
||||
text: "综合解决方案",
|
||||
description: "满足所有贸易需求的综合平台"
|
||||
},
|
||||
cta: {
|
||||
title: "口袋中的国际贸易体验",
|
||||
subtitle: "立即加入TradeSafe平台，享受轻松快速管理国际贸易的所有好处",
|
||||
start: "立即开始",
|
||||
presentation: "查看演示"
|
||||
}
|
||||
},
|
||||
buttons: {
|
||||
expandAll: "展开所有卡片",
|
||||
collapseAll: "折叠所有卡片",
|
||||
showDetails: "显示所有详情",
|
||||
next: "下一页",
|
||||
prev: "上一页",
|
||||
page: "第 {{current}} 页，共 {{total}} 页",
|
||||
startNow: "立即开始",
|
||||
viewPresentation: "查看演示"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
fr: {
|
||||
translation: {
|
||||
nav: {
|
||||
home: "Accueil",
|
||||
services: "Services",
|
||||
about: "À propos",
|
||||
contact: "Contact",
|
||||
},
|
||||
|
||||
home: {
|
||||
phrases: [
|
||||
"Créer des stations de carburant stratégiques et des entrepôts",
|
||||
"Développement de stations de carburant",
|
||||
"Fabrication de réservoirs de carburant et services connexes",
|
||||
"Entreprise électrique",
|
||||
"Tests techniques spécialisés",
|
||||
"Études d'ingénierie et construction métallique et bitumineuse",
|
||||
"Nettoyage de réservoirs de carburant",
|
||||
],
|
||||
subtitle1: "Votre partenaire d'ingénierie intelligent dans le secteur du carburant et de l'énergie",
|
||||
subtitle2: "Solutions complètes pour la construction, le développement et l'entretien des stations-service",
|
||||
contactUs: "Contactez-nous",
|
||||
},
|
||||
|
||||
about: {
|
||||
title: "À propos de nous",
|
||||
description: "Nous nous spécialisons dans les solutions d'infrastructure de carburant où nous fournissons des services complets incluant la conception, la construction, la maintenance et le développement de stations-service et d'installations de stockage.",
|
||||
},
|
||||
|
||||
contact: {
|
||||
title: "Contactez-nous",
|
||||
subtitle: "Prêts à vous servir 24h/24",
|
||||
address: "Adresse",
|
||||
addressText: "Siège social : Syrie - Damas - Baramkeh\nBureaux flexibles : Homs - Fairouzeh, Alep - Zone industrielle, Tartous - Rue de Dubaï\nZones de travail : Prêts à mettre en œuvre des travaux dans tous les gouvernorats syriens",
|
||||
phone: "Numéros de téléphone",
|
||||
email: "E-mail",
|
||||
formTitle: "Contactez-nous et commencez votre voyage dans le commerce international avec confiance",
|
||||
name: "Nom",
|
||||
namePlaceholder: "Entrez votre nom",
|
||||
emailPlaceholder: "exemple@exemple.com",
|
||||
message: "Message",
|
||||
messagePlaceholder: "Écrivez votre message ici",
|
||||
send: "Envoyer",
|
||||
successMessage: "Message envoyé avec succès",
|
||||
errorMessage: "Une erreur s'est produite lors de l'envoi",
|
||||
contactSection: {
|
||||
title: "Prêts à vous servir 24h/24",
|
||||
description: "Notre équipe est disponible pour répondre à vos questions et fournir les meilleures solutions pour vos projets",
|
||||
badges: [
|
||||
"Appel direct",
|
||||
"Support technique",
|
||||
"Réponse rapide",
|
||||
"Solutions intégrées"
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
tradesafe: {
|
||||
subtitle: "Une plateforme innovante qui relie les commerçants aux courtiers en douane et aux compagnies maritimes pour simplifier les opérations de commerce international",
|
||||
services: {
|
||||
title: "Services TradeSafe",
|
||||
platform: {
|
||||
title: "Plateforme de Commerce International",
|
||||
description: "Relier les commerçants aux prestataires de services logistiques",
|
||||
details: "Créez des demandes facilement - Recevez plusieurs offres - Communication directe avec les fournisseurs - Système d'évaluation complet",
|
||||
features: ["Créer des Demandes", "Offres Multiples", "Chat Direct", "Système d'Évaluation"]
|
||||
},
|
||||
orders: {
|
||||
title: "Gestion des Commandes",
|
||||
description: "Suivez vos expéditions en temps réel",
|
||||
details: "Surveillez l'état de l'expédition - Mises à jour instantanées - Rapports détaillés - Archives complètes",
|
||||
features: ["Suivi en Direct", "Mises à Jour Instantanées", "Rapports Détaillés", "Archives"]
|
||||
},
|
||||
communication: {
|
||||
title: "Communication Directe",
|
||||
description: "Chat dans l'application avec les partenaires",
|
||||
details: "Communication instantanée avec les courtiers en douane - Chat avec les compagnies maritimes - Partage de documents - Sauvegarde de l'historique des conversations",
|
||||
features: ["Chat Instantané", "Partage de Fichiers", "Historique des Chats", "Notifications"]
|
||||
},
|
||||
notifications: {
|
||||
title: "Notifications Instantanées",
|
||||
description: "Restez informé de toutes les mises à jour",
|
||||
details: "Notifications de nouvelles offres - Mises à jour de l'état des commandes - Messages des partenaires - Alertes de paiement",
|
||||
features: ["Nouvelles Offres", "Mises à Jour de Statut", "Messages des Partenaires", "Alertes"]
|
||||
},
|
||||
dashboard: {
|
||||
title: "Tableau de Bord Intelligent",
|
||||
description: "Outils intelligents pour la prise de décision",
|
||||
details: "Analyse du marché - Rapports de performance - Indicateurs clés de performance",
|
||||
features: ["Analyse du Marché", "Rapports de Performance", "ICP"]
|
||||
},
|
||||
solutions: {
|
||||
title: "Solutions Intégrées",
|
||||
description: "Paiement sécurisé et fonctionnalités supplémentaires",
|
||||
details: "Systèmes de paiement intégrés - Support technique - Rapports personnalisés",
|
||||
features: ["Paiement Sécurisé", "Support Technique", "Rapports Personnalisés"]
|
||||
},
|
||||
speed: {
|
||||
title: "Vitesse et Efficacité",
|
||||
description: "Performances rapides et interface simplifiée",
|
||||
details: "Interface utilisateur améliorée - Achèvement plus rapide des tâches - Expérience utilisateur fluide - Haute performance",
|
||||
features: ["Interface Rapide", "Achèvement Plus Rapide", "Expérience Fluide", "Haute Performance"]
|
||||
},
|
||||
network: {
|
||||
title: "Réseau de Partenaires",
|
||||
description: "Connexion avec plusieurs prestataires de services",
|
||||
details: "Sociétés de dédouanement certifiées - Compagnies maritimes fiables - Prestataires de services diversifiés - Réseau mondial",
|
||||
features: ["Courtiers Certifiés", "Compagnies Maritimes", "Prestataires Diversifiés", "Réseau Mondial"]
|
||||
}
|
||||
},
|
||||
reasons: {
|
||||
title: "Pourquoi choisir TradeSafe ?",
|
||||
speed: {
|
||||
text: "Vitesse des performances et de la réponse",
|
||||
description: "Interface 30% plus rapide pour accomplir les tâches"
|
||||
},
|
||||
reliability: {
|
||||
text: "Fiabilité et sécurité élevées",
|
||||
description: "Systèmes de paiement sécurisés et protection des données"
|
||||
},
|
||||
connection: {
|
||||
text: "Connexion mondiale",
|
||||
description: "Réseau de prestataires de services internationaux"
|
||||
},
|
||||
communication: {
|
||||
text: "Communication directe",
|
||||
description: "Chat instantané avec toutes les parties"
|
||||
},
|
||||
time: {
|
||||
text: "Économie de temps",
|
||||
description: "Gestion du commerce international en quelques clics"
|
||||
},
|
||||
solutions: {
|
||||
text: "Solutions intégrées",
|
||||
description: "Plateforme complète pour tous les besoins commerciaux"
|
||||
},
|
||||
cta: {
|
||||
title: "Expérience du commerce international dans votre poche",
|
||||
subtitle: "Rejoignez la plateforme TradeSafe dès maintenant et profitez de tous les avantages de la gestion du commerce international facilement et rapidement",
|
||||
start: "Commencer Maintenant",
|
||||
presentation: "Voir la Présentation"
|
||||
}
|
||||
},
|
||||
buttons: {
|
||||
expandAll: "Développer Toutes les Cartes",
|
||||
collapseAll: "Réduire Toutes les Cartes",
|
||||
showDetails: "Afficher Tous les Détails",
|
||||
next: "Suivant",
|
||||
prev: "Précédent",
|
||||
page: "Page {{current}} sur {{total}}",
|
||||
startNow: "Commencer Maintenant",
|
||||
viewPresentation: "Voir la Présentation"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
it: {
|
||||
translation: {
|
||||
nav: {
|
||||
home: "Home",
|
||||
services: "Servizi",
|
||||
about: "Chi siamo",
|
||||
contact: "Contatti",
|
||||
},
|
||||
|
||||
home: {
|
||||
phrases: [
|
||||
"Costruzione di stazioni di servizio e magazzini strategici",
|
||||
"Sviluppo di stazioni di servizio",
|
||||
"Produzione di serbatoi di carburante e servizi correlati",
|
||||
"Lavori elettrici",
|
||||
"Test tecnici specializzati",
|
||||
"Studi di ingegneria e costruzioni metalliche e in cemento",
|
||||
"Pulizia serbatoi carburante",
|
||||
],
|
||||
subtitle1: "Il vostro partner ingegneristico intelligente nel settore carburanti ed energia",
|
||||
subtitle2: "Soluzioni integrate per costruzione, sviluppo e manutenzione stazioni di servizio",
|
||||
contactUs: "Contattaci",
|
||||
},
|
||||
|
||||
about: {
|
||||
title: "Chi siamo",
|
||||
description: "Siamo specializzati in soluzioni per infrastrutture di carburante dove forniamo servizi completi inclusi progettazione, costruzione, manutenzione e sviluppo di stazioni di servizio e strutture di stoccaggio.",
|
||||
},
|
||||
|
||||
contact: {
|
||||
title: "Contattaci",
|
||||
subtitle: "La nostra competenza serve tutti: dalla stazione più semplice alla più grande catena di stazioni e dai magazzini secondari ai magazzini strategici. Contattaci per soluzioni professionali con standard internazionali",
|
||||
address: "Indirizzo",
|
||||
addressText: "Sede centrale: Siria - Damasco - Baramkeh\nUffici flessibili: Homs - Fairouzeh, Aleppo - Zona industriale, Tartous - Via Dubai\nAree di lavoro: Pronti a implementare lavori in tutti i governatorati siriani",
|
||||
phone: "Numeri di telefono",
|
||||
email: "Email",
|
||||
formTitle: "Contattaci e lascia che siamo le tue mani nel creare successi",
|
||||
name: "Nome",
|
||||
namePlaceholder: "Inserisci il tuo nome",
|
||||
emailPlaceholder: "esempio@esempio.com",
|
||||
message: "Messaggio",
|
||||
messagePlaceholder: "Scrivi qui il tuo messaggio",
|
||||
send: "Invia",
|
||||
successMessage: "Messaggio inviato con successo",
|
||||
errorMessage: "Si è verificato un errore durante l'invio",
|
||||
},
|
||||
|
||||
tradesafe: {
|
||||
subtitle: "Una piattaforma innovativa che collega i commercianti con agenti doganali e compagnie di spedizione per semplificare le operazioni di commercio internazionale",
|
||||
services: {
|
||||
title: "Servizi TradeSafe",
|
||||
platform: {
|
||||
title: "Piattaforma di Commercio Internazionale",
|
||||
description: "Collega i commercianti con i fornitori di servizi logistici",
|
||||
details: "Crea richieste facilmente - Ricevi più offerte - Comunicazione diretta con i fornitori - Sistema di valutazione completo",
|
||||
features: ["Crea Richieste", "Offerte Multiple", "Chat Diretta", "Sistema di Valutazione"]
|
||||
},
|
||||
orders: {
|
||||
title: "Gestione Ordini",
|
||||
description: "Traccia le tue spedizioni in tempo reale",
|
||||
details: "Monitora lo stato della spedizione - Aggiornamenti istantanei - Report dettagliati - Registri completi",
|
||||
features: ["Tracciamento Live", "Aggiornamenti Istantanei", "Report Dettagliati", "Registri"]
|
||||
},
|
||||
communication: {
|
||||
title: "Comunicazione Diretta",
|
||||
description: "Chat nell'app con i partner",
|
||||
details: "Comunicazione istantanea con gli agenti doganali - Chat con le compagnie di spedizione - Condivisione documenti - Salvataggio cronologia conversazioni",
|
||||
features: ["Chat Istantanea", "Condivisione File", "Cronologia Chat", "Notifiche"]
|
||||
},
|
||||
notifications: {
|
||||
title: "Notifiche Istantanee",
|
||||
description: "Rimani aggiornato su tutti gli aggiornamenti",
|
||||
details: "Notifiche nuove offerte - Aggiornamenti stato ordini - Messaggi partner - Avvisi pagamento",
|
||||
features: ["Nuove Offerte", "Aggiornamenti Stato", "Messaggi Partner", "Avvisi"]
|
||||
},
|
||||
dashboard: {
|
||||
title: "Dashboard Intelligente",
|
||||
description: "Strumenti intelligenti per il processo decisionale",
|
||||
details: "Analisi di mercato - Report prestazioni - Indicatori chiave di prestazione",
|
||||
features: ["Analisi di Mercato", "Report Prestazioni", "KPI"]
|
||||
},
|
||||
solutions: {
|
||||
title: "Soluzioni Integrate",
|
||||
description: "Pagamento sicuro e funzionalità aggiuntive",
|
||||
details: "Sistemi di pagamento integrati - Supporto tecnico - Report personalizzati",
|
||||
features: ["Pagamento Sicuro", "Supporto Tecnico", "Report Personalizzati"]
|
||||
},
|
||||
speed: {
|
||||
title: "Velocità ed Efficienza",
|
||||
description: "Prestazioni veloci e interfaccia semplificata",
|
||||
details: "Interfaccia utente migliorata - Completamento attività più veloce - Esperienza utente fluida - Alte prestazioni",
|
||||
features: ["Interfaccia Veloce", "Completamento Più Veloce", "Esperienza Fluida", "Alte Prestazioni"]
|
||||
},
|
||||
network: {
|
||||
title: "Rete di Partner",
|
||||
description: "Connessione con più fornitori di servizi",
|
||||
details: "Società di sdoganamento certificate - Compagnie di spedizione affidabili - Fornitori di servizi diversificati - Rete globale",
|
||||
features: ["Agenti Certificati", "Compagnie di Spedizione", "Fornitori Diversificati", "Rete Globale"]
|
||||
}
|
||||
},
|
||||
reasons: {
|
||||
title: "Perché scegliere TradeSafe?",
|
||||
speed: {
|
||||
text: "Velocità delle prestazioni e della risposta",
|
||||
description: "Interfaccia 30% più veloce per completare le attività"
|
||||
},
|
||||
reliability: {
|
||||
text: "Alta affidabilità e sicurezza",
|
||||
description: "Sistemi di pagamento sicuri e protezione dei dati"
|
||||
},
|
||||
connection: {
|
||||
text: "Connessione globale",
|
||||
description: "Rete di fornitori di servizi internazionali"
|
||||
},
|
||||
communication: {
|
||||
text: "Comunicazione diretta",
|
||||
description: "Chat istantanea con tutte le parti"
|
||||
},
|
||||
time: {
|
||||
text: "Risparmio di tempo",
|
||||
description: "Gestione del commercio internazionale in pochi clic"
|
||||
},
|
||||
solutions: {
|
||||
text: "Soluzioni integrate",
|
||||
description: "Piattaforma completa per tutte le esigenze commerciali"
|
||||
},
|
||||
cta: {
|
||||
title: "Esperienza di commercio internazionale in tasca",
|
||||
subtitle: "Unisciti ora alla piattaforma TradeSafe e goditi tutti i vantaggi della gestione del commercio internazionale in modo facile e veloce",
|
||||
start: "Inizia Ora",
|
||||
presentation: "Visualizza Presentazione"
|
||||
}
|
||||
},
|
||||
buttons: {
|
||||
expandAll: "Espandi Tutte le Carte",
|
||||
collapseAll: "Comprimi Tutte le Carte",
|
||||
showDetails: "Mostra Tutti i Dettagli",
|
||||
next: "Avanti",
|
||||
prev: "Indietro",
|
||||
page: "Pagina {{current}} di {{total}}",
|
||||
startNow: "Inizia Ora",
|
||||
viewPresentation: "Visualizza Presentazione"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
i18n
|
||||
|
||||
@ -3,6 +3,7 @@
|
||||
@tailwind utilities;
|
||||
@layer base {
|
||||
:root {
|
||||
overflow-y: scroll !important;
|
||||
--primary: #041c40;
|
||||
--secondary: #e06923;
|
||||
--tertiary: #313131;
|
||||
@ -11,6 +12,7 @@
|
||||
--border-color: #d1c9be;
|
||||
}
|
||||
.dark {
|
||||
overflow-y: scroll !important;
|
||||
--primary: #041c40;
|
||||
--secondary: #e06923;
|
||||
--tertiary: #313131;
|
||||
@ -19,6 +21,7 @@
|
||||
--border-color: #4a4a4a;
|
||||
}
|
||||
body {
|
||||
overflow-y: scroll !important;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
min-height: 100vh;
|
||||
@ -29,6 +32,7 @@
|
||||
transition: background-color 0.3s ease, color 0.3s ease;
|
||||
}
|
||||
html {
|
||||
overflow-y: scroll !important;
|
||||
scroll-behavior: smooth;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user