Merge version_1 into main #2
184
src/app/page.tsx
184
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Smartphone, Search } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -18,23 +19,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NexAI"
|
||||
/>
|
||||
@@ -43,42 +45,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Crée ton site en 10 secondes"
|
||||
description="L'IA qui transforme tes idées en sites web professionnels instantanément. Pas de code, juste de l'innovation."
|
||||
tag="NexAI V1.0"
|
||||
buttons={[
|
||||
{
|
||||
text: "Commencer gratuitement",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Commencer gratuitement", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg?_wi=1",
|
||||
imageAlt: "AI Website Preview 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg", imageAlt: "AI Website Preview 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg?_wi=2",
|
||||
imageAlt: "AI Website Preview 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg", imageAlt: "AI Website Preview 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg?_wi=3",
|
||||
imageAlt: "AI Website Preview 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg", imageAlt: "AI Website Preview 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg?_wi=4",
|
||||
imageAlt: "AI Website Preview 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg", imageAlt: "AI Website Preview 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg?_wi=5",
|
||||
imageAlt: "AI Website Preview 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg", imageAlt: "AI Website Preview 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg?_wi=6",
|
||||
imageAlt: "AI Website Preview 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg", imageAlt: "AI Website Preview 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -91,20 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10s",
|
||||
description: "Temps de création",
|
||||
},
|
||||
id: "m1", value: "10s", description: "Temps de création"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k+",
|
||||
description: "Sites générés",
|
||||
},
|
||||
id: "m2", value: "50k+", description: "Sites générés"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Temps de disponibilité",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Temps de disponibilité"},
|
||||
]}
|
||||
title="Performance brute"
|
||||
description="Les chiffres parlent d'eux-mêmes."
|
||||
@@ -117,22 +95,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Génération instantanée",
|
||||
description: "10 secondes montre en main pour un site complet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flash-offer-black-friday-banner_1361-1836.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Génération instantanée", description: "10 secondes montre en main pour un site complet.", imageSrc: "http://img.b2bpic.net/free-vector/flash-offer-black-friday-banner_1361-1836.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Design adaptatif",
|
||||
description: "Responsive nativement sur tous les écrans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page_23-2148362651.jpg",
|
||||
buttonIcon: "Smartphone",
|
||||
title: "Design adaptatif", description: "Responsive nativement sur tous les écrans.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-landing-page_23-2148362651.jpg", buttonIcon: Smartphone,
|
||||
},
|
||||
{
|
||||
title: "SEO Optimisé",
|
||||
description: "Votre site est prêt pour Google dès la publication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-gradient-landing-page_52683-8876.jpg",
|
||||
buttonIcon: "Search",
|
||||
title: "SEO Optimisé", description: "Votre site est prêt pour Google dès la publication.", imageSrc: "http://img.b2bpic.net/free-vector/colorful-gradient-landing-page_52683-8876.jpg", buttonIcon: Search,
|
||||
},
|
||||
]}
|
||||
title="Conçu pour la vitesse"
|
||||
@@ -147,50 +116,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "Gratuit",
|
||||
name: "Starter",
|
||||
features: [
|
||||
"1 site",
|
||||
"Sous-domaine nexai.fr",
|
||||
"Support communauté",
|
||||
],
|
||||
id: "basic", price: "Gratuit", name: "Starter", features: [
|
||||
"1 site", "Sous-domaine nexai.fr", "Support communauté"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Commencer",
|
||||
},
|
||||
text: "Commencer"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "29€/mois",
|
||||
name: "Professionnel",
|
||||
features: [
|
||||
"Sites illimités",
|
||||
"Nom de domaine personnalisé",
|
||||
"SEO premium",
|
||||
"Support prioritaire",
|
||||
],
|
||||
id: "pro", price: "29€/mois", name: "Professionnel", features: [
|
||||
"Sites illimités", "Nom de domaine personnalisé", "SEO premium", "Support prioritaire"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choisir Pro",
|
||||
},
|
||||
text: "Choisir Pro"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "agency",
|
||||
price: "99€/mois",
|
||||
name: "Agence",
|
||||
features: [
|
||||
"Tout du Pro",
|
||||
"Gestion d'équipe",
|
||||
"Marque blanche",
|
||||
"API accès",
|
||||
],
|
||||
id: "agency", price: "99€/mois", name: "Agence", features: [
|
||||
"Tout du Pro", "Gestion d'équipe", "Marque blanche", "API accès"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contacter",
|
||||
},
|
||||
text: "Contacter"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -206,40 +152,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "NexAI a révolutionné ma façon de lancer des projets en ligne.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-leader-her-colleagues-two-cheerful-men-woman-standing-together-after-corporate-meeting-office-smiling-looking-camera-female-leadership-business-concept_74855-24566.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "NexAI a révolutionné ma façon de lancer des projets en ligne.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-leader-her-colleagues-two-cheerful-men-woman-standing-together-after-corporate-meeting-office-smiling-looking-camera-female-leadership-business-concept_74855-24566.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc L.",
|
||||
handle: "@marcl",
|
||||
testimonial: "Incroyable rapidité. Un site pro en moins d'une minute !",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-optimizing-production-flow-using-laptop_482257-124916.jpg",
|
||||
},
|
||||
id: "2", name: "Marc L.", handle: "@marcl", testimonial: "Incroyable rapidité. Un site pro en moins d'une minute !", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-optimizing-production-flow-using-laptop_482257-124916.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julie P.",
|
||||
handle: "@juliep",
|
||||
testimonial: "La meilleure solution pour les entrepreneurs pressés.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-travel-agency_52683-136439.jpg",
|
||||
},
|
||||
id: "3", name: "Julie P.", handle: "@juliep", testimonial: "La meilleure solution pour les entrepreneurs pressés.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-travel-agency_52683-136439.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Simple, efficace et beau design par défaut.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-phone-office_1303-19611.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@davidk", testimonial: "Simple, efficace et beau design par défaut.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-phone-office_1303-19611.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucas M.",
|
||||
handle: "@lucasm",
|
||||
testimonial: "La technologie utilisée est bluffante, résultat pro immédiat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-leader-her-colleagues-two-cheerful-men-woman-standing-together-after-corporate-meeting-office-smiling-looking-camera-female-leadership-business-concept_74855-24566.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Lucas M.", handle: "@lucasm", testimonial: "La technologie utilisée est bluffante, résultat pro immédiat.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-leader-her-colleagues-two-cheerful-men-woman-standing-together-after-corporate-meeting-office-smiling-looking-camera-female-leadership-business-concept_74855-24566.jpg"},
|
||||
]}
|
||||
title="Ce qu'ils en disent"
|
||||
description="Plus de 50 000 utilisateurs nous font confiance."
|
||||
@@ -251,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Est-ce vraiment gratuit ?",
|
||||
content: "Oui, notre offre Starter est totalement gratuite.",
|
||||
},
|
||||
id: "f1", title: "Est-ce vraiment gratuit ?", content: "Oui, notre offre Starter est totalement gratuite."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Puis-je changer de plan ?",
|
||||
content: "Vous pouvez monter en gamme à tout moment.",
|
||||
},
|
||||
id: "f2", title: "Puis-je changer de plan ?", content: "Vous pouvez monter en gamme à tout moment."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Est-ce adapté au SEO ?",
|
||||
content: "Absolument, le code généré est optimisé pour les moteurs de recherche.",
|
||||
},
|
||||
id: "f3", title: "Est-ce adapté au SEO ?", content: "Absolument, le code généré est optimisé pour les moteurs de recherche."},
|
||||
]}
|
||||
sideTitle="Questions fréquentes"
|
||||
sideDescription="Tout ce que vous devez savoir."
|
||||
@@ -279,20 +191,14 @@ export default function LandingPage() {
|
||||
description="Contactez-nous pour toute question."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Votre nom",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Votre nom", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Votre email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Votre email", required: true,
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg?_wi=7"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/global-network-futuristic-technology_53876-117947.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user