bender/2127619d-b9ac-40b6-a03e-416356978bb3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-02 19:06:42 +00:00
parent eb3607cd37 ac87906d7a
commit 988aa73254
1 changed files with 59 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

264
src/app/page.tsx
View File

@@ -32,34 +32,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Accueil",
id: "home",
},
name: "Accueil", id: "home"},
{
name: "À Propos",
id: "about",
},
name: "À Propos", id: "about"},
{
name: "Compétences",
id: "skills",
},
name: "Compétences", id: "skills"},
{
name: "Projets",
id: "projects",
},
name: "Projets", id: "projects"},
{
name: "Témoignages",
id: "testimonials",
},
name: "Témoignages", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
button={{
text: "Télécharger CV",
href: "#",
onClick: "() => console.log('Download CV')",
text: "Télécharger CV", href: "#", onClick: () => console.log('Download CV'),
}}
brandName="Mon Portfolio"
/>
@@ -68,48 +54,31 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Je transforme les idées en expériences numériques concrètes."
description="Développeur, designer et créatif passionné, je façonne des interfaces utilisateur intuitives et des solutions web performantes. Plongez dans mon univers où chaque projet est une histoire d'innovation et de précision."
tag="Créateur d'Expériences Numériques"
tagAnimation="slide-up"
buttons={[
{
text: "Voir mes projets",
href: "#projects",
},
text: "Voir mes projets", href: "#projects"},
{
text: "Contactez-moi",
href: "#contact",
},
text: "Contactez-moi", href: "#contact"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-technology-background-network-communications-sound-waves_1048-13254.jpg",
imageAlt: "Espace de travail de designer créatif",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-technology-background-network-communications-sound-waves_1048-13254.jpg", imageAlt: "Espace de travail de designer créatif"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-progress-bar-showing-50-percent-completion_84443-86331.jpg",
imageAlt: "Code sur un écran de développeur web",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-progress-bar-showing-50-percent-completion_84443-86331.jpg", imageAlt: "Code sur un écran de développeur web"},
{
imageSrc: "http://img.b2bpic.net/free-photo/be-difference-career-life-motivation-inspire-passion-perspective_53876-64932.jpg",
imageAlt: "Designer travaillant sur un ordinateur portable",
},
imageSrc: "http://img.b2bpic.net/free-photo/be-difference-career-life-motivation-inspire-passion-perspective_53876-64932.jpg", imageAlt: "Designer travaillant sur un ordinateur portable"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-ipad-side-view_23-2150040112.jpg",
imageAlt: "Illustration d'une personne créant de l'art numérique",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-ipad-side-view_23-2150040112.jpg", imageAlt: "Illustration d'une personne créant de l'art numérique"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-watching-business-conference-infographics-computer-setup_482257-126126.jpg",
imageAlt: "Personne esquissant sur une tablette numérique",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-watching-business-conference-infographics-computer-setup_482257-126126.jpg", imageAlt: "Personne esquissant sur une tablette numérique"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-drawing-ipad_23-2150040107.jpg",
imageAlt: "Arrière-plan abstrait avec des lignes technologiques",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-drawing-ipad_23-2150040107.jpg", imageAlt: "Arrière-plan abstrait avec des lignes technologiques"},
]}
/>
</div>
@@ -119,18 +88,16 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "À Propos de Moi",
},
type: "text", content: "À Propos de Moi"},
{
type: "text", content: "Fort d'une expérience de plusieurs années dans le domaine du design et du développement web, je suis un créatif passionné par la conception d'expériences numériques mémorables. Mon parcours m'a permis de maîtriser l'art de transformer des idées complexes en solutions élégantes et fonctionnelles. Je crois en une approche collaborative, où la communication et l'itération sont clés pour dépasser les attentes. Mon objectif est d'aider mes clients à atteindre leurs objectifs en ligne grâce à un design réfléchi et une technologie de pointe."
}
]}
buttons={[
{
text: "En savoir plus",
href: "#contact",
},
text: "En savoir plus", href: "#contact"},
]}
buttonAnimation="slide-up"
description="Fort d'une expérience de plusieurs années dans le domaine du design et du développement web, je suis un créatif passionné par la conception d'expériences numériques mémorables. Mon parcours m'a permis de maîtriser l'art de transformer des idées complexes en solutions élégantes et fonctionnelles. Je crois en une approche collaborative, où la communication et l'itération sont clés pour dépasser les attentes. Mon objectif est d'aider mes clients à atteindre leurs objectifs en ligne grâce à un design réfléchi et une technologie de pointe."
imageSrc="http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-denim-shirt-red-eyeglasses_613910-11864.jpg"
imageAlt="Portrait professionnel d'un créatif"
/>
@@ -144,23 +111,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "UI/UX Design",
description: "Création d'interfaces utilisateur intuitives et d'expériences utilisateur fluides pour maximiser l'engagement.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-keys-drawing-arrangement_23-2149386326.jpg",
imageAlt: "Sketch d'interface UI/UX",
},
title: "UI/UX Design", description: "Création d'interfaces utilisateur intuitives et d'expériences utilisateur fluides pour maximiser l'engagement.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-keys-drawing-arrangement_23-2149386326.jpg", imageAlt: "Sketch d'interface UI/UX"},
{
title: "Développement Web",
description: "Développement front-end et back-end avec les dernières technologies pour des applications robustes et scalables.",
imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18938.jpg",
imageAlt: "Code sur écran d'ordinateur",
},
title: "Développement Web", description: "Développement front-end et back-end avec les dernières technologies pour des applications robustes et scalables.", imageSrc: "http://img.b2bpic.net/free-photo/double-exposure-caucasian-man-virtual-reality-vr-headset-is-presumably-gamer-hacker-cracking-code-into-secure-network-server-with-lines-code_146671-18938.jpg", imageAlt: "Code sur écran d'ordinateur"},
{
title: "Stratégie de Marque",
description: "Élaboration d'identités visuelles fortes et de stratégies de marque cohérentes pour un impact mémorable.",
imageSrc: "http://img.b2bpic.net/free-photo/hand-with-tattoo-lifting-blue-banana-with-yellow-background_53876-26281.jpg",
imageAlt: "Logo et éléments de branding",
},
title: "Stratégie de Marque", description: "Élaboration d'identités visuelles fortes et de stratégies de marque cohérentes pour un impact mémorable.", imageSrc: "http://img.b2bpic.net/free-photo/hand-with-tattoo-lifting-blue-banana-with-yellow-background_53876-26281.jpg", imageAlt: "Logo et éléments de branding"},
]}
title="Mes Compétences Clés"
description="Je combine créativité et expertise technique pour donner vie à vos projets."
@@ -175,65 +130,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Web Design",
name: "Application E-commerce Moderne",
price: "Voir le cas",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349171.jpg",
imageAlt: "Application E-commerce moderne",
},
id: "p1", brand: "Web Design", name: "Application E-commerce Moderne", price: "Voir le cas", rating: 5,
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349171.jpg", imageAlt: "Application E-commerce moderne"},
{
id: "p2",
brand: "Branding",
name: "Identité Visuelle pour Startup",
price: "Voir le cas",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-stack-blue-conserves_23-2148785249.jpg",
imageAlt: "Identité visuelle de startup",
},
id: "p2", brand: "Branding", name: "Identité Visuelle pour Startup", price: "Voir le cas", rating: 5,
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-stack-blue-conserves_23-2148785249.jpg", imageAlt: "Identité visuelle de startup"},
{
id: "p3",
brand: "Mobile App",
name: "Application de Fitness Intuitive",
price: "Voir le cas",
rating: 4,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-clean-gradient-background_9975-133640.jpg",
imageAlt: "Application de fitness",
},
id: "p3", brand: "Mobile App", name: "Application de Fitness Intuitive", price: "Voir le cas", rating: 4,
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-clean-gradient-background_9975-133640.jpg", imageAlt: "Application de fitness"},
{
id: "p4",
brand: "Data Viz",
name: "Tableau de Bord Analytique",
price: "Voir le cas",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/finance-elements-frame_23-2148080960.jpg",
imageAlt: "Tableau de bord analytique",
},
id: "p4", brand: "Data Viz", name: "Tableau de Bord Analytique", price: "Voir le cas", rating: 5,
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/finance-elements-frame_23-2148080960.jpg", imageAlt: "Tableau de bord analytique"},
{
id: "p5",
brand: "UX/UI",
name: "Refonte de Site Corporate",
price: "Voir le cas",
rating: 4,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-vector/advertising-agency-landing-page-template_23-2150019464.jpg",
imageAlt: "Refonte de site corporate",
},
id: "p5", brand: "UX/UI", name: "Refonte de Site Corporate", price: "Voir le cas", rating: 4,
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-vector/advertising-agency-landing-page-template_23-2150019464.jpg", imageAlt: "Refonte de site corporate"},
{
id: "p6",
brand: "Print Design",
name: "Campagne Publicitaire Imprimée",
price: "Voir le cas",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-psd/identity-design-magazine-cover-branding-marketing-template_23-2151998178.jpg",
imageAlt: "Campagne publicitaire imprimée",
},
id: "p6", brand: "Print Design", name: "Campagne Publicitaire Imprimée", price: "Voir le cas", rating: 5,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-psd/identity-design-magazine-cover-branding-marketing-template_23-2151998178.jpg", imageAlt: "Campagne publicitaire imprimée"},
]}
title="Mes Projets Récents"
description="Un aperçu de mes dernières réalisations, de la conception à la mise en œuvre."
@@ -247,29 +160,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "50+",
title: "Projets Réalisés",
description: "Solutions créatives et techniques livrées avec succès pour des clients variés.",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-shirt-tie-drawing-arrow_1134-471.jpg",
imageAlt: "Icône de projet terminé",
},
id: "m1", value: "50+", title: "Projets Réalisés", description: "Solutions créatives et techniques livrées avec succès pour des clients variés.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-shirt-tie-drawing-arrow_1134-471.jpg", imageAlt: "Icône de projet terminé"},
{
id: "m2",
value: "100%",
title: "Satisfaction Client",
description: "Des retours positifs et des relations durables établies avec chaque collaborateur.",
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367127.jpg",
imageAlt: "Icône de satisfaction client",
},
id: "m2", value: "100%", title: "Satisfaction Client", description: "Des retours positifs et des relations durables établies avec chaque collaborateur.", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367127.jpg", imageAlt: "Icône de satisfaction client"},
{
id: "m3",
value: "5+",
title: "Années d'Expérience",
description: "Une solide expérience dans le design, le développement et la gestion de projets numériques.",
imageSrc: "http://img.b2bpic.net/free-photo/black-curvy-arrow-with-thin-outline_23-2148445492.jpg",
imageAlt: "Icône d'années d'expérience",
},
id: "m3", value: "5+", title: "Années d'Expérience", description: "Une solide expérience dans le design, le développement et la gestion de projets numériques.", imageSrc: "http://img.b2bpic.net/free-photo/black-curvy-arrow-with-thin-outline_23-2148445492.jpg", imageAlt: "Icône d'années d'expérience"},
]}
title="Mes Réalisations en Chiffres"
description="L'impact de mon travail, mes compétences et mon engagement envers l'excellence."
@@ -284,25 +179,15 @@ export default function LandingPage() {
author="Sophie Dubois, Directrice Marketing chez InnovateCorp"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
alt: "Sophie Dubois avatar",
},
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", alt: "Sophie Dubois avatar"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",
alt: "Jean-Luc Picard avatar",
},
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg", alt: "Jean-Luc Picard avatar"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-it-professional-silicon-valley-company-office-developing-software-apps-happy_482257-136225.jpg",
alt: "Emma Watson avatar",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-it-professional-silicon-valley-company-office-developing-software-apps-happy_482257-136225.jpg", alt: "Emma Watson avatar"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020795.jpg",
alt: "Chris Evans avatar",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020795.jpg", alt: "Chris Evans avatar"},
{
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
alt: "Avatar d'un professionnel souriant",
},
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Avatar d'un professionnel souriant"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -314,14 +199,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Tech Solutions",
"Creative Studio",
"Global Innovations",
"Digital Dynamics",
"Future Forward Inc.",
"Design Hub Co.",
"Visionary Brands",
]}
"Tech Solutions", "Creative Studio", "Global Innovations", "Digital Dynamics", "Future Forward Inc.", "Design Hub Co.", "Visionary Brands"]}
title="Mes Collaborations"
description="J'ai eu le privilège de travailler avec diverses entreprises, des startups innovantes aux marques établies."
/>
@@ -331,8 +209,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact"
title="Prêt à démarrer votre projet ?"
description="N'hésitez pas à me contacter pour discuter de vos idées. Ensemble, nous pouvons créer quelque chose d'extraordinaire."
@@ -350,60 +227,37 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Accueil",
href: "#home",
},
label: "Accueil", href: "#home"},
{
label: "À Propos",
href: "#about",
},
label: "À Propos", href: "#about"},
{
label: "Projets",
href: "#projects",
},
label: "Projets", href: "#projects"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "UI/UX Design",
href: "#skills",
},
label: "UI/UX Design", href: "#skills"},
{
label: "Développement Web",
href: "#skills",
},
label: "Développement Web", href: "#skills"},
{
label: "Branding",
href: "#skills",
},
label: "Branding", href: "#skills"},
],
},
{
title: "Social",
items: [
title: "Social", items: [
{
label: "LinkedIn",
href: "https://linkedin.com",
onClick: "() => window.open('https://linkedin.com', '_blank')",
label: "LinkedIn", href: "https://linkedin.com", onClick: () => window.open('https://linkedin.com', '_blank'),
},
{
label: "Behance",
href: "https://behance.net",
onClick: "() => window.open('https://behance.net', '_blank')",
label: "Behance", href: "https://behance.net", onClick: () => window.open('https://behance.net', '_blank'),
},
{
label: "Dribbble",
href: "https://dribbble.com",
onClick: "() => window.open('https://dribbble.com', '_blank')",
label: "Dribbble", href: "https://dribbble.com", onClick: () => window.open('https://dribbble.com', '_blank'),
},
],
},