bender/82dc779a-552e-4480-ab06-aa36e06e4e75
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-02 15:10:17 +00:00
parent d4a4d85d81
commit 3849632af7
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/page.tsx
View File

@@ -18,8 +18,9 @@ export default function LandingPage() {
const handleContactSubmit = (data: Record<string, string>) => {
if (data.apiKey) {
// Store API key in memory for chat/tutor functionality
setGrokApiKey(data.apiKey);
console.log("API Key secured in memory");
console.log("xAI/Grok API Key integrated successfully");
}
};
@@ -68,14 +69,14 @@ export default function LandingPage() {
<div id="chat" data-section="chat">
<CardStack
title="Grok Chat Interface"
description={grokApiKey ? "Connecté à Grok AI - Prêt à enseigner les mathématiques." : "Veuillez configurer votre clé API dans la section contact pour activer le tuteur IA."}
description={grokApiKey ? "Connecté au moteur xAI - Tuteur mathématique activé." : "Veuillez configurer votre clé API xAI dans la section contact pour activer le tuteur IA."}
textboxLayout="split"
animationType="blur-reveal"
ariaLabel="Chat interface"
className="bg-black text-white"
>
<div className="flex flex-col gap-4 p-8 border border-neutral-800 rounded-lg">
<div className="text-sm text-neutral-400">{grokApiKey ? "Grok: Système en ligne. Quelle équation souhaitez-vous résoudre ?" : "Grok: En attente de clé API..."}</div>
<div className="text-sm text-neutral-400">{grokApiKey ? "xAI/Grok: Système en ligne. Quelle équation souhaitez-vous résoudre ?" : "xAI/Grok: En attente de configuration API..."}</div>
<div className="h-px w-full bg-neutral-800 my-2" />
<div className="text-white font-medium">User: Explique-moi le calcul intégral.</div>
</div>
@@ -98,11 +99,11 @@ export default function LandingPage() {
useInvertedBackground={false}
animationType="slide-up"
features={[
{ icon: Lightbulb, title: "Chat Grok IA", description: "Interaction naturelle avec un modèle de langage performant." },
{ icon: Lightbulb, title: "Moteur Grok IA", description: "Interaction native avec le raisonnement logique de xAI." },
{ icon: PenTool, title: "Visualisation", description: "Conversion automatique des concepts mathématiques en schémas." },
{ icon: Monitor, title: "Interface épurée", description: "Design noir et blanc minimaliste pour se concentrer sur l'essentiel." },
{ icon: Zap, title: "Réponses rapides", description: "Latence ultra-faible pour un apprentissage fluide." },
{ icon: ShieldCheck, title: "Confidentialité", description: "Gestion sécurisée de vos clés API en local." },
{ icon: ShieldCheck, title: "Sécurité API", description: "Intégration sécurisée de votre clé xAI en local." },
]}
title="La puissance du visuel"
description="Une interface pensée pour la clarté et l'efficacité."
@@ -115,7 +116,7 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Qu'est-ce que MathIA ?", content: "C'est une plateforme qui associe Grok AI à un canevas numérique interactif." },
{ id: "2", title: "Besoin d'une clé API ?", content: "Oui, vous utilisez votre propre clé pour une confidentialité totale." },
{ id: "2", title: "Besoin d'une clé API xAI ?", content: "Oui, vous utilisez votre clé API xAI pour une confidentialité totale lors de vos sessions de tutorat." },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/clean-interface-showing-interactive-math-1775133774387-5fe1858a.png"
title="Questions Fréquentes"
@@ -129,11 +130,11 @@ export default function LandingPage() {
<ContactSplitForm
useInvertedBackground={false}
title="Accès au système"
description="Configurez votre environnement."
description="Configurez votre clé API xAI pour activer le chat et les tutoriels."
inputs={[
{ name: "name", type: "text", placeholder: "Nom", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true },
{ name: "apiKey", type: "password", placeholder: "Clé API Grok", required: true },
{ name: "apiKey", type: "password", placeholder: "Clé API xAI", required: true },
]}
onSubmit={handleContactSubmit}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-digital-aesthetic-background--1775133773550-69c25a60.png"