Merge version_4 into main

Merge version_4 into main

src/app/about/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import TextAbout from '@/components/sections/about/TextAbout';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="medium"
+        background="fluid"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+              { name: "التجربة", id: "/" },
+              { name: "آلية العمل", id: "/" },
+              { name: "النتائج", id: "/" },
+              { name: "من نحن", id: "/about" },
+              { name: "اتصل بنا", id: "/" },
+            ]}
+            brandName="Ineffable Search AI"
+          />
+        </div>
+
+        <div id="about" data-section="about" className="py-20">
+            <TextAbout
+                tag="حولنا"
+                title="مهمتنا في ترجمة المشاعر التجريدية إلى إبداع ملموس."
+                useInvertedBackground={false}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+            logoText="Ineffable"
+            columns={[
+              { items: [{ label: "عن الشركة" }, { label: "المنهجية" }] },
+              { items: [{ label: "الشروط" }, { label: "الخصوصية" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,55 +32,25 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Experience",
-          id: "input",
-        },
-        {
-          name: "How it works",
-          id: "features",
-        },
-        {
-          name: "Outcomes",
-          id: "results",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "التجربة", id: "input" },
+        { name: "آلية العمل", id: "features" },
+        { name: "النتائج", id: "results" },
+        { name: "من نحن", id: "/about" },
+        { name: "اتصل بنا", id: "contact" },
       ]}
-      brandName="Ineffable"
+      brandName="Ineffable Search AI"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "plain",
-      }}
-      title="Translate the Ineffable"
-      description="Convert your abstract emotions—lines, melodies, or colors—into the perfect piece of art, poetry, or sound that defines your current state."
+      background={{ variant: "plain" }}
+      title="ترجمة ما لا يُوصف"
+      description="حوّل مشاعرك المجردة — خطوطاً، ألحاناً، أو ألواناً — إلى القطعة الفنية أو الشعرية أو الموسيقية المثالية التي تعبّر عن حالتك الراهنة."
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139270.jpg",
-          imageAlt: "Abstract emotional flow",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-flowing-lines-sparkles_1048-5530.jpg",
-          imageAlt: "Abstract emotional flow 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/drifting-blue-pink-smoke-overlay-texture-background_23-2148092415.jpg",
-          imageAlt: "Abstract emotional flow 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103629.jpg",
-          imageAlt: "Abstract emotional flow 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/glow-light-dark-background_23-2151831367.jpg",
-          imageAlt: "Abstract emotional flow 5",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139270.jpg", imageAlt: "تدفق عاطفي تجريدي" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-flowing-lines-sparkles_1048-5530.jpg", imageAlt: "تدفق عاطفي تجريدي 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/drifting-blue-pink-smoke-overlay-texture-background_23-2148092415.jpg", imageAlt: "تدفق عاطفي تجريدي 3" },
       ]}
       mediaAnimation="slide-up"
     />
