From ac87906d7a316002f7aa2d688fc3a408205f3f78 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 2 Jun 2026 19:06:39 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 264 +++++++++++------------------------------------ 1 file changed, 59 insertions(+), 205 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 56a443d..7907bf1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,34 +32,20 @@ export default function LandingPage() { 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() {
@@ -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() { 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'), }, ], },