bender/2f59a81d-908b-46f9-89c2-46e2ec496f08
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-03-26 06:12:18 +00:00
parent 8ae07c9fde
commit e654259c23
1 changed files with 53 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
src/app/page.tsx
View File

@@ -1,25 +1,23 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Sparkles, Zap } from "lucide-react";
export default function HomePage() {
const navItems = [
{ name: "Accueil", id: "home", href: "/" },
{ name: "Boutique", id: "shop", href: "/shop" }
{ name: "Home", id: "/", href: "/" },
{ name: "Création Sur Mesure", id: "custom-order", href: "/custom-order" },
{ name: "Abonnements", id: "pricing", href: "/pricing" }
];
const footerLeftLink = { text: "Politique de Confidentialité", href: "/privacy" };
const footerRightLink = { text: "Conditions Générales", href: "/terms" };
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -51,7 +49,6 @@ export default function HomePage() {
showDimOverlay={true}
showBlur={true}
ariaLabel="Section Hero de PersonaCraft"
useInvertedBackground={false}
/>
</div>
@@ -61,12 +58,10 @@ export default function HomePage() {
description={[
"PersonaCraft est votre plateforme ultime pour l'inspiration et la création de personnages. Que vous soyez un écrivain, un MJ de JDR ou un artiste, nous donnons vie à vos visions avec des fiches détaillées, riches en histoire, traits et visuels uniques.", "Notre catalogue regorge de personnages prêts à l'emploi, triés par genre et style. Pour une touche vraiment unique, notre service sur mesure combine l'expertise humaine et la puissance de l'IA pour créer le personnage exact dont vous rêvez, livré directement dans votre espace personnel."
]}
buttons={[
{ text: "En savoir plus", href: "/about" }
]}
buttons={[{ text: "En savoir plus", href: "/about" }]
}
showBorder={false}
ariaLabel="À propos de PersonaCraft"
useInvertedBackground={false}
/>
</div>
@@ -75,18 +70,9 @@ export default function HomePage() {
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=1", 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=1", 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=1", imageAlt: "Icône d'abonnement premium"
}
{ 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", 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", 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", imageAlt: "Icône d'abonnement premium" }
]}
animationType="slide-up"
textboxLayout="default"
@@ -95,32 +81,38 @@ export default function HomePage() {
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
title="Explorez Notre Catalogue de Personnages"
description="Des héros, des antagonistes, des PNJ... Trouvez l'inspiration instantanément pour vos prochaines aventures."
products={[
{ id: "char-1", name: "Elara, la Lame Sylvestre", price: "9.99€", variant: "Fantasy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-digital-painting-of-a-fierce-fantasy-w-1774504975679-dc2ac079.png", imageAlt: "Elara, une guerrière elfe sylvestre" },
{ id: "char-2", name: "Kael, l'Écho Numérique", price: "12.99€", variant: "Cyberpunk", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-sleek-cyberpunk-style-digital-painting-1774504976552-74919fa2.png", imageAlt: "Kael, un hacker cybernétique" },
{ id: "char-3", name: "Professeur Chronos", price: "11.99€", variant: "Steampunk", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-detailed-digital-painting-of-a-whimsic-1774504975609-46690b0c.png", imageAlt: "Professeur Chronos, un inventeur steampunk" },
{ id: "char-4", name: "Le Gardien des Brumes", price: "14.99€", variant: "Créature Mythique", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-majestic-digital-painting-of-a-mythica-1774504975861-500b6e7f.png", imageAlt: "Le Gardien des Brumes, une créature mythique" }
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Section du catalogue de produits"
/>
</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=1", 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=1", 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=1", 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=1", imageAlt: "Avatar de David Martin"
}
{ 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", 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", 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", 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", 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" }
{ value: "500+", title: "Personnages Créés", description: "par notre communauté" },
{ value: "98%", title: "Satisfaction Client", description: "sur les commandes sur mesure" },
{ value: "100K+", title: "Histoires Inspirées", description: "par PersonaCraft" }
]}
animationType="slide-up"
textboxLayout="default"
@@ -129,61 +121,22 @@ export default function HomePage() {
/>
</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="faq" data-section="faq">
<FaqBase
title="Questions Fréquentes"
description="Nous répondons à vos interrogations sur la création et l'achat de personnages."
faqs={[
{
id: "faq-1", title: "Comment fonctionne la commande sur mesure ?", content: "Vous remplissez un formulaire détaillé décrivant votre personnage (apparence, personnalité, histoire, univers). Nos experts, aidés par l'IA, créent ensuite une fiche et une image unique que nous vous livrons. Vous pouvez même ajouter des fichiers de référence."
id: "faq-1", title: "Comment fonctionne la commande sur mesure ?", content: "Vous remplissez un formulaire détaillé décrivant votre personnage (apparence, personnalité, histoire, univers). Nos experts, aidés par l'IA, créent ensuite une fiche et une image unique que nous vous livrons. Vous pouvez même ajouter des fichiers de référence."
},
{
id: "faq-2", title: "Quels sont les délais de livraison pour un personnage sur mesure ?", content: "La création de votre personnage nécessite une intervention humaine experte avec nos outils IA. Le délai de livraison estimé est de 48 à 72 heures."
id: "faq-2", title: "Quels sont les délais de livraison pour un personnage sur mesure ?", content: "La création de votre personnage nécessite une intervention humaine experte avec nos outils IA. Le délai de livraison estimé est de 48 à 72 heures."
},
{
id: "faq-3", title: "Puis-je modifier ma commande sur mesure après l'avoir soumise ?", content: "Une fois la commande passée, les modifications ne sont pas garanties. Nous vous invitons à nous contacter le plus rapidement possible en cas de besoin. Des frais supplémentaires peuvent s'appliquer selon la complexité des modifications."
id: "faq-3", title: "Puis-je modifier ma commande sur mesure après l'avoir soumise ?", content: "Une fois la commande passée, les modifications ne sont pas garanties. Nous vous invitons à nous contacter le plus rapidement possible en cas de besoin. Des frais supplémentaires peuvent s'appliquer selon la complexité des modifications."
},
{
id: "faq-4", title: "Les fiches de personnages sont-elles exclusives ?", content: "Les personnages achetés dans notre catalogue standard ne sont pas exclusifs. Pour une création totalement unique et exclusive, optez pour notre service de commande sur mesure."
id: "faq-4", title: "Les fiches de personnages sont-elles exclusives ?", content: "Les personnages achetés dans notre catalogue standard ne sont pas exclusifs. Pour une création totalement unique et exclusive, optez pour notre service de commande sur mesure."
}
]}
faqsAnimation="slide-up"
@@ -196,12 +149,15 @@ export default function HomePage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="PersonaCraft"
leftLink={footerLeftLink}
rightLink={footerRightLink}
leftLink={{
text: "Politique de Confidentialité", href: "/privacy"
}}
rightLink={{
text: "Conditions Générales", href: "/terms"
}}
ariaLabel="Pied de page du site PersonaCraft"
useInvertedBackground={false}
/>
</div>
</ThemeProvider>
);
}
}