Skip to content

Commit

Permalink
add page competition
Browse files Browse the repository at this point in the history
  • Loading branch information
@Bacati
Bacati committed Oct 5, 2024
1 parent 5a133d2 commit d4d0a53
Show file tree
Hide file tree
Showing 3 changed files with 427 additions and 2 deletions.
4 changes: 2 additions & 2 deletions src/components/layouts/Header.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ export interface Props {
</a>
<div class="bg-white rounded-full items-center h-fit justify-center shadow-lg flex">
<a class="pl-4 pr-0 mx-2 text-orange-600 gap-3 flex" href="/allDays"><Gauge />ALLDAYS</a>
<a class="border-l-2 border-orange-300 pl-4 mx-2 pr-0 text-orange-600 gap-3 flex" href="/"><Trophy />Compétitions</a>
<a class="border-l-2 border-orange-300 pl-4 mx-2 pr-0 text-orange-600 gap-3 flex" href="/competition"><Trophy />Compétitions</a>
<a class="border-l-2 border-orange-300 pl-4 mx-2 pr-0 text-orange-600 gap-3 flex" href="/"><Paintbrush />Esthetique</a>
<a class="border-l-2 border-orange-300 pl-4 mx-2 pr-0 text-orange-600 gap-3 flex" href="/"><Bike />Cycle</a>
<a class="border-l-2 border-orange-300 pl-4 mx-2 pr-0 text-orange-600 gap-3 flex" href="/"><HardHat />Equipement</a>
Expand All @@ -33,7 +33,7 @@ export interface Props {
<div class="flex flex-col items-center bg-white rounded-full justify-center mobile">
<a class="mx-4 py-3 bg-amber-600 text-white flex rounded-t-full w-full justify-center cursor-pointer" href="/" title="Accueil"><House /></a>
<a class="mx-2 text-orange-600 flex pt-4 cursor-pointer" href="/allDays" title="ALLDAYS"><Gauge /></a>
<a class="mx-2 pr-0 text-orange-600 flex pt-4 cursor-pointer" href="/lautre" title="Compétitions"><Trophy /></a>
<a class="mx-2 pr-0 text-orange-600 flex pt-4 cursor-pointer" href="/competition" title="Compétitions"><Trophy /></a>
<a class="mx-2 pr-0 text-orange-600 flex pt-4 cursor-pointer" href="/" title="Esthetique"><Paintbrush /></a>
<a class="mx-2 pr-0 text-orange-600 flex pt-4 cursor-pointer" href="/" title="Cycle"><Bike /></a>
<a class="mx-2 pr-0 text-orange-600 flex pt-4 cursor-pointer" href="/" title="Equipement"><HardHat /></a>
Expand Down
376 changes: 376 additions & 0 deletions src/libs/configCompetition.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,376 @@
import { all50Mk, all70airsal, all70airsalAlu, all70top, all75TopRose, all78Airsal, all78brk, all78Most, allTopalu, config, general } from 'libs/donner'
import { Coins, CreditCard, TrendingUp } from 'lucide-astro'

const imagePrefix = "/images";
const linkPrefix = "/product/config?config=";

const commonGeneralPieces = {
roulement: `Roulement et spy WATTS : ${general[0].roulement}`,
embrayage: `Embrayage MALOSSI : ${general[0].embrayage}`,
embrayageMost: `Embrayage MOST : ${general[0]?.embrayageMost}`,
pipe: `Pipe d'admission WATTS type cr : ${general[0].pipe}`,
carbu21: `Carburateur 21MM SUNWORLD : ${general[0].carbu}`,
carbu24: `Carburateur 24MM SUNWORLD : ${general[0].carbu24}`,
carbu26: `Carburateur 26MM SUNWORLD : ${general[0].carbu24}`,
carbu28: `Carburateur 28MM SUNWORLD : ${general[0].carbu24}`,
potMost: `Pot MOST 50-70 : ${general[0].pot}`,
potVoca: `Pot VOCA 70-80 : ${general[0].potVoca}`,
lamelleFibre: `Lamelle fibre DOPPLER ER2 : ${general[0].lamelleFibre}`,
clapetVl6: `Boite à clapets MALOSSI VL6 : ${general[0]?.clapetVl6}`,
lamelleCarbonne: `Lamelle carbon DOPPLER ER3 derbi : ${general[0]?.lamelleCarbonne}`,
potMost80: `Pot MOST 80-90 : ${general[0]?.potMost80}`,
mvtdd: `Allumage MVT Digital Direct : ${general[0].mvtdd}`,
roulementMost: `Roulement et spy MOST : ${general[0].roulement}`,
admiItal: `Admission ITALKIT : ${general[0]?.admiItalkit}`,
};

// Fonction pour créer les pièces spécifiques en combinant les pièces communes et spécifiques
const createSpecificPieces = (basePieces, specificPieces) => [
...basePieces,
...specificPieces.map(piece => commonGeneralPieces[piece] || piece),
];

// Fonction de création de configuration
const createConfig = (title, description, price, images, specificPieces) => ({
title,
enderTitle: "Configuration AllDays",
description,
price,
images: images.map(image => `${imagePrefix}/${image}`),
pieces: specificPieces,
});

// Configurations détaillées
const configurations = {
"50mk": createConfig(
"50 Metrakit Alu",
"Configuration très solide. Peu performant mais permet de faire de nombreux kilomètres sans problème.",
config[0].allMk,
["50mk.png", "carbupolini.png", "potmost50.png"],
createSpecificPieces(
[`Kit 50cc METRAKIT ALU : ${all50Mk[0].cylindre}`,
`Carburateur 17,5MM POLINI : ${all50Mk[0].carbu}`,],
['potMost']
)
),
"70top": createConfig(
"70 Top Performance noir",
"Configuration commune, solide et adaptée pour de longues distances.",
config[0].allTop,
["topnoir.png", "vilojasilv.png", "carbu.png", "potmost50.png"],
createSpecificPieces(
[`Kit TOP Performance noir 70cc : ${all70top[0].cylindre}`,
`Vilebrequin JASIL EVO : ${all70top[0].vilo}`],
['roulement', 'embrayage', 'pipe', 'carbu21', 'potMost']
)
),
"70airsal": createConfig(
"70 Airsal fonte",
"Configuration très robuste avec de bonnes performances pour débuter.",
config[0].allAirsal,
["70airsalfonte.png", "vilowatts.png", "carbu.png", "potmost50.png"],
createSpecificPieces(
[`Kit 70cc AIRSAL fonte : ${all70airsal[0].cylindre}`,
`Vilebrequin WATTS : ${all70airsal[0].vilo}`],
['roulement', 'embrayage', 'pipe', 'carbu21', 'potMost']
)
),
"70airsalAlu": createConfig(
"70 Airsal Alu",
"Cylindre très solide, bien respecter les temps de chauffe.",
config[0].allAirsalAlu,
["70airsal.png", "artekk2.png", "carbu.png", "potvoca.png"],
createSpecificPieces(
[`70cc AIRSAL ALU : ${all70airsalAlu[0].cylindre}`,
`Vilebrequin ARTEK K2 : ${all70airsalAlu[0].vilo}`],
['roulement', 'embrayageMost', 'lamelleFibre', 'pipe', 'carbu24', 'potVoca']
)
),
"75topRose": createConfig(
"75cc Top performance rose",
"Configuration solide pour de nombreux kilomètres avec performance.",
config[0].allTopRose,
["toprose.png", "vilojasilH.png", "carbu.png", "potvoca.png"],
createSpecificPieces(
[`Kit cylindre 75cc Top performance rose : ${all75TopRose[0].cylindre}`,
`Vilebrequin Jasil high tech : ${all75TopRose[0].vilo}`],
['roulement', 'embrayageMost', 'clapetVl6', 'pipe', 'carbu26', 'potVoca']
)
),
"78airsal": createConfig(
"78cc Airsal alu tech",
"Configuration très simple avec un cylindre très solide. Toujours bien respecter le temps de chauffe. Cylindre assez coupleux, parfait pour rouler tout les jours et se faire plaisir.",
config[0]?.all78Airsal,
["70airsal.png", "vilojasilH.png", "carbu.png", "potvoca.png"],
createSpecificPieces(
[`Kit cylindre 78cc Airsal alu tech : ${all78Airsal[0].cylindre}`,
`Vilebrequin Jasil high tech : ${all78Airsal[0].vilo}`],
['roulement', 'embrayageMost', 'lamelleCarbonne', 'pipe', 'carbu28', 'potVoca']
)
),
"78brk": createConfig(
"78cc BRK 4RACE",
"Configuration un peu plus poussé avec un cylindre solide et performant. Toujours bien respecter le temps de chauffe. Cylindre assez coupleux prend pas mal de régime, parfait pour rouler tout les jours et se faire plaisir.",
config[0]?.all78brk,
["80brk.png", "vilomost.png", "admiita.png","carbu.png", "potmost.png"],
createSpecificPieces(
[`Kit cylindre 78cc BRK 4RACE : ${all78brk[0].cylindre}`,
`Vilebrequin MOST evo 2h : ${all78brk[0].vilo}`,
],
['embrayageMost', 'carbu28', 'potMost80', 'mvtdd', 'roulementMost', 'admiItal']
)
),
"86top": createConfig(
"86cc Top performance",
"Configuration très simple avec un cylindre très solide, il est important de bien respecter les temps de chauffe. Important lors du montage toujours mettre un léger filer de pate à joint au niveau du joint, pour éviter de percer son piston. Moteur extrêment coupleux, très agréable à conduire tout les jours et très joeur.",
config[0]?.allTopalu,
["topalu.png", "baatop.png","carbu.png", "ardv2.png"],
createSpecificPieces(
[`Pack moteur 86cc TOP performance alu : ${allTopalu[0]?.pack}`,
`Embrayage NEWFREN : ${allTopalu[0]?.embrayage}`,
`Boite à clapet TOP performance : ${allTopalu[0]?.bacTop}`,
`Pipe d'admission MOST : ${allTopalu[0]?.pipeMost}`,
`Pot 2WIN ARD V2 : ${allTopalu[0]?.pot2win}`,
],
['carbu28']
)
),
"78most": createConfig(
"78cc MOST 4STREET",
"Configuration un peu plus poussé avec un cylindre solide et performant. Toujours bien respecter le temps de chauffe. Cylindre assez coupleux prend pas mal de régime, parfait pour rouler tout les jours et se faire plaisir.",
config[0]?.all78Most,
["80most.png", "viloairsal.png", "admiita.png","carbu.png", "potmost.png"],
createSpecificPieces(
[`Kit cylindre 78cc MOST 4street : ${all78Most[0].cylindre}`,
`Vilebrequin AIRSAL : ${all78Most[0].vilo}`,
],
['embrayageMost', 'carbu28', 'potMost80', 'mvtdd', 'roulementMost', 'admiItal']
)
),
};

// Fonction pour récupérer la configuration courante
export const getCurrentConfig = (configType) => configurations[configType] || configurations["50mk"];

// Fonction pour générer des données produits à partir de `config`
export const generateProductData = (config) => [
{
title: "50 Metrakit Alu",
logo: "mk.svg",
description: "Configuration AllDays",
price: config[0].allMk || 'N/A',
imageSrc: `${imagePrefix}/50mk.png`,
link: `${linkPrefix}50mk`
},
{
title: "70 Top Performance",
logo: "topPerf.png",
description: "Configuration AllDays",
price: config[0].allTop || 'N/A',
imageSrc: `${imagePrefix}/topnoir.png`,
link: `${linkPrefix}70top`
},
{
title: "70 Airsal fonte",
logo: "airsal.png",
description: "Configuration AllDays",
price: config[0].allAirsal || 'N/A',
imageSrc: `${imagePrefix}/70airsalfonte.png`,
link: `${linkPrefix}70airsal`
},
{
title: "70 Airsal Alu",
logo: "airsal.png",
description: "Configuration AllDays",
price: config[0].allAirsalAlu || 'N/A',
imageSrc: `${imagePrefix}/70airsal.png`,
link: `${linkPrefix}70airsalAlu`
},
{
title: "75cc Top performance",
logo: "topPerf.png",
description: "Configuration AllDays",
price: config[0].allTopRose || 'N/A',
imageSrc: `${imagePrefix}/toprose.png`,
link: `${linkPrefix}75topRose`
},
{
title: "78cc Airsal alu",
logo: "airsal.png",
description: "Configuration AllDays",
price: config[0].all78Airsal || 'N/A',
imageSrc: `${imagePrefix}/70airsal.png`,
link: `${linkPrefix}78airsal`
},
{
title: "78cc BRK 4RACE",
logo: "brk.png",
description: "Configuration AllDays",
price: config[0].all78brk || 'N/A',
imageSrc: `${imagePrefix}/80brk.png`,
link: `${linkPrefix}78brk`
},
{
title: "86cc Top performance",
logo: "topPerf.png",
description: "Configuration AllDays",
price: config[0].allTopalu || 'N/A',
imageSrc: `${imagePrefix}/topalu.png`,
link: `${linkPrefix}86top`
},
{
title: "78cc MOST 4STREET",
logo: "most.png",
description: "Configuration AllDays",
price: config[0].all78Most || 'N/A',
imageSrc: `${imagePrefix}/80most.png`,
link: `${linkPrefix}78most`
},
];
// Catégories de produits
export const categories = [
{
id: "50",
label: "50cc",
icon: Coins,
products: [
{ title: "50 Metrakit Alu",
logo: "mk.svg",
description: "Configuration AllDays",
price: config[0].allMk || 'N/A',
image: "50mk.png",
configKey: "50mk" },
{ title: "70 Top Performance",
logo: "topPerf.png",
description: "Configuration AllDays",
price: config[0].allTop || 'N/A',
image: "topnoir.png",
configKey: "70top" },
{ title: "70 Airsal fonte",
logo: "airsal.png",
description: "Configuration AllDays",
price: config[0].allAirsal || 'N/A',
image: "70airsalfonte.png",
configKey: "70airsal" },
]
},
{
id: "70",
label: "70cc à 79cc",
icon: TrendingUp,
products: [
{ title: "70 Airsal Alu",
logo: "airsal.png",
description: "Configuration AllDays",
price: config[0].allAirsalAlu || 'N/A',
image: "70airsal.png",
configKey: "70airsalAlu" },
{ title: "75cc Top performance",
logo: "topPerf.png",
description: "Configuration AllDays",
price: config[0].allTopRose || 'N/A',
image: "toprose.png",
configKey: "75topRose" },
{
title: "78cc Airsal alu",
logo: "airsal.png",
description: "Configuration AllDays",
price: config[0]?.all78Airsal || 'N/A',
image: "70airsal.png",
configKey: "78airsal" },
]
},
{
id: "80",
label: "80cc à 89cc",
icon: CreditCard,
products: [
{
title: "78 BRK 4RACE",
logo: "brk.png",
description: "Configuration AllDays",
price: config[0]?.all78brk || 'N/A',
image: "80brk.png",
configKey: "78brk"
},
{
title: "86cc Top performance",
logo: "topPerf.png",
description: "Configuration AllDays",
price: config[0]?.allTopalu || 'N/A',
image: "topalu.png",
configKey: "86top"
},
{
title: "78cc MOST 4STREET",
logo: "most.png",
description: "Configuration AllDays",
price: config[0].all78Most || 'N/A',
image: "80most.png",
configKey: "78most"
},
]
},
{
id: "90",
label: "90cc à 99cc",
icon: CreditCard,
products: [
{
title: "78 BRK 4RACE",
logo: "brk.png",
description: "Configuration AllDays",
price: config[0]?.all78brk || 'N/A',
image: "80brk.png",
configKey: "78brk"
},
{
title: "86cc Top performance",
logo: "topPerf.png",
description: "Configuration AllDays",
price: config[0]?.allTopalu || 'N/A',
image: "topalu.png",
configKey: "86top"
},
{
title: "78cc MOST 4STREET",
logo: "most.png",
description: "Configuration AllDays",
price: config[0].all78Most || 'N/A',
image: "80most.png",
configKey: "78most"
},
]
},
{
id: "100",
label: "100cc",
icon: CreditCard,
products: [
{
title: "78 BRK 4RACE",
logo: "brk.png",
description: "Configuration AllDays",
price: config[0]?.all78brk || 'N/A',
image: "80brk.png",
configKey: "78brk"
},
{
title: "86cc Top performance",
logo: "topPerf.png",
description: "Configuration AllDays",
price: config[0]?.allTopalu || 'N/A',
image: "topalu.png",
configKey: "86top"
},
{
title: "78cc MOST 4STREET",
logo: "most.png",
description: "Configuration AllDays",
price: config[0].all78Most || 'N/A',
image: "80most.png",
configKey: "78most"
},
]
}
];
Loading

0 comments on commit d4d0a53

Please sign in to comment.