Merge version_2 into main #2
195
src/app/page.tsx
195
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
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: "Tarifs",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Tarifs", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FUENTES GUERRERO RUBEN"
|
||||
/>
|
||||
@@ -56,47 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Développement sur mesure pour votre TPE/PME à Paris"
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Accélérez votre croissance grâce à des solutions digitales sur mesure"
|
||||
description="Ruben Fuentes Guerrero – Expert en programmation informatique, automatisation de processus et création d’outils digitaux adaptés à vos besoins réels."
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Demander un devis", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/modern-french-software-development-works-1775404076718-7919f754.png?_wi=1",
|
||||
imageAlt: "Workspace",
|
||||
},
|
||||
id: "h1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/modern-french-software-development-works-1775404076718-7919f754.png?_wi=1", imageAlt: "Workspace"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/abstract-visualization-of-business-proce-1775404076215-a53f399d.png?_wi=1",
|
||||
imageAlt: "Automation",
|
||||
},
|
||||
id: "h2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/abstract-visualization-of-business-proce-1775404076215-a53f399d.png?_wi=1", imageAlt: "Automation"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/close-up-of-clean-organized-code-on-a-la-1775404076033-fb797db3.png?_wi=1",
|
||||
imageAlt: "Coding",
|
||||
},
|
||||
id: "h3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/close-up-of-clean-organized-code-on-a-la-1775404076033-fb797db3.png?_wi=1", imageAlt: "Coding"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/team-collaboration-interface-showing-pro-1775404075592-433adc80.png?_wi=1",
|
||||
imageAlt: "UI",
|
||||
},
|
||||
id: "h4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/team-collaboration-interface-showing-pro-1775404075592-433adc80.png?_wi=1", imageAlt: "UI"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/abstract-geometric-digital-architecture--1775404076185-a3b4e911.png",
|
||||
imageAlt: "Network",
|
||||
},
|
||||
id: "h5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/abstract-geometric-digital-architecture--1775404076185-a3b4e911.png", imageAlt: "Network"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/parisian-skyline-blurred-in-the-backgrou-1775404077101-1539513b.png",
|
||||
imageAlt: "Paris",
|
||||
},
|
||||
id: "h6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/parisian-skyline-blurred-in-the-backgrou-1775404077101-1539513b.png", imageAlt: "Paris"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,9 +77,7 @@ export default function LandingPage() {
|
||||
description="Je suis Ruben Fuentes Guerrero, consultant en développement informatique. J'accompagne les TPE, PME et professions libérales à Paris et en France dans leur transformation numérique. Mon approche : des solutions simples, transparentes et réellement efficaces pour vous faire gagner du temps."
|
||||
buttons={[
|
||||
{
|
||||
text: "En savoir plus",
|
||||
href: "#services",
|
||||
},
|
||||
text: "En savoir plus", href: "#services"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/professional-headshot-of-a-serious-welco-1775404076728-78d31bc4.png"
|
||||
/>
|
||||
@@ -123,53 +90,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Sites vitrines professionnels",
|
||||
descriptions: [
|
||||
"Site sur mesure, rapide et sécurisé.",
|
||||
"Visibilité maximale pour votre activité.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/modern-french-software-development-works-1775404076718-7919f754.png?_wi=2",
|
||||
imageAlt: "Modern French software development workspace in Paris, clean minimalist desk, high-end laptop with c",
|
||||
},
|
||||
id: "s1", title: "Sites vitrines professionnels", descriptions: [
|
||||
"Site sur mesure, rapide et sécurisé.", "Visibilité maximale pour votre activité."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/modern-french-software-development-works-1775404076718-7919f754.png?_wi=2", imageAlt: "Modern French software development workspace in Paris, clean minimalist desk, high-end laptop with c"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Développement web sur mesure",
|
||||
descriptions: [
|
||||
"Outils métiers uniques.",
|
||||
"Optimisation de vos flux de travail.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/abstract-visualization-of-business-proce-1775404076215-a53f399d.png?_wi=2",
|
||||
imageAlt: "Abstract visualization of business process automation, digital flow icons, elegant glassmorphism, so",
|
||||
},
|
||||
id: "s2", title: "Développement web sur mesure", descriptions: [
|
||||
"Outils métiers uniques.", "Optimisation de vos flux de travail."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/abstract-visualization-of-business-proce-1775404076215-a53f399d.png?_wi=2", imageAlt: "Abstract visualization of business process automation, digital flow icons, elegant glassmorphism, so"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Automatisation de processus",
|
||||
descriptions: [
|
||||
"Automatisation de vos tâches répétitives.",
|
||||
"Focus sur votre cœur de métier.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/close-up-of-clean-organized-code-on-a-la-1775404076033-fb797db3.png?_wi=2",
|
||||
imageAlt: "Close-up of clean, organized code on a laptop screen, subtle bokeh, professional web development env",
|
||||
},
|
||||
id: "s3", title: "Automatisation de processus", descriptions: [
|
||||
"Automatisation de vos tâches répétitives.", "Focus sur votre cœur de métier."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/close-up-of-clean-organized-code-on-a-la-1775404076033-fb797db3.png?_wi=2", imageAlt: "Close-up of clean, organized code on a laptop screen, subtle bokeh, professional web development env"},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Maintenance et optimisation",
|
||||
descriptions: [
|
||||
"Accompagnement technique continu.",
|
||||
"Support réactif pour votre sérénité.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/team-collaboration-interface-showing-pro-1775404075592-433adc80.png?_wi=2",
|
||||
imageAlt: "Team collaboration interface showing project dashboard, modern software analytics tools, clean UX de",
|
||||
},
|
||||
id: "s4", title: "Maintenance et optimisation", descriptions: [
|
||||
"Accompagnement technique continu.", "Support réactif pour votre sérénité."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/team-collaboration-interface-showing-pro-1775404075592-433adc80.png?_wi=2", imageAlt: "Team collaboration interface showing project dashboard, modern software analytics tools, clean UX de"},
|
||||
]}
|
||||
title="Des services adaptés à vos enjeux"
|
||||
description="Je vous propose une expertise technique concrète pour booster votre activité."
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Demander un devis", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -181,54 +122,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essentiel",
|
||||
price: "690 €",
|
||||
subtitle: "Pour une présence simple",
|
||||
features: [
|
||||
"Site vitrine",
|
||||
"Hébergement inclus",
|
||||
"Responsive design",
|
||||
],
|
||||
id: "p1", badge: "Essentiel", price: "690 €", subtitle: "Pour une présence simple", features: [
|
||||
"Site vitrine", "Hébergement inclus", "Responsive design"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contacter",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contacter", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Professionnel",
|
||||
price: "1 490 €",
|
||||
subtitle: "Pour aller plus loin",
|
||||
features: [
|
||||
"Développement complet",
|
||||
"Optimisation SEO",
|
||||
"Outils de gestion",
|
||||
],
|
||||
id: "p2", badge: "Professionnel", price: "1 490 €", subtitle: "Pour aller plus loin", features: [
|
||||
"Développement complet", "Optimisation SEO", "Outils de gestion"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contacter",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contacter", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Sur mesure",
|
||||
price: "Sur devis",
|
||||
subtitle: "Besoin spécifique",
|
||||
features: [
|
||||
"Automatisation avancée",
|
||||
"Outils complexes",
|
||||
"Accompagnement VIP",
|
||||
],
|
||||
id: "p3", badge: "Sur mesure", price: "Sur devis", subtitle: "Besoin spécifique", features: [
|
||||
"Automatisation avancée", "Outils complexes", "Accompagnement VIP"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Discuter",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Discuter", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -241,14 +155,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
text="FUENTES GUERRERO RUBEN (EI) | SIREN: 101211662 | 69 Avenue Kléber, 75016 Paris | contact@fuentesguerreroruben.fr | +33 6 00 00 00 00 | Disponible du Lundi au Vendredi, 09h00 - 18h00."
|
||||
buttons={[
|
||||
{
|
||||
text: "Envoyer un message",
|
||||
href: "mailto:contact@fuentesguerreroruben.fr",
|
||||
},
|
||||
text: "Envoyer un message", href: "mailto:contact@fuentesguerreroruben.fr"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -257,33 +168,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "contact@fuentesguerreroruben.fr",
|
||||
href: "mailto:contact@fuentesguerreroruben.fr",
|
||||
},
|
||||
label: "contact@fuentesguerreroruben.fr", href: "mailto:contact@fuentesguerreroruben.fr"},
|
||||
{
|
||||
label: "+33 6 00 00 00 00",
|
||||
href: "tel:+33600000000",
|
||||
},
|
||||
label: "+33 6 00 00 00 00", href: "tel:+33600000000"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Mentions légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions légales", href: "#"},
|
||||
{
|
||||
label: "Politique de confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Politique de confidentialité", href: "#"},
|
||||
{
|
||||
label: "CGV",
|
||||
href: "#",
|
||||
},
|
||||
label: "CGV", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -294,4 +193,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user