@@ -89,10 +59,10 @@ export default function LandingPage() {
   <div id="input" data-section="input">
       <TestimonialAboutCard
       useInvertedBackground={true}
-      tag="Input Layer"
-      title="Express without Words"
-      description="Don't struggle to find the right language. Our input layer captures your raw state through drawing, coloring, or audio humming."
-      subdescription="The AI instantly maps your input to specific emotional profiles."
+      tag="طبقة الإدخال"
+      title="عبّر بدون كلمات"
+      description="لا تكافح للعثور على اللغة المناسبة. طبقة الإدخال الخاصة بنا تلتقط حالتك العاطفية الخام عبر الرسم، التلوين، أو الدندنة."
+      subdescription="يقوم الذكاء الاصطناعي بربط مدخلاتك فوراً بملفات تعريف عاطفية دقيقة."
       icon={Palette}
       imageSrc="http://img.b2bpic.net/free-photo/casual-coworkers-long-hair-executives-explaining_1134-692.jpg"
       mediaAnimation="blur-reveal"
@@ -104,34 +74,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Emotion Detection",
-          description: "Detects the core sentiment behind your lines and melodies.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg",
-        },
-        {
-          title: "Pattern Recognition",
-          description: "Matches your creative style with emotional datasets.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-flowing-lines-particles_1048-13576.jpg",
-        },
-        {
-          title: "Contextual Mapping",
-          description: "Connects your mood to curated literary and musical content.",
-          imageSrc: "http://img.b2bpic.net/free-photo/american-man-listening-music-wireless-earphones-digital-remix_53876-108528.jpg",
-        },
-        {
-          title: "Visual Synthesis",
-          description: "Transforms abstract input into vivid digital art pieces.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-network-connections-background-with-low-poly-plexus-design_1048-12346.jpg",
-        },
-        {
-          title: "Melodic Analysis",
-          description: "Translates hummed melodies into harmonic progressions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg",
-        },
+        { title: "الكشف عن المشاعر", description: "يكتشف الشعور الأساسي الكامن خلف خطوطك وألحانك." },
+        { title: "التعرف على الأنماط", description: "يطابق أسلوبك الإبداعي مع مجموعات البيانات العاطفية." },
+        { title: "الربط السياقي", description: "يربط حالتك المزاجية بمحتوى أدبي وموسيقي مُنسق." },
       ]}
-      title="AI-Driven Interpretation"
-      description="Advanced algorithms decipher the hidden patterns in your creative expressions."
+      title="تفسير مدعوم بالذكاء الاصطناعي"
+      description="خوارزميات متقدمة تفك شفرة الأنماط المخفية في تعبيراتك الإبداعية."
     />
   </div>
 
@@ -142,30 +90,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "120K+",
-          title: "Emotions Processed",
-          description: "Creative inputs captured.",
-          icon: Lightbulb,
-        },
-        {
-          id: "m2",
-          value: "98%",
-          title: "Resonance Rate",
-          description: "Users find their matches.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m3",
-          value: "45M",
-          title: "Artistic Matches",
-          description: "Generated content pieces.",
-          icon: Zap,
-        },
+        { id: "m1", value: "120K+", title: "عاطفة تمت معالجتها", description: "المدخلات الإبداعية الملتقطة", icon: Lightbulb },
+        { id: "m2", value: "98%", title: "معدل الرنين", description: "المستخدمون يجدون تطابقاتهم", icon: CheckCircle },
+        { id: "m3", value: "45M", title: "تطابقات فنية", description: "قطع المحتوى المُنشأة", icon: Zap },
       ]}
-      title="Our Impact"
-      description="Quantifying the creative resonance we bring to our users."
+      title="تأثيرنا"
+      description="قياس الرنين الإبداعي الذي نقدمه لمستخدمينا."
     />
   </div>
 
