Merge version_1 into main #6
@@ -10,6 +10,7 @@ import Link from "next/link";
|
||||
|
||||
export default function CustomOrderPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/", href: "/" },
|
||||
{ name: "Création Sur Mesure", id: "custom-order", href: "/custom-order" },
|
||||
{ name: "Abonnements", id: "pricing", href: "/pricing" }
|
||||
];
|
||||
|
||||
@@ -1,20 +1,35 @@
|
||||
<![CDATA["use client";
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import Link from "next/link";
|
||||
import { Sparkles, Zap } from "lucide-react";
|
||||
import { Sparkles, Zap } from 'lucide-react';
|
||||
|
||||
export default function PricingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/", href: "/" },
|
||||
{ name: "Création Sur Mesure", id: "custom-order", href: "/custom-order" },
|
||||
{ name: "Abonnements", id: "pricing", href: "/pricing" }
|
||||
];
|
||||
|
||||
const pricingSectionProps = {
|
||||
title: "Libérez Votre Créativité Illimitée", description: "Choisissez le plan qui correspond à vos ambitions de création de personnages et débloquez des avantages exclusifs.", plans: [
|
||||
{ id: "decouverte", badge: "Gratuit", price: "0€", subtitle: "Accès limité au catalogue", features: ["5 fiches gratuites par mois", "Accès au catalogue standard", "Option de commande sur mesure (tarif plein)", "Support communautaire"], buttons: [{ text: "Commencer Gratuitement", href: "/signup" }] },
|
||||
{ id: "createur", badge: "Populaire", badgeIcon: Sparkles, price: "10€/mois", subtitle: "Pour les créateurs passionnés", features: ["Accès gratuit à 100 fiches par mois", "Accès illimité au catalogue standard", "10% de réduction sur les commandes sur mesure", "Support prioritaire", "Accès à des fiches premium"], buttons: [{ text: "Choisir le Plan Créateur", href: "/pricing" }] },
|
||||
{ id: "illimite", badge: "Ultime", badgeIcon: Zap, price: "25€/mois", subtitle: "Pour une liberté de création totale", features: ["Accès gratuit illimité aux fiches", "Accès illimité au catalogue premium", "25% de réduction sur les commandes sur mesure", "Support dédié 24/7", "Accès anticipé aux nouvelles fonctionnalités"], buttons: [{ text: "Choisir le Plan Illimité", href: "/pricing" }] }
|
||||
],
|
||||
animationType: "slide-up", textboxLayout: "default", useInvertedBackground: false,
|
||||
ariaLabel: "Section des plans tarifaires"
|
||||
};
|
||||
|
||||
const footerSectionProps = {
|
||||
logoText: "PersonaCraft", leftLink: { text: "Politique de Confidentialité", href: "/privacy" },
|
||||
rightLink: { text: "Conditions Générales", href: "/terms" },
|
||||
ariaLabel: "Pied de page du site PersonaCraft", useInvertedBackground: false
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -33,135 +48,12 @@ export default function PricingPage() {
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
title="Libérez Votre Créativité Illimitée"
|
||||
description="Choisissez le plan qui correspond à vos ambitions de création de personnages et débloquez des avantages exclusifs."
|
||||
plans={[
|
||||
{
|
||||
id: "decouverte", badge: "Gratuit", price: "0€", subtitle: "Accès limité au catalogue", features: [
|
||||
"5 fiches gratuites par mois", "Accès au catalogue standard", "Option de commande sur mesure (tarif plein)", "Support communautaire"
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Commencer Gratuitement", href: "/signup"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "createur", badge: "Populaire", badgeIcon: Sparkles,
|
||||
price: "10€/mois", subtitle: "Pour les créateurs passionnés", features: [
|
||||
"Accès gratuit à 100 fiches par mois", "Accès illimité au catalogue standard", "10% de réduction sur les commandes sur mesure", "Support prioritaire", "Accès à des fiches premium"
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choisir le Plan Créateur", href: "/pricing"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "illimite", badge: "Ultime", badgeIcon: Zap,
|
||||
price: "25€/mois", subtitle: "Pour une liberté de création totale", features: [
|
||||
"Accès gratuit illimité aux fiches", "Accès illimité au catalogue premium", "25% de réduction sur les commandes sur mesure", "Support dédié 24/7", "Accès anticipé aux nouvelles fonctionnalités"
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choisir le Plan Illimité", href: "/pricing"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Section des plans tarifaires"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="Ce que disent nos Créateurs"
|
||||
description="Des retours enthousiastes de la communauté PersonaCraft qui donnent vie à leurs univers."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Léa Dubois", role: "Écrivaine Fantasy", company: "Récits Enchantés", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-femal-1774504974877-8c960517.png?_wi=2", imageAlt: "Avatar de Léa Dubois"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Marc Chen", role: "Maître de Jeu", company: "Aventures Épiques", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-male--1774504975413-e43abb59.png?_wi=2", imageAlt: "Avatar de Marc Chen"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Samira Khan", role: "Artiste Conceptuel", company: "Visionnaires Créatifs", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-non-b-1774504974703-93f5f783.png?_wi=2", imageAlt: "Avatar de Samira Khan"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Martin", role: "Développeur de Jeux", company: "Mondes Virtuels", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-femal-1774504976666-59a25a36.png?_wi=2", imageAlt: "Avatar de David Martin"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
id: "kpi-1", value: "500+", title: "Personnages Créés", description: "par notre communauté"
|
||||
},
|
||||
{
|
||||
id: "kpi-2", value: "98%", title: "Satisfaction Client", description: "sur les commandes sur mesure"
|
||||
},
|
||||
{
|
||||
id: "kpi-3", value: "100K+", title: "Histoires Inspirées", description: "par PersonaCraft"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Section des témoignages"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
title="Vos Super-Pouvoirs Créatifs"
|
||||
description="Accédez à des outils et des ressources qui transforment votre processus de création de personnages."
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Catalogue Riche", author: "Découverte Instantanée", description: "Parcourez des centaines de fiches de personnages pré-créées, avec des visuels et des histoires pour stimuler votre imagination.", tags: [
|
||||
"Fantasy", "Sci-Fi", "Historique"
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-sleek-dark-marketplace-icon-with-subtl-1774504974334-05e5260e.png?_wi=2", imageAlt: "Icône de marché numérique"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Personnages Sur Mesure", author: "Création Unique", description: "Décrivez le personnage de vos rêves et nos experts, assistés par l'IA, le matérialiseront selon vos spécifications exactes.", tags: [
|
||||
"IA", "Personnalisation", "Exclusif"
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/an-icon-depicting-a-person-sketching-or--1774504974573-d7712097.png?_wi=2", imageAlt: "Icône de commande de personnage sur mesure"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Abonnements Avantageux", author: "Accès Illimité", description: "Débloquez un accès gratuit à des fiches exclusives, des réductions sur les commandes sur mesure et bien plus encore.", tags: [
|
||||
"Premium", "Économie", "Avantages"
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-premium-subscription-icon-featuring-a--1774504974645-0103338b.png?_wi=2", imageAlt: "Icône d'abonnement premium"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Section des fonctionnalités de PersonaCraft"
|
||||
/>
|
||||
<PricingCardTwo {...pricingSectionProps} />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="PersonaCraft"
|
||||
leftLink={{
|
||||
text: "Politique de Confidentialité", href: "/privacy"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Conditions Générales", href: "/terms"
|
||||
}}
|
||||
ariaLabel="Pied de page du site PersonaCraft"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterLogoReveal {...footerSectionProps} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
]]>
|
||||
Reference in New Issue
Block a user