diff --git a/src/app/page.tsx b/src/app/page.tsx
index d889890..e5d318e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
+import { useState } from "react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
@@ -15,6 +16,15 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
import { Award, Star, Users } from "lucide-react";
export default function LandingPage() {
+ const [lang, setLang] = useState<'en' | 'ar'>('en');
+
+ const toggleLanguage = () => {
+ const newLang = lang === 'en' ? 'ar' : 'en';
+ setLang(newLang);
+ document.documentElement.lang = newLang;
+ document.documentElement.dir = newLang === 'ar' ? 'rtl' : 'ltr';
+ };
+
return (
@@ -48,24 +58,15 @@ export default function LandingPage() {
@@ -73,17 +74,11 @@ export default function LandingPage() {
@@ -95,15 +90,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
- {
- id: "f1", title: "Impeccable Quality", description: "Fabrics curated for durability and elegance.", tag: "Fabric", imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-patterned-fabric-textured-background_53876-129522.jpg"},
- {
- id: "f2", title: "Expert Staff", description: "Personalized advice to ensure the perfect look.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-women-work_23-2149871137.jpg"},
- {
- id: "f3", title: "Modern Environment", description: "A comfortable shopping experience for every man.", tag: "Retail", imageSrc: "http://img.b2bpic.net/free-photo/shopping-center-showroom-with-clothes-from-trendy-collections-retail-market-boutique-with-modern-fashionable-wear-empty-clothing-store-filled-with-new-trends-fashion-brands_482257-61769.jpg"},
+ { id: "f1", title: lang === 'en' ? "Impeccable Quality" : "جودة لا تضاهى", description: lang === 'en' ? "Fabrics curated for durability and elegance." : "أقمشة مختارة بعناية للمتانة والأناقة.", tag: lang === 'en' ? "Fabric" : "قماش", imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-patterned-fabric-textured-background_53876-129522.jpg"},
]}
- title="Why Kaydo?"
- description="Experience superior quality and personal service at every visit."
+ title={lang === 'en' ? "Why Kaydo?" : "لماذا كايدو؟"}
+ description={lang === 'en' ? "Experience superior quality and personal service at every visit." : "جرب الجودة الفائقة والخدمة الشخصية في كل زيارة."}
/>
@@ -114,102 +104,22 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
- {
- id: "p1", name: "Formal Shirt", price: "69€", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-sexy-handsome-model-man-casual-cloth-lifestyle-street-glasses_158538-14665.jpg"},
- {
- id: "p2", name: "Slim Jeans", price: "89€", imageSrc: "http://img.b2bpic.net/free-photo/jeans-with-black-friday-tag-attached_23-2148288257.jpg"},
- {
- id: "p3", name: "Casual Blazer", price: "149€", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer_53876-108614.jpg"},
- {
- id: "p4", name: "Basic Cotton Tee", price: "29€", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-69440.jpg"},
- {
- id: "p5", name: "Leather Belt", price: "39€", imageSrc: "http://img.b2bpic.net/free-photo/leather-belt_1203-7570.jpg"},
- {
- id: "p6", name: "Wool Knit Sweater", price: "99€", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-hat-gloves-posing_23-2148350091.jpg"},
+ { id: "p1", name: "Formal Shirt", price: "69€", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-sexy-handsome-model-man-casual-cloth-lifestyle-street-glasses_158538-14665.jpg"},
]}
- title="Our Essentials"
- description="Timeless pieces for the modern wardrobe."
- />
-
-
-
-
-
-
-
-
-
-
-
-
@@ -220,17 +130,11 @@ export default function LandingPage() {
columns={[
{
items: [
- { label: "About Us", href: "#" },
- { label: "Contact", href: "#" },
- { label: "EN / ES / FR (Language)", onClick: () => console.log("Switch Language") }
+ { label: lang === 'en' ? "About Us" : "من نحن", href: "#" },
+ { label: lang === 'en' ? "Contact" : "اتصل بنا", href: "#" },
+ { label: lang === 'en' ? "Switch to Arabic" : "تحويل إلى العربية", onClick: toggleLanguage }
],
- },
- {
- items: [
- { label: "FAQ", href: "#" },
- { label: "Returns", href: "#" },
- ],
- },
+ }
]}
/>
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index dbdbc9e..5f89f99 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
- --background: #f5f5f5;
- --card: #ffffff;
- --foreground: #1c1c1c;
- --primary-cta: #511f1f;
+ --background: #fcf6ec;
+ --card: #f3ede2;
+ --foreground: #2e2521;
+ --primary-cta: #2e2521;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
- --accent: #e63946;
- --background-accent: #e8bea8;
+ --accent: #b2a28b;
+ --background-accent: #b2a28b;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);