Merge version_1 into main #2
253
src/app/page.tsx
253
src/app/page.tsx
@@ -26,184 +26,93 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Algèbre",
|
||||
id: "#algebra",
|
||||
},
|
||||
{
|
||||
name: "Géométrie",
|
||||
id: "#geometry",
|
||||
},
|
||||
{
|
||||
name: "Probabilités",
|
||||
id: "#probability",
|
||||
},
|
||||
]}
|
||||
brandName="Mathix"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Algèbre", id: "#algebra" },
|
||||
{ name: "Géométrie", id: "#geometry" },
|
||||
{ name: "Probabilités", id: "#probability" },
|
||||
]}
|
||||
brandName="Mathix"
|
||||
button={{ text: "Commencer", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Mathix AI"
|
||||
description="Apprends les mathématiques avec une IA interactive conçue pour ton succès. Explore des concepts complexes avec clarté et style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Commencer la leçon",
|
||||
href: "#algebra",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png?_wi=1"
|
||||
imageAlt="Interface mathématique futuriste"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Mathix AI"
|
||||
description="Apprends les mathématiques avec une IA interactive conçue pour ton succès. Explore des concepts complexes avec clarté et style."
|
||||
buttons={[{ text: "Commencer la leçon", href: "#algebra" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png"
|
||||
imageAlt="Interface mathématique futuriste"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="algebra" data-section="algebra">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Maîtrise l'Algèbre"
|
||||
buttons={[
|
||||
{
|
||||
text: "Démarrer",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
tag="Algorithmes & Logique"
|
||||
tagIcon={Gauge}
|
||||
/>
|
||||
</div>
|
||||
<div id="algebra" data-section="algebra">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Maîtrise l'Algèbre"
|
||||
buttons={[{ text: "Démarrer", href: "#" }]}
|
||||
tag="Algorithmes & Logique"
|
||||
tagIcon={Gauge}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="geometry" data-section="geometry">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Triangles complexes",
|
||||
description: "Maîtrise la trigonométrie avancée avec nos outils interactifs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Calculs de volume",
|
||||
description: "Comprends le volume des solides avec des visualisations réelles.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Espace Euclidien",
|
||||
description: "Plonge dans les propriétés fondamentales de l'espace.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Exploration Géométrique"
|
||||
description="Visualise les formes et les théorèmes en 3D."
|
||||
tag="Géométrie 3D"
|
||||
tagIcon={Box}
|
||||
/>
|
||||
</div>
|
||||
<div id="geometry" data-section="geometry">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: 1, title: "Triangles complexes", description: "Maîtrise la trigonométrie avancée avec nos outils interactifs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png" },
|
||||
{ id: 2, title: "Calculs de volume", description: "Comprends le volume des solides avec des visualisations réelles.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png" },
|
||||
{ id: 3, title: "Espace Euclidien", description: "Plonge dans les propriétés fondamentales de l'espace.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-3d-math-interface-floating-ge-1775143330356-5711d45e.png" },
|
||||
]}
|
||||
title="Exploration Géométrique"
|
||||
description="Visualise les formes et les théorèmes en 3D."
|
||||
tag="Géométrie 3D"
|
||||
tagIcon={Box}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice",
|
||||
handle: "@almath",
|
||||
testimonial: "Mathix a rendu les intégrales si simples !",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob",
|
||||
handle: "@boblogic",
|
||||
testimonial: "L'avatar est incroyablement réactif.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie",
|
||||
handle: "@char",
|
||||
testimonial: "Je ne rate plus aucun devoir.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana",
|
||||
handle: "@diana",
|
||||
testimonial: "Une expérience immersive unique.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evan",
|
||||
handle: "@evan",
|
||||
testimonial: "L'IA patiente change tout.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png?_wi=5",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Ce que pensent nos élèves"
|
||||
description="Rejoins une communauté apprenant avec les outils du futur."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
title="Ce que pensent nos élèves"
|
||||
description="Rejoins une communauté apprenant avec les outils du futur."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice", handle: "@almath", testimonial: "Mathix a rendu les intégrales si simples !", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png" },
|
||||
{ id: "2", name: "Bob", handle: "@boblogic", testimonial: "L'avatar est incroyablement réactif.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png" },
|
||||
{ id: "3", name: "Charlie", handle: "@char", testimonial: "Je ne rate plus aucun devoir.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png" },
|
||||
{ id: "4", name: "Diana", handle: "@diana", testimonial: "Une expérience immersive unique.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png" },
|
||||
{ id: "5", name: "Evan", handle: "@evan", testimonial: "L'IA patiente change tout.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/stylized-3d-humanoid-robot-avatar-for-ai-1775143329095-65162bf1.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Besoin d'aide ?"
|
||||
description="Pose ta question à Mathix en bas de l'écran ou écris-nous ici."
|
||||
tagIcon={MessageSquare}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Contact"
|
||||
title="Besoin d'aide ?"
|
||||
description="Pose ta question à Mathix en bas de l'écran ou écris-nous ici."
|
||||
tagIcon={MessageSquare}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Algèbre",
|
||||
href: "#algebra",
|
||||
},
|
||||
{
|
||||
label: "Géométrie",
|
||||
href: "#geometry",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Probabilités",
|
||||
href: "#probability",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Mathix"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Algèbre", href: "#algebra" }, { label: "Géométrie", href: "#geometry" }] },
|
||||
{ items: [{ label: "Probabilités", href: "#probability" }, { label: "Support", href: "#" }] },
|
||||
]}
|
||||
logoText="Mathix"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user