3 Commits

Author SHA1 Message Date
a9da349722 Update theme colors 2026-05-14 01:36:50 +00:00
c2dab6d16a Update src/app/page.tsx 2026-05-14 01:36:19 +00:00
8cbd945efd Update src/app/page.tsx 2026-05-14 01:35:51 +00:00
2 changed files with 51 additions and 242 deletions

View File

@@ -32,55 +32,24 @@ 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: "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 +58,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 +73,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 +89,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 +104,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 +125,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 +137,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 +148,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>

View File

@@ -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);