Update src/app/shop/page.tsx
This commit is contained in:
@@ -29,30 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Accueil", id: "/"},
|
||||
{
|
||||
name: "Boutique",
|
||||
id: "shop",
|
||||
href: "/shop",
|
||||
},
|
||||
name: "Boutique", id: "/shop"},
|
||||
{
|
||||
name: "Création Sur Mesure",
|
||||
id: "custom-order",
|
||||
href: "/custom-order",
|
||||
},
|
||||
name: "Création Sur Mesure", id: "/custom-order"},
|
||||
{
|
||||
name: "Abonnements",
|
||||
id: "pricing",
|
||||
href: "/pricing",
|
||||
},
|
||||
name: "Abonnements", id: "/pricing"},
|
||||
{
|
||||
name: "Mon Compte",
|
||||
id: "dashboard",
|
||||
href: "/dashboard",
|
||||
},
|
||||
name: "Mon Compte", id: "/dashboard"},
|
||||
]}
|
||||
brandName="PersonaCraft"
|
||||
/>
|
||||
@@ -63,45 +48,17 @@ export default function LandingPage() {
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Fantasy",
|
||||
name: "Guerrier Astral Ancien",
|
||||
price: "29.99€",
|
||||
rating: 4,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-digital-painting-of-a-fierce-fantasy-w-1774504975679-dc2ac079.png?_wi=2",
|
||||
imageAlt: "Guerrier Astral Ancien",
|
||||
},
|
||||
id: "1", category: "Fantasy", name: "Guerrier Astral Ancien", price: "29.99€", rating: 4,
|
||||
reviewCount: "12", 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: "Guerrier Astral Ancien"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Cyberpunk",
|
||||
name: "Hacker de la Nuit",
|
||||
price: "34.99€",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-sleek-cyberpunk-style-digital-painting-1774504976552-74919fa2.png?_wi=2",
|
||||
imageAlt: "Hacker de la Nuit",
|
||||
},
|
||||
id: "2", category: "Cyberpunk", name: "Hacker de la Nuit", price: "34.99€", rating: 5,
|
||||
reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-sleek-cyberpunk-style-digital-painting-1774504976552-74919fa2.png", imageAlt: "Hacker de la Nuit"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Steampunk",
|
||||
name: "Inventeur Excentrique",
|
||||
price: "27.50€",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-detailed-digital-painting-of-a-whimsic-1774504975609-46690b0c.png?_wi=2",
|
||||
imageAlt: "Inventeur Excentrique",
|
||||
},
|
||||
id: "3", category: "Steampunk", name: "Inventeur Excentrique", price: "27.50€", rating: 4,
|
||||
reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-detailed-digital-painting-of-a-whimsic-1774504975609-46690b0c.png", imageAlt: "Inventeur Excentrique"},
|
||||
{
|
||||
id: "4",
|
||||
category: "Mythologie",
|
||||
name: "Bête Mythique Gardienne",
|
||||
price: "39.99€",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-majestic-digital-painting-of-a-mythica-1774504975861-500b6e7f.png?_wi=2",
|
||||
imageAlt: "Bête Mythique Gardienne",
|
||||
},
|
||||
id: "4", category: "Mythologie", name: "Bête Mythique Gardienne", price: "39.99€", rating: 5,
|
||||
reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-majestic-digital-painting-of-a-mythica-1774504975861-500b6e7f.png", imageAlt: "Bête Mythique Gardienne"},
|
||||
]}
|
||||
searchPlaceholder="Rechercher des personnages..."
|
||||
emptyMessage="Aucun personnage trouvé correspondant à votre recherche."
|
||||
@@ -116,23 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Fiches Détaillées et Complètes",
|
||||
description: "Chaque personnage est livré avec un historique, des traits de personnalité, des compétences et bien plus encore pour une immersion totale.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-mystical-character-creation-interface--1774504976081-e76d0658.png?_wi=2",
|
||||
},
|
||||
id: "1", title: "Fiches Détaillées et Complètes", description: "Chaque personnage est livré avec un historique, des traits de personnalité, des compétences et bien plus encore pour une immersion totale.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-mystical-character-creation-interface--1774504976081-e76d0658.png"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Créations par IA et Experts Humains",
|
||||
description: "Profitez de l'efficacité de l'IA combinée à la finesse et la créativité de nos artistes pour des résultats exceptionnels.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/abstract-magical-glowing-particles-flowi-1774504976045-3b1a6375.png?_wi=1",
|
||||
},
|
||||
id: "2", title: "Créations par IA et Experts Humains", description: "Profitez de l'efficacité de l'IA combinée à la finesse et la créativité de nos artistes pour des résultats exceptionnels.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/abstract-magical-glowing-particles-flowi-1774504976045-3b1a6375.png"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Large Gamme de Genres et Styles",
|
||||
description: "Que vous cherchiez de la fantasy épique, de la science-fiction futuriste ou du steampunk victorien, notre catalogue a tout pour plaire.",
|
||||
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",
|
||||
},
|
||||
id: "3", title: "Large Gamme de Genres et Styles", description: "Que vous cherchiez de la fantasy épique, de la science-fiction futuriste ou du steampunk victorien, notre catalogue a tout pour plaire.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/a-sleek-dark-marketplace-icon-with-subtl-1774504974334-05e5260e.png"},
|
||||
]}
|
||||
title="Pourquoi choisir PersonaCraft pour vos Personnages ?"
|
||||
description="Accédez à une diversité inégalée et à des détails immersifs pour donner vie à vos mondes."
|
||||
@@ -146,37 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Léa Dubois",
|
||||
handle: "@LeaScribe",
|
||||
testimonial: "Les personnages de PersonaCraft sont une source d'inspiration inépuisable. La qualité des fiches est incroyable !",
|
||||
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",
|
||||
},
|
||||
id: "1", name: "Léa Dubois", handle: "@LeaScribe", testimonial: "Les personnages de PersonaCraft sont une source d'inspiration inépuisable. La qualité des fiches est incroyable !", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-femal-1774504974877-8c960517.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc André",
|
||||
handle: "@MarcGM",
|
||||
testimonial: "J'ai trouvé le personnage parfait pour ma campagne de JDR. Les détails sont si riches, mes joueurs adorent !",
|
||||
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",
|
||||
},
|
||||
id: "2", name: "Marc André", handle: "@MarcGM", testimonial: "J'ai trouvé le personnage parfait pour ma campagne de JDR. Les détails sont si riches, mes joueurs adorent !", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-male--1774504975413-e43abb59.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex Rivier",
|
||||
handle: "@AlexWorldBuilds",
|
||||
testimonial: "PersonaCraft a révolutionné ma façon de créer des mondes. Des idées de personnages toujours pertinentes et originales.",
|
||||
rating: 4,
|
||||
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",
|
||||
},
|
||||
id: "3", name: "Alex Rivier", handle: "@AlexWorldBuilds", testimonial: "PersonaCraft a révolutionné ma façon de créer des mondes. Des idées de personnages toujours pertinentes et originales.", rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-non-b-1774504974703-93f5f783.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophie Martin",
|
||||
handle: "@SophieSketch",
|
||||
testimonial: "Leurs designs sont d'une beauté à couper le souffle. J'ai acheté plusieurs fiches et je suis toujours émerveillée.",
|
||||
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",
|
||||
},
|
||||
id: "4", name: "Sophie Martin", handle: "@SophieSketch", testimonial: "Leurs designs sont d'une beauté à couper le souffle. J'ai acheté plusieurs fiches et je suis toujours émerveillée.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTEugmieLltziYsazbRtphGNTP/professional-avatar-of-a-satisfied-femal-1774504976666-59a25a36.png"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Ce que nos Créateurs disent de nous"
|
||||
@@ -188,17 +113,14 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Besoin d'aide ?"
|
||||
tagIcon={Sparkles}
|
||||
title="Commandez votre Personnage Unique"
|
||||
description="Si vous ne trouvez pas votre bonheur dans notre catalogue, laissez-nous créer un personnage sur mesure pour vous, en parfaite adéquation avec votre vision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander une Commande",
|
||||
href: "/custom-order",
|
||||
},
|
||||
text: "Demander une Commande", href: "/custom-order"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -207,50 +129,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Produits",
|
||||
items: [
|
||||
title: "Produits", items: [
|
||||
{
|
||||
label: "Personnages Fantasy",
|
||||
href: "/shop#fantasy",
|
||||
},
|
||||
label: "Personnages Fantasy", href: "/shop#fantasy"},
|
||||
{
|
||||
label: "Personnages Sci-Fi",
|
||||
href: "/shop#sci-fi",
|
||||
},
|
||||
label: "Personnages Sci-Fi", href: "/shop#sci-fi"},
|
||||
{
|
||||
label: "Commandes Sur Mesure",
|
||||
href: "/custom-order",
|
||||
},
|
||||
label: "Commandes Sur Mesure", href: "/custom-order"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Entreprise",
|
||||
items: [
|
||||
title: "Entreprise", items: [
|
||||
{
|
||||
label: "À Propos",
|
||||
href: "/about",
|
||||
},
|
||||
label: "À Propos", href: "/about"},
|
||||
{
|
||||
label: "Tarifs",
|
||||
href: "/pricing",
|
||||
},
|
||||
label: "Tarifs", href: "/pricing"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
label: "FAQ", href: "/faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user