bender/d48504b1-0363-432e-b810-ea7e919f33e7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-01 21:24:54 +00:00
parent 1dda845c3e
commit 4cedba8d5d
1 changed files with 63 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

298
src/app/page.tsx
View File

@@ -34,39 +34,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Accueil",
id: "hero",
},
name: "Accueil", id: "hero"},
{
name: "À Propos",
id: "about",
},
name: "À Propos", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Projets",
id: "projects",
},
name: "Projets", id: "projects"},
{
name: "Témoignages",
id: "testimonials",
},
name: "Témoignages", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Studio Empreinte"
button={{
text: "Démarrer un projet",
href: "#contact",
}}
text: "Démarrer un projet", href: "#contact"}}
/>
</div>
@@ -78,35 +62,21 @@ export default function LandingPage() {
tagIcon={Sparkles}
buttons={[
{
text: "Découvrir nos Services",
href: "#services",
},
text: "Découvrir nos Services", href: "#services"},
{
text: "Demander un Devis",
href: "#contact",
},
text: "Demander un Devis", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-hoodie_23-2148629699.jpg",
alt: "Alexandre Collin",
},
src: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-hoodie_23-2148629699.jpg", alt: "Alexandre Collin"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151202445.jpg",
alt: "Membre de l'équipe 2",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151202445.jpg", alt: "Membre de l'équipe 2"},
{
src: "http://img.b2bpic.net/free-photo/low-angle-business-man-working-laptop_23-2148446251.jpg",
alt: "Membre de l'équipe 3",
},
src: "http://img.b2bpic.net/free-photo/low-angle-business-man-working-laptop_23-2148446251.jpg", alt: "Membre de l'équipe 3"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg",
alt: "Membre de l'équipe 4",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg", alt: "Membre de l'équipe 4"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-handsome-man_23-2148238926.jpg",
alt: "Membre de l'équipe 5",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-handsome-man_23-2148238926.jpg", alt: "Membre de l'équipe 5"},
]}
avatarText="+100 Projets Réussis"
imageSrc="http://img.b2bpic.net/free-photo/hacker-girl-with-her-team-stealing-online-information-using-super-computers_482257-21774.jpg"
@@ -121,21 +91,14 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "À Propos de ",
},
type: "text", content: "À Propos de "},
{
type: "text",
content: "Studio Empreinte",
},
type: "text", content: "Studio Empreinte"},
]}
buttons={[
{
text: "Découvrir Notre Histoire",
href: "#",
},
text: "Découvrir Notre Histoire", href: "#"},
]}
description="Chez Studio Empreinte, nous croyons que chaque entreprise mérite un site web qui raconte son histoire et atteint ses objectifs. Nous sommes une agence passionnée par la création de solutions numériques uniques, conçues avec précision pour refléter l'identité de votre marque. Notre approche est collaborative : nous travaillons main dans la main avec vous, de la conception initiale à la mise en ligne, pour garantir un résultat qui dépasse vos attentes."
imageSrc="http://img.b2bpic.net/free-photo/creative-business-meeting-with-caucasian-asian-co-worker-discuss-with-paper-laptop-happiness-joyful-cafe-background_609648-2475.jpg"
imageAlt="Deux designers web collaborant sur tablette et ordinateur portable"
/>
@@ -150,25 +113,13 @@ export default function LandingPage() {
tagIcon={Zap}
accordionItems={[
{
id: "1",
title: "Design Web Personnalisé",
content: "Création d'interfaces utilisateur (UI) intuitives et d'expériences utilisateur (UX) engageantes, entièrement adaptées à votre marque et à vos objectifs.",
},
id: "1", title: "Design Web Personnalisé", content: "Création d'interfaces utilisateur (UI) intuitives et d'expériences utilisateur (UX) engageantes, entièrement adaptées à votre marque et à vos objectifs."},
{
id: "2",
title: "Développement sur Mesure",
content: "Développement front-end et back-end robuste, utilisant les dernières technologies pour des performances optimales et une sécurité accrue.",
},
id: "2", title: "Développement sur Mesure", content: "Développement front-end et back-end robuste, utilisant les dernières technologies pour des performances optimales et une sécurité accrue."},
{
id: "3",
title: "Optimisation SEO",
content: "Mise en œuvre de stratégies SEO avancées pour améliorer votre visibilité sur les moteurs de recherche et attirer plus de trafic qualifié.",
},
id: "3", title: "Optimisation SEO", content: "Mise en œuvre de stratégies SEO avancées pour améliorer votre visibilité sur les moteurs de recherche et attirer plus de trafic qualifié."},
{
id: "4",
title: "Maintenance et Support",
content: "Assistance continue, mises à jour de sécurité et maintenance technique pour garantir le bon fonctionnement et la pérennité de votre site web.",
},
id: "4", title: "Maintenance et Support", content: "Assistance continue, mises à jour de sécurité et maintenance technique pour garantir le bon fonctionnement et la pérennité de votre site web."},
]}
imageSrc="http://img.b2bpic.net/free-vector/liquid-effect-landing-page_52683-5526.jpg"
imageAlt="Designer interagissant avec un design web responsif sur tablette"
@@ -185,25 +136,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150+",
title: "Projets Réussis",
description: "Des sites web livrés avec succès et opérationnels.",
icon: CheckCircle,
id: "m1", value: "150+", title: "Projets Réussis", description: "Des sites web livrés avec succès et opérationnels.", icon: CheckCircle,
},
{
id: "m2",
value: "98%",
title: "Satisfaction Client",
description: "Nos clients sont nos meilleurs ambassadeurs.",
icon: Heart,
id: "m2", value: "98%", title: "Satisfaction Client", description: "Nos clients sont nos meilleurs ambassadeurs.", icon: Heart,
},
{
id: "m3",
value: "100%",
title: "Designs Personnalisés",
description: "Chaque projet est une œuvre unique.",
icon: Feather,
id: "m3", value: "100%", title: "Designs Personnalisés", description: "Chaque projet est une œuvre unique.", icon: Feather,
},
]}
title="Notre Impact en Chiffres"
@@ -221,65 +160,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "E-commerce",
name: "Boutique en Ligne Moderne",
price: "Sur Devis",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/pumpkins-digital-sign-display-fall-harvest-advertising_187299-46341.jpg",
imageAlt: "Site e-commerce moderne",
},
id: "p1", brand: "E-commerce", name: "Boutique en Ligne Moderne", price: "Sur Devis", rating: 5,
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/pumpkins-digital-sign-display-fall-harvest-advertising_187299-46341.jpg", imageAlt: "Site e-commerce moderne"},
{
id: "p2",
brand: "Portfolio",
name: "Portfolio d'Artiste Minimaliste",
price: "Sur Devis",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-colleagues-working-charts-analysis-with-digital-tablet-using-online-research-information-create-infographics-report-people-analyzing-diagrams-boardroom_482257-46896.jpg",
imageAlt: "Site portfolio d'artiste",
},
id: "p2", brand: "Portfolio", name: "Portfolio d'Artiste Minimaliste", price: "Sur Devis", rating: 5,
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-colleagues-working-charts-analysis-with-digital-tablet-using-online-research-information-create-infographics-report-people-analyzing-diagrams-boardroom_482257-46896.jpg", imageAlt: "Site portfolio d'artiste"},
{
id: "p3",
brand: "Blog",
name: "Plateforme de Contenu Dynamique",
price: "Sur Devis",
rating: 4,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-internet-browser-search-bar-screen_169016-40040.jpg",
imageAlt: "Site blog dynamique",
},
id: "p3", brand: "Blog", name: "Plateforme de Contenu Dynamique", price: "Sur Devis", rating: 4,
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-internet-browser-search-bar-screen_169016-40040.jpg", imageAlt: "Site blog dynamique"},
{
id: "p4",
brand: "Corporate",
name: "Site Institutionnel Épuré",
price: "Sur Devis",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/business-director-working-her-own-office-with-green-screen_482257-122590.jpg",
imageAlt: "Site institutionnel",
},
id: "p4", brand: "Corporate", name: "Site Institutionnel Épuré", price: "Sur Devis", rating: 5,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/business-director-working-her-own-office-with-green-screen_482257-122590.jpg", imageAlt: "Site institutionnel"},
{
id: "p5",
brand: "SaaS",
name: "Application Web Intuitive",
price: "Sur Devis",
rating: 5,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
imageAlt: "Application web SaaS",
},
id: "p5", brand: "SaaS", name: "Application Web Intuitive", price: "Sur Devis", rating: 5,
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg", imageAlt: "Application web SaaS"},
{
id: "p6",
brand: "Sur Mesure",
name: "Solution Unique pour Start-up",
price: "Sur Devis",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/office-work-computer-technology-concept_53876-138652.jpg",
imageAlt: "Site web personnalisé",
},
id: "p6", brand: "Sur Mesure", name: "Solution Unique pour Start-up", price: "Sur Devis", rating: 5,
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/office-work-computer-technology-concept_53876-138652.jpg", imageAlt: "Site web personnalisé"},
]}
title="Nos Derniers Projets"
description="Découvrez quelques-unes de nos réalisations qui illustrent la diversité et la qualité de notre travail."
@@ -293,41 +190,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sophie Martin",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-cute-barista-girl-pouring-filter-coffee-making-order-cafe-client_1258-203375.jpg",
imageAlt: "Sophie Martin",
},
id: "1", name: "Sophie Martin", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-cute-barista-girl-pouring-filter-coffee-making-order-cafe-client_1258-203375.jpg", imageAlt: "Sophie Martin"},
{
id: "2",
name: "David Dubois",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-red-tie-blue-shirt-wearing-glasses-looking-camera-happy-positive-smiling-cheerfully-raising-hands-standing-orange-background_141793-110787.jpg",
imageAlt: "David Dubois",
},
id: "2", name: "David Dubois", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-red-tie-blue-shirt-wearing-glasses-looking-camera-happy-positive-smiling-cheerfully-raising-hands-standing-orange-background_141793-110787.jpg", imageAlt: "David Dubois"},
{
id: "3",
name: "Emma Leroy",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-mixed-race-man-keeps-hands-chin-looks-with-self-confident-facial-expression-wears-optical-glasses-sits-table-cozy-cafeteria-has-coffee-break-after-remote-work-laptop_273609-29249.jpg",
imageAlt: "Emma Leroy",
},
id: "3", name: "Emma Leroy", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-mixed-race-man-keeps-hands-chin-looks-with-self-confident-facial-expression-wears-optical-glasses-sits-table-cozy-cafeteria-has-coffee-break-after-remote-work-laptop_273609-29249.jpg", imageAlt: "Emma Leroy"},
{
id: "4",
name: "Lucas Petit",
imageSrc: "http://img.b2bpic.net/free-photo/successful-entrepreneur-working-financial-forecasts-his-desk-using-data-technology_482257-133119.jpg",
imageAlt: "Lucas Petit",
},
id: "4", name: "Lucas Petit", imageSrc: "http://img.b2bpic.net/free-photo/successful-entrepreneur-working-financial-forecasts-his-desk-using-data-technology_482257-133119.jpg", imageAlt: "Lucas Petit"},
{
id: "5",
name: "Chloé Lefevre",
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg",
imageAlt: "Chloé Lefevre",
},
id: "5", name: "Chloé Lefevre", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg", imageAlt: "Chloé Lefevre"},
{
id: "6",
name: "Antoine Girard",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
imageAlt: "Antoine Girard",
},
id: "6", name: "Antoine Girard", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", imageAlt: "Antoine Girard"},
]}
cardTitle="Ce que disent nos clients"
cardTag="Témoignages"
@@ -341,14 +214,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Innovate Solutions",
"Global Marketing Group",
"Peak Performance Consulting",
"Synergy Health Systems",
"Quantum Data Analytics",
"Eco Builders Group",
"Aether Innovations",
]}
"Innovate Solutions", "Global Marketing Group", "Peak Performance Consulting", "Synergy Health Systems", "Quantum Data Analytics", "Eco Builders Group", "Aether Innovations"]}
title="Ils nous font confiance"
description="Nous sommes fiers de collaborer avec des entreprises de toutes tailles et de tous secteurs."
tag="Nos Partenaires"
@@ -362,25 +228,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Quel est le coût d'un site web personnalisé ?",
content: "Le coût varie en fonction de la complexité, des fonctionnalités et du design souhaités. Nous offrons des devis personnalisés après une discussion approfondie de vos besoins.",
},
id: "q1", title: "Quel est le coût d'un site web personnalisé ?", content: "Le coût varie en fonction de la complexité, des fonctionnalités et du design souhaités. Nous offrons des devis personnalisés après une discussion approfondie de vos besoins."},
{
id: "q2",
title: "Combien de temps faut-il pour créer un site web ?",
content: "La durée dépend du projet. Un site vitrine simple peut prendre quelques semaines, tandis qu'un site e-commerce complexe peut nécessiter plusieurs mois. Nous établissons un calendrier clair dès le début.",
},
id: "q2", title: "Combien de temps faut-il pour créer un site web ?", content: "La durée dépend du projet. Un site vitrine simple peut prendre quelques semaines, tandis qu'un site e-commerce complexe peut nécessiter plusieurs mois. Nous établissons un calendrier clair dès le début."},
{
id: "q3",
title: "Offrez-vous la maintenance après la livraison ?",
content: "Oui, nous proposons des forfaits de maintenance et de support pour assurer la sécurité, les mises à jour et le bon fonctionnement de votre site après sa mise en ligne.",
},
id: "q3", title: "Offrez-vous la maintenance après la livraison ?", content: "Oui, nous proposons des forfaits de maintenance et de support pour assurer la sécurité, les mises à jour et le bon fonctionnement de votre site après sa mise en ligne."},
{
id: "q4",
title: "Est-ce que mes designs sont respectés ?",
content: "Absolument. Notre raison d'être est de créer des sites web selon VOS designs et VOS choix. Votre vision est notre priorité.",
},
id: "q4", title: "Est-ce que mes designs sont respectés ?", content: "Absolument. Notre raison d'être est de créer des sites web selon VOS designs et VOS choix. Votre vision est notre priorité."},
]}
imageSrc="http://img.b2bpic.net/free-photo/business-woman-works-cafe-with-laptop_169016-19055.jpg"
imageAlt="Personne lisant des FAQs sur un écran d'ordinateur"
@@ -398,14 +252,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Prêt à créer le site web de vos rêves ? Contactez-nous dès aujourd'hui !"
buttons={[
{
text: "Envoyer un message",
href: "mailto:collin_alexandre@icloud.com",
},
text: "Envoyer un message", href: "mailto:collin_alexandre@icloud.com"},
]}
/>
</div>
@@ -414,58 +265,35 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Design Web",
href: "#services",
},
label: "Design Web", href: "#services"},
{
label: "Développement",
href: "#services",
},
label: "Développement", href: "#services"},
{
label: "SEO",
href: "#services",
},
label: "SEO", href: "#services"},
{
label: "Maintenance",
href: "#services",
},
label: "Maintenance", href: "#services"},
],
},
{
title: "Studio",
items: [
title: "Studio", items: [
{
label: "À Propos",
href: "#about",
},
label: "À Propos", href: "#about"},
{
label: "Portfolio",
href: "#projects",
},
label: "Portfolio", href: "#projects"},
{
label: "Témoignages",
href: "#testimonials",
},
label: "Témoignages", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "collin_alexandre@icloud.com",
href: "mailto:collin_alexandre@icloud.com",
},
label: "collin_alexandre@icloud.com", href: "mailto:collin_alexandre@icloud.com"},
{
label: "Demander un devis",
href: "#contact",
},
label: "Demander un devis", href: "#contact"},
],
},
]}