Merge version_1 into main #2
294
src/app/page.tsx
294
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Book, Briefcase, CheckCircle } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,18 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="NOVA"
|
||||
/>
|
||||
@@ -53,39 +45,18 @@ export default function LandingPage() {
|
||||
title="NOVA — L’intelligence qui fait tout"
|
||||
description="Une seule IA pour travailler, apprendre, créer et organiser sa vie."
|
||||
buttons={[
|
||||
{
|
||||
text: "Commencer",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Essayer gratuitement",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ text: "Commencer", href: "#contact" },
|
||||
{ text: "Essayer gratuitement", href: "#pricing" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg"
|
||||
showBlur={true}
|
||||
avatarText="Rejoignez plus de 10 000 utilisateurs"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Utilisateur 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
alt: "Utilisateur 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
alt: "Utilisateur 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "Utilisateur 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
alt: "Utilisateur 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Utilisateur 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", alt: "Utilisateur 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", alt: "Utilisateur 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "Utilisateur 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", alt: "Utilisateur 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,34 +66,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Assistant Chat",
|
||||
description: "Conversations intelligentes pour toutes vos questions.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-web-pack-line-filled-icon-presentation_1142-22357.jpg",
|
||||
imageAlt: "20 Web Pack line Filled icon for presentation",
|
||||
},
|
||||
{
|
||||
title: "Study Assistant",
|
||||
description: "Apprentissage accéléré et résumé de documents.",
|
||||
buttonIcon: "Book",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg?_wi=2",
|
||||
imageAlt: "20 Web Pack line Filled icon for presentation",
|
||||
},
|
||||
{
|
||||
title: "Business Generator",
|
||||
description: "Générateur d'idées et plans business automatiques.",
|
||||
buttonIcon: "Briefcase",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/ai-element-illustration_23-2151402717.jpg?_wi=1",
|
||||
imageAlt: "20 Web Pack line Filled icon for presentation",
|
||||
},
|
||||
{
|
||||
title: "Productivité",
|
||||
description: "Outils de gestion et automatisation de tâches.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-blue-icon-pack-such-as-clapper-board-cinematography-action-clapper-view_1142-24682.jpg?_wi=1",
|
||||
imageAlt: "20 Web Pack line Filled icon for presentation",
|
||||
},
|
||||
{ title: "Assistant Chat", description: "Conversations intelligentes pour toutes vos questions.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-vector/20-web-pack-line-filled-icon-presentation_1142-22357.jpg" },
|
||||
{ title: "Study Assistant", description: "Apprentissage accéléré et résumé de documents.", buttonIcon: Book, imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg" },
|
||||
{ title: "Business Generator", description: "Générateur d'idées et plans business automatiques.", buttonIcon: Briefcase, imageSrc: "http://img.b2bpic.net/free-psd/ai-element-illustration_23-2151402717.jpg" },
|
||||
{ title: "Productivité", description: "Outils de gestion et automatisation de tâches.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-blue-icon-pack-such-as-clapper-board-cinematography-action-clapper-view_1142-24682.jpg" }
|
||||
]}
|
||||
title="Tout ce dont vous avez besoin"
|
||||
description="Découvrez une suite d'outils alimentés par IA pour booster votre quotidien."
|
||||
@@ -135,33 +82,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10x",
|
||||
title: "Gain de temps",
|
||||
items: [
|
||||
"Automatisation IA",
|
||||
"Traitement rapide",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Précision",
|
||||
items: [
|
||||
"Données fiables",
|
||||
"Vérifié par IA",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Disponibilité",
|
||||
items: [
|
||||
"Accès continu",
|
||||
"Support instantané",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "10x", title: "Gain de temps", items: ["Automatisation IA", "Traitement rapide"] },
|
||||
{ id: "m2", value: "99%", title: "Précision", items: ["Données fiables", "Vérifié par IA"] },
|
||||
{ id: "m3", value: "24/7", title: "Disponibilité", items: ["Accès continu", "Support instantané"] }
|
||||
]}
|
||||
title="Performance NOVA"
|
||||
description="Des résultats mesurables pour une productivité décuplée."
|
||||
@@ -175,42 +98,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Générateur d'images",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/ai-element-illustration_23-2151402717.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Générateur vidéo",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-blue-icon-pack-such-as-clapper-board-cinematography-action-clapper-view_1142-24682.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Assistant vocal",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171755.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Code Pro",
|
||||
price: "Inclus",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates-set_23-2148807540.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Analyse Data",
|
||||
price: "Inclus",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-growth-graph-icon-isolated_53876-71261.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Planificateur",
|
||||
price: "Inclus",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/laptop-computer-with-electronic-business-icons_24911-45469.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Générateur d'images", price: "Premium", imageSrc: "http://img.b2bpic.net/free-psd/ai-element-illustration_23-2151402717.jpg" },
|
||||
{ id: "p2", name: "Générateur vidéo", price: "Premium", imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-blue-icon-pack-such-as-clapper-board-cinematography-action-clapper-view_1142-24682.jpg" },
|
||||
{ id: "p3", name: "Assistant vocal", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171755.jpg" },
|
||||
{ id: "p4", name: "Code Pro", price: "Inclus", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates-set_23-2148807540.jpg" },
|
||||
{ id: "p5", name: "Analyse Data", price: "Inclus", imageSrc: "http://img.b2bpic.net/free-photo/colorful-growth-graph-icon-isolated_53876-71261.jpg" },
|
||||
{ id: "p6", name: "Planificateur", price: "Inclus", imageSrc: "http://img.b2bpic.net/free-vector/laptop-computer-with-electronic-business-icons_24911-45469.jpg" }
|
||||
]}
|
||||
title="Modules Premium"
|
||||
description="Accédez à nos technologies génératives avancées."
|
||||
@@ -220,50 +113,21 @@ export default function LandingPage() {
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
name: "Starter",
|
||||
price: "9€ / mois",
|
||||
features: [
|
||||
"Chat illimité",
|
||||
"Support standard",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choisir Starter",
|
||||
},
|
||||
],
|
||||
id: "starter", name: "Starter", price: "9€ / mois", features: ["Chat illimité", "Support standard"],
|
||||
buttons: [{ text: "Choisir Starter" }]
|
||||
},
|
||||
{
|
||||
id: "plus",
|
||||
name: "Plus",
|
||||
price: "11€ / mois",
|
||||
features: [
|
||||
"Tout du starter",
|
||||
"Assistant Study",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choisir Plus",
|
||||
},
|
||||
],
|
||||
id: "plus", name: "Plus", price: "11€ / mois", features: ["Tout du starter", "Assistant Study"],
|
||||
buttons: [{ text: "Choisir Plus" }]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Pro",
|
||||
price: "21.99€ / mois",
|
||||
features: [
|
||||
"Tout du plus",
|
||||
"Image & Vidéo IA",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choisir Pro",
|
||||
},
|
||||
],
|
||||
},
|
||||
id: "pro", name: "Pro", price: "21.99€ / mois", features: ["Tout du plus", "Image & Vidéo IA"],
|
||||
buttons: [{ text: "Choisir Pro" }]
|
||||
}
|
||||
]}
|
||||
title="Choisissez votre forfait"
|
||||
description="Des tarifs transparents pour tous vos besoins."
|
||||
@@ -275,61 +139,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice D.",
|
||||
date: "12/2023",
|
||||
title: "Manager",
|
||||
quote: "NOVA a transformé mon flux de travail quotidien.",
|
||||
tag: "Top",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg?_wi=3",
|
||||
imageAlt: "professional manager portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marc L.",
|
||||
date: "01/2024",
|
||||
title: "Freelance",
|
||||
quote: "Le meilleur outil d'IA tout-en-un que j'ai testé.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/ai-element-illustration_23-2151402717.jpg?_wi=3",
|
||||
imageAlt: "professional manager portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah B.",
|
||||
date: "02/2024",
|
||||
title: "Étudiante",
|
||||
quote: "M'aide énormément dans mes recherches universitaires.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cool-student-man-notebook_1149-1788.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-blue-icon-pack-such-as-clapper-board-cinematography-action-clapper-view_1142-24682.jpg?_wi=3",
|
||||
imageAlt: "professional manager portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julien P.",
|
||||
date: "03/2024",
|
||||
title: "CEO",
|
||||
quote: "La qualité des réponses est bluffante.",
|
||||
tag: "Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171755.jpg?_wi=2",
|
||||
imageAlt: "professional manager portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emma R.",
|
||||
date: "04/2024",
|
||||
title: "Designer",
|
||||
quote: "Je ne peux plus me passer des outils de génération.",
|
||||
tag: "Creative",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates-set_23-2148807540.jpg?_wi=2",
|
||||
imageAlt: "professional manager portrait",
|
||||
},
|
||||
{ id: "t1", name: "Alice D.", date: "12/2023", title: "Manager", quote: "NOVA a transformé mon flux de travail quotidien.", tag: "Top", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
|
||||
{ id: "t2", name: "Marc L.", date: "01/2024", title: "Freelance", quote: "Le meilleur outil d'IA tout-en-un que j'ai testé.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg" },
|
||||
{ id: "t3", name: "Sarah B.", date: "02/2024", title: "Étudiante", quote: "M'aide énormément dans mes recherches universitaires.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/cool-student-man-notebook_1149-1788.jpg" },
|
||||
{ id: "t4", name: "Julien P.", date: "03/2024", title: "CEO", quote: "La qualité des réponses est bluffante.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg" },
|
||||
{ id: "t5", name: "Emma R.", date: "04/2024", title: "Designer", quote: "Je ne peux plus me passer des outils de génération.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg" }
|
||||
]}
|
||||
title="Ils utilisent NOVA"
|
||||
description="Rejoignez des milliers de professionnels satisfaits."
|
||||
@@ -341,21 +155,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Quels types d'IA sont utilisés ?",
|
||||
content: "NOVA utilise les derniers modèles linguistiques et génératifs.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Puis-je annuler mon abonnement ?",
|
||||
content: "Oui, vous pouvez annuler à tout moment sans frais.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Est-ce sécurisé ?",
|
||||
content: "La sécurité de vos données est notre priorité absolue.",
|
||||
},
|
||||
{ id: "q1", title: "Quels types d'IA sont utilisés ?", content: "NOVA utilise les derniers modèles linguistiques et génératifs." },
|
||||
{ id: "q2", title: "Puis-je annuler mon abonnement ?", content: "Oui, vous pouvez annuler à tout moment sans frais." },
|
||||
{ id: "q3", title: "Est-ce sécurisé ?", content: "La sécurité de vos données est notre priorité absolue." }
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Tout savoir sur NOVA."
|
||||
@@ -366,9 +168,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Prêt à démarrer ?"
|
||||
description="Rejoignez NOVA dès aujourd'hui."
|
||||
tag="Inscription"
|
||||
@@ -378,14 +178,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="NOVA"
|
||||
leftLink={{
|
||||
text: "Confidentialité",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Confidentialité", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user