@@ -175,102 +105,19 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Poetry",
-          name: "Soulful Verse",
-          price: "AI-Generated",
-          rating: 5,
-          reviewCount: "12k",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-music-concept-with-casette_23-2148605897.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Music",
-          name: "Resonant Audio",
-          price: "Curated",
-          rating: 5,
-          reviewCount: "25k",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-agenda-coffee_23-2148459707.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Literature",
-          name: "Deep Reads",
-          price: "Recommended",
-          rating: 4,
-          reviewCount: "8k",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-sant-jordi-day-books-roses_23-2151197559.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Sound",
-          name: "Atmospheric Beats",
-          price: "Curated",
-          rating: 5,
-          reviewCount: "30k",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-large-building-with-glass-ceiling_181624-152.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Poetry",
-          name: "Classic Elegance",
-          price: "Collection",
-          rating: 5,
-          reviewCount: "15k",
-          imageSrc: "http://img.b2bpic.net/free-photo/headphones-shoes-near-sheet-music_23-2147781381.jpg",
-        },
-      ]}
-      title="Curated Discoveries"
-      description="Your emotion leads to content that resonates deeply."
+      title="اكتشافات مُنسقة"
+      description="مشاعرك تقودك إلى محتوى يلامس روحك بعمق."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
+      testimonials={[]}
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alice Wong",
-          handle: "@awong",
-          testimonial: "I couldn't put my feelings into words, but this app found a poem that described it perfectly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-comical-funny-scene_23-2151087473.jpg",
-        },
-        {
-          id: "t2",
-          name: "Bob Smith",
-          handle: "@bsmith",
-          testimonial: "The music recommendation based on my hummed melody was hauntingly accurate.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-with-skeptic-expression-with-arms-crossed-her-chest_141793-54964.jpg",
-        },
-        {
-          id: "t3",
-          name: "Charlie Day",
-          handle: "@cday",
-          testimonial: "A breakthrough in how we approach emotional self-expression.",
-          imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-being-displeased-frowning-standing-orange-wall_141793-53246.jpg",
-        },
-        {
-          id: "t4",
-          name: "Dana Lee",
-          handle: "@dlee",
-          testimonial: "Truly insightful. My abstract drawings mapped to such beautiful literature.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-headphones_23-2149178441.jpg",
-        },
-        {
-          id: "t5",
-          name: "Evan Thorne",
-          handle: "@ethorne",
-          testimonial: "The AI is remarkably intuitive and accurate.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48328.jpg",
-        },
-      ]}
-      title="User Stories"
-      description="How our AI helped users express their internal states."
+      title="قصص المستخدمين"
+      description="كيف ساعد ذكاؤنا الاصطناعي المستخدمين في التعبير عن حالاتهم الداخلية."
     />
   </div>
 
@@ -279,24 +126,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Is my data private?",
-          content: "Absolutely. Your emotional inputs are processed on-device and never shared.",
-        },
-        {
-          id: "q2",
-          title: "How does it work?",
-          content: "We use sentiment-aware neural networks to decode creative inputs.",
-        },
-        {
-          id: "q3",
-          title: "Can I save results?",
-          content: "Yes, everything generated is saved to your personal library.",
-        },
+        { id: "q1", title: "هل بياناتي خاصة؟", content: "بالتأكيد. تتم معالجة مدخلاتك العاطفية على جهازك مباشرة ولا تتم مشاركتها." },
+        { id: "q2", title: "كيف يعمل؟", content: "نستخدم شبكات عصبية مدركة للمשורים لفك شفرة المدخلات الإبداعية." },
       ]}
-      title="Common Questions"
-      description="Clarifying how we handle your emotional data."
+      title="أسئلة شائعة"
+      description="توضيح كيفية تعاملنا مع بياناتك العاطفية."
       faqsAnimation="slide-up"
     />
   </div>
@@ -304,12 +138,10 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Waitlist"
-      title="Stay Updated"
-      description="Join the waitlist to get early access to our emotional discovery platform."
+      background={{ variant: "plain" }}
+      tag="قائمة الانتظار"
+      title="ابق على اطلاع"
+      description="انضم إلى قائمة الانتظار للحصول على وصول مبكر لمنصتنا للاكتشاف العاطفي."
       imageSrc="http://img.b2bpic.net/free-photo/top-view-digital-tablet-with-search-job-screen-yellow-background_169016-39375.jpg"
       mediaAnimation="slide-up"
     />
@@ -317,33 +149,11 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Methodology",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Terms",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
       logoText="Ineffable"
+      columns={[
+        { items: [{ label: "عن الشركة" }, { label: "المنهجية" }] },
+        { items: [{ label: "الشروط" }, { label: "الخصوصية" }] },
+      ]}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
-  --foreground: #ffffff;
-  --primary-cta: #106EFB;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
-  --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #106EFB;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
+  --primary-cta-text: #f6f0e9;
+  --secondary-cta: #efe7dd;
+  --secondary-cta-text: #2b180a;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);