Merge version_1 into main #1
150
src/app/page.tsx
150
src/app/page.tsx
@@ -29,47 +29,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Tarifs",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Accueil", id: "#hero" },
|
||||
{ name: "À propos", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Tarifs", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="FUENTES GUERRERO RUBEN"
|
||||
button={{ text: "Contactez-moi", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="FUENTES GUERRERO RUBEN"
|
||||
description="Développeur indépendant à Paris. Solutions web sur mesure, automatisation de processus et accompagnement technique pour booster votre activité."
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "En savoir plus",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Demander un devis", href: "#contact" },
|
||||
{ text: "En savoir plus", href: "#about" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfkEgED8jVt1HSc5b4JORHLVE9/a-professional-minimalist-software-devel-1775468486598-efef3b06.png"
|
||||
@@ -98,26 +76,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Sites vitrines professionnels",
|
||||
description: "Un site web moderne, rapide et optimisé pour refléter votre professionnalisme et attirer de nouveaux clients.",
|
||||
},
|
||||
{
|
||||
icon: Code2,
|
||||
title: "Outils web sur mesure",
|
||||
description: "Développement d'outils digitaux spécifiques pour répondre aux besoins uniques de votre métier.",
|
||||
},
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
title: "Automatisation de processus",
|
||||
description: "Libérez votre temps en automatisant vos tâches répétitives et chronophages.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Maintenance et support",
|
||||
description: "Un accompagnement technique réactif pour assurer la pérennité et la sécurité de vos outils digitaux.",
|
||||
},
|
||||
{ icon: Globe, title: "Sites vitrines professionnels", description: "Un site web moderne, rapide et optimisé pour refléter votre professionnalisme et attirer de nouveaux clients." },
|
||||
{ icon: Code2, title: "Outils web sur mesure", description: "Développement d'outils digitaux spécifiques pour répondre aux besoins uniques de votre métier." },
|
||||
{ icon: LayoutDashboard, title: "Automatisation de processus", description: "Libérez votre temps en automatisant vos tâches répétitives et chronophages." },
|
||||
{ icon: ShieldCheck, title: "Maintenance et support", description: "Un accompagnement technique réactif pour assurer la pérennité et la sécurité de vos outils digitaux." },
|
||||
]}
|
||||
title="Mes services"
|
||||
description="Des solutions techniques pour soutenir la croissance de votre entreprise."
|
||||
@@ -130,26 +92,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: MessageSquare,
|
||||
title: "Échange sur votre besoin",
|
||||
description: "Nous discutons de vos objectifs et de vos problématiques pour bien comprendre votre métier.",
|
||||
},
|
||||
{
|
||||
icon: FileText,
|
||||
title: "Analyse et proposition",
|
||||
description: "Je vous propose une solution technique concrète, adaptée à votre budget et vos délais.",
|
||||
},
|
||||
{
|
||||
icon: Code,
|
||||
title: "Développement et validation",
|
||||
description: "Réalisation du projet étape par étape avec des phases de validation régulières.",
|
||||
},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Mise en ligne et suivi",
|
||||
description: "Déploiement de la solution et accompagnement dans sa prise en main au quotidien.",
|
||||
},
|
||||
{ icon: MessageSquare, title: "Échange sur votre besoin", description: "Nous discutons de vos objectifs et de vos problématiques pour bien comprendre votre métier." },
|
||||
{ icon: FileText, title: "Analyse et proposition", description: "Je vous propose une solution technique concrète, adaptée à votre budget et vos délais." },
|
||||
{ icon: Code, title: "Développement et validation", description: "Réalisation du projet étape par étape avec des phases de validation régulières." },
|
||||
{ icon: Rocket, title: "Mise en ligne et suivi", description: "Déploiement de la solution et accompagnement dans sa prise en main au quotidien." },
|
||||
]}
|
||||
title="Comment ça marche"
|
||||
description="Une approche simple et transparente pour vos projets digitaux."
|
||||
@@ -163,55 +109,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Débuter",
|
||||
price: "690 €",
|
||||
period: "forfait",
|
||||
description: "Idéal pour une présence en ligne professionnelle et essentielle.",
|
||||
button: {
|
||||
text: "Choisir",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Ce qui est inclus",
|
||||
features: [
|
||||
"Design personnalisé",
|
||||
"Responsive mobile",
|
||||
"Optimisation SEO",
|
||||
],
|
||||
id: "p1", tag: "Débuter", price: "690 €", period: "forfait", description: "Idéal pour une présence en ligne professionnelle et essentielle.", button: { text: "Choisir", href: "#contact" },
|
||||
featuresTitle: "Ce qui est inclus", features: ["Design personnalisé", "Responsive mobile", "Optimisation SEO"]
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Développement",
|
||||
price: "1 490 €",
|
||||
period: "forfait",
|
||||
description: "Pour une présence web complète et des fonctionnalités avancées.",
|
||||
button: {
|
||||
text: "Choisir",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Ce qui est inclus",
|
||||
features: [
|
||||
"Tout du pack Essentiel",
|
||||
"Outils de gestion",
|
||||
"Support prioritaire",
|
||||
],
|
||||
id: "p2", tag: "Développement", price: "1 490 €", period: "forfait", description: "Pour une présence web complète et des fonctionnalités avancées.", button: { text: "Choisir", href: "#contact" },
|
||||
featuresTitle: "Ce qui est inclus", features: ["Tout du pack Essentiel", "Outils de gestion", "Support prioritaire"]
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "Sur-mesure",
|
||||
price: "Sur devis",
|
||||
period: "variable",
|
||||
description: "Automatisation complexe et solutions digitales métiers dédiées.",
|
||||
button: {
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Ce qui est inclus",
|
||||
features: [
|
||||
"Analyse métier approfondie",
|
||||
"Automatisation complexe",
|
||||
"Accompagnement continu",
|
||||
],
|
||||
id: "p3", tag: "Sur-mesure", price: "Sur devis", period: "variable", description: "Automatisation complexe et solutions digitales métiers dédiées.", button: { text: "Demander un devis", href: "#contact" },
|
||||
featuresTitle: "Ce qui est inclus", features: ["Analyse métier approfondie", "Automatisation complexe", "Accompagnement continu"]
|
||||
},
|
||||
]}
|
||||
title="Mes tarifs"
|
||||
@@ -222,16 +129,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Besoin d'un accompagnement digital ? Contactez-moi pour discuter de votre projet. \n\nFUENTES GUERRERO RUBEN (EI) \n69 AVENUE KLEBER, 75016 PARIS \nSIREN: 101211662 \nEmail: contact@fuentesguerreroruben.fr \nTel: +33 6 00 00 00 00"
|
||||
buttons={[
|
||||
{
|
||||
text: "Envoyer un message",
|
||||
href: "mailto:contact@fuentesguerreroruben.fr",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Envoyer un message", href: "mailto:contact@fuentesguerreroruben.fr" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user