Update src/app/page.tsx
This commit is contained in:
264
src/app/page.tsx
264
src/app/page.tsx
@@ -32,34 +32,20 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Accueil",
|
name: "Accueil", id: "home"},
|
||||||
id: "home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "À Propos",
|
name: "À Propos", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Compétences",
|
name: "Compétences", id: "skills"},
|
||||||
id: "skills",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Projets",
|
name: "Projets", id: "projects"},
|
||||||
id: "projects",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Témoignages",
|
name: "Témoignages", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Télécharger CV",
|
text: "Télécharger CV", href: "#", onClick: () => console.log('Download CV'),
|
||||||
href: "#",
|
|
||||||
onClick: "() => console.log('Download CV')",
|
|
||||||
}}
|
}}
|
||||||
brandName="Mon Portfolio"
|
brandName="Mon Portfolio"
|
||||||
/>
|
/>
|
||||||
@@ -68,48 +54,31 @@ export default function LandingPage() {
|
|||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboardCarousel
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
title="Je transforme les idées en expériences numériques concrètes."
|
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."
|
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"
|
tag="Créateur d'Expériences Numériques"
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Voir mes projets",
|
text: "Voir mes projets", href: "#projects"},
|
||||||
href: "#projects",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Contactez-moi",
|
text: "Contactez-moi", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-technology-background-network-communications-sound-waves_1048-13254.jpg",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
imageAlt: "Designer travaillant sur un ordinateur portable",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-ipad-side-view_23-2150040112.jpg",
|
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"},
|
||||||
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",
|
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"},
|
||||||
imageAlt: "Personne esquissant sur une tablette numérique",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-drawing-ipad_23-2150040107.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-drawing-ipad_23-2150040107.jpg", imageAlt: "Arrière-plan abstrait avec des lignes technologiques"},
|
||||||
imageAlt: "Arrière-plan abstrait avec des lignes technologiques",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -119,18 +88,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "À Propos de Moi"},
|
||||||
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={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "En savoir plus",
|
text: "En savoir plus", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
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"
|
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"
|
imageAlt="Portrait professionnel d'un créatif"
|
||||||
/>
|
/>
|
||||||
@@ -144,23 +111,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "UI/UX Design",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Mes Compétences Clés"
|
||||||
description="Je combine créativité et expertise technique pour donner vie à vos projets."
|
description="Je combine créativité et expertise technique pour donner vie à vos projets."
|
||||||
@@ -175,65 +130,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "Web Design", name: "Application E-commerce Moderne", price: "Voir le cas", rating: 5,
|
||||||
brand: "Web Design",
|
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349171.jpg", imageAlt: "Application E-commerce moderne"},
|
||||||
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",
|
id: "p2", brand: "Branding", name: "Identité Visuelle pour Startup", price: "Voir le cas", rating: 5,
|
||||||
brand: "Branding",
|
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-stack-blue-conserves_23-2148785249.jpg", imageAlt: "Identité visuelle de startup"},
|
||||||
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",
|
id: "p3", brand: "Mobile App", name: "Application de Fitness Intuitive", price: "Voir le cas", rating: 4,
|
||||||
brand: "Mobile App",
|
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-clean-gradient-background_9975-133640.jpg", imageAlt: "Application de fitness"},
|
||||||
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",
|
id: "p4", brand: "Data Viz", name: "Tableau de Bord Analytique", price: "Voir le cas", rating: 5,
|
||||||
brand: "Data Viz",
|
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/finance-elements-frame_23-2148080960.jpg", imageAlt: "Tableau de bord analytique"},
|
||||||
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",
|
id: "p5", brand: "UX/UI", name: "Refonte de Site Corporate", price: "Voir le cas", rating: 4,
|
||||||
brand: "UX/UI",
|
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-vector/advertising-agency-landing-page-template_23-2150019464.jpg", imageAlt: "Refonte de site corporate"},
|
||||||
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",
|
id: "p6", brand: "Print Design", name: "Campagne Publicitaire Imprimée", price: "Voir le cas", rating: 5,
|
||||||
brand: "Print Design",
|
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-psd/identity-design-magazine-cover-branding-marketing-template_23-2151998178.jpg", imageAlt: "Campagne publicitaire imprimée"},
|
||||||
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"
|
title="Mes Projets Récents"
|
||||||
description="Un aperçu de mes dernières réalisations, de la conception à la mise en œuvre."
|
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}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
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é"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Mes Réalisations en Chiffres"
|
||||||
description="L'impact de mon travail, mes compétences et mon engagement envers l'excellence."
|
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"
|
author="Sophie Dubois, Directrice Marketing chez InnovateCorp"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", alt: "Sophie Dubois avatar"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
alt: "Emma Watson avatar",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020795.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020795.jpg", alt: "Chris Evans avatar"},
|
||||||
alt: "Chris Evans avatar",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Avatar d'un professionnel souriant"},
|
||||||
alt: "Avatar d'un professionnel souriant",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -314,14 +199,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={[
|
||||||
"Tech Solutions",
|
"Tech Solutions", "Creative Studio", "Global Innovations", "Digital Dynamics", "Future Forward Inc.", "Design Hub Co.", "Visionary Brands"]}
|
||||||
"Creative Studio",
|
|
||||||
"Global Innovations",
|
|
||||||
"Digital Dynamics",
|
|
||||||
"Future Forward Inc.",
|
|
||||||
"Design Hub Co.",
|
|
||||||
"Visionary Brands",
|
|
||||||
]}
|
|
||||||
title="Mes Collaborations"
|
title="Mes Collaborations"
|
||||||
description="J'ai eu le privilège de travailler avec diverses entreprises, des startups innovantes aux marques établies."
|
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
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="Prêt à démarrer votre projet ?"
|
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."
|
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
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Accueil",
|
label: "Accueil", href: "#home"},
|
||||||
href: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "À Propos",
|
label: "À Propos", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Projets",
|
label: "Projets", href: "#projects"},
|
||||||
href: "#projects",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "UI/UX Design",
|
label: "UI/UX Design", href: "#skills"},
|
||||||
href: "#skills",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Développement Web",
|
label: "Développement Web", href: "#skills"},
|
||||||
href: "#skills",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Branding",
|
label: "Branding", href: "#skills"},
|
||||||
href: "#skills",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Social",
|
title: "Social", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "LinkedIn",
|
label: "LinkedIn", href: "https://linkedin.com", onClick: () => window.open('https://linkedin.com', '_blank'),
|
||||||
href: "https://linkedin.com",
|
|
||||||
onClick: "() => window.open('https://linkedin.com', '_blank')",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Behance",
|
label: "Behance", href: "https://behance.net", onClick: () => window.open('https://behance.net', '_blank'),
|
||||||
href: "https://behance.net",
|
|
||||||
onClick: "() => window.open('https://behance.net', '_blank')",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Dribbble",
|
label: "Dribbble", href: "https://dribbble.com", onClick: () => window.open('https://dribbble.com', '_blank'),
|
||||||
href: "https://dribbble.com",
|
|
||||||
onClick: "() => window.open('https://dribbble.com', '_blank')",
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user