3 Commits

Author SHA1 Message Date
60f82a1002 Update src/app/page.tsx 2026-05-12 22:31:18 +00:00
c12f55bd0f Merge version_2 into main
Merge version_2 into main
2026-05-12 22:25:41 +00:00
48e346c353 Update src/app/page.tsx 2026-05-12 22:25:35 +00:00

View File

@@ -6,14 +6,10 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import { Sparkles, MessageCircle, Monitor, Shield, Zap, Target, Award, Users, Smartphone, Globe } from "lucide-react";
import { Sparkles, Zap, Target, Award, Smartphone, Globe } from "lucide-react";
export default function WebAgency2Page() {
return (
@@ -31,52 +27,56 @@ export default function WebAgency2Page() {
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="SitePro"
brandName="NR web"
navItems={[
{ name: "Services", id: "services" },
{ name: "Tarif", id: "tarif" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "WhatsApp", href: "#contact" }}
/>
<HeroSplitDoubleCarousel
title="Création de sites internet professionnels"
description="Je crée des sites internet professionnels modernes, rapides et simples pour artisans et entrepreneurs. Présentez votre activité et gagnez la confiance de vos clients."
tag="Service Pro & Local"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "canvas-reveal" }}
buttons={[{ text: "Contact WhatsApp", href: "#contact" }]}
buttonAnimation="slide-up"
carouselPosition="right"
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/people-working-laptop-meeting_53876-94702.jpg", imageAlt: "Site vitrine artisan" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-taking-e-leraning-courses_23-2149231583.jpg", imageAlt: "Interface mobile" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg", imageAlt: "Dashboard simple" },
{ imageSrc: "http://img.b2bpic.net/free-photo/web-design-concepts-with-blurred-background_1134-82.jpg", imageAlt: "Design épuré" },
]}
carouselItemClassName="!aspect-[4/5]"
/>
<FeatureBento
title="Mon service"
description="Des solutions digitales pensées pour votre efficacité."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "Livraison rapide", description: "Votre projet est mis en ligne rapidement.", bentoComponent: "reveal-icon", icon: Zap,
},
{
title: "Compatible mobile", description: "Un affichage parfait sur téléphone et ordinateur.", bentoComponent: "reveal-icon", icon: Smartphone,
},
{
title: "Site propre & simple", description: "Un design adapté à vos besoins spécifiques.", bentoComponent: "reveal-icon", icon: Target,
},
]}
button={{ text: "WhatsApp", href: "https://wa.me/33756836641" }}
/>
<div id="hero">
<HeroSplitDoubleCarousel
title="Création de sites internet professionnels"
description="Je crée des sites internet professionnels modernes, rapides et simples pour artisans et entrepreneurs. Présentez votre activité et gagnez la confiance de vos clients."
tag="Service Pro & Local"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "canvas-reveal" }}
buttons={[{ text: "Contact WhatsApp", href: "https://wa.me/33756836641" }]}
buttonAnimation="slide-up"
carouselPosition="right"
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/people-working-laptop-meeting_53876-94702.jpg", imageAlt: "Site vitrine artisan" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-taking-e-leraning-courses_23-2149231583.jpg", imageAlt: "Interface mobile" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg", imageAlt: "Dashboard simple" },
{ imageSrc: "http://img.b2bpic.net/free-photo/web-design-concepts-with-blurred-background_1134-82.jpg", imageAlt: "Design épuré" },
]}
carouselItemClassName="!aspect-[4/5]"
/>
</div>
<div id="services">
<FeatureBento
title="Mon service"
description="Des solutions digitales pensées pour votre efficacité."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "Livraison rapide", description: "Votre projet est mis en ligne rapidement.", bentoComponent: "reveal-icon", icon: Zap,
},
{
title: "Compatible mobile", description: "Un affichage parfait sur téléphone et ordinateur.", bentoComponent: "reveal-icon", icon: Smartphone,
},
{
title: "Site propre & simple", description: "Un design adapté à vos besoins spécifiques.", bentoComponent: "reveal-icon", icon: Target,
},
]}
/>
</div>
<FeatureCardTwentySix
title="Ce que vous recevez"
description="Un pack complet pour lancer votre présence en ligne."
@@ -98,32 +98,36 @@ export default function WebAgency2Page() {
},
]}
/>
<MetricCardOne
title="Tarif clair"
description="Pas de frais cachés, une tarification transparente."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
metrics={[
{ id: "price", value: "400€", title: "Prix de départ", description: "Site internet complet et professionnel", icon: Award },
]}
/>
<ContactCTA
tag="Contact"
title="Prêt à lancer votre site ?"
description="Contactez-moi via WhatsApp pour m'envoyer vos informations et photos de projet."
background={{ variant: "rotated-rays-animated" }}
buttons={[{ text: "👉 Envoyer un message WhatsApp", href: "https://wa.me/" }]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
<div id="tarif">
<MetricCardOne
title="Tarif clair"
description="Pas de frais cachés, une tarification transparente."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
metrics={[
{ id: "price", value: "400€", title: "Prix de départ", description: "Site internet complet et professionnel", icon: Award },
]}
/>
</div>
<div id="contact">
<ContactCTA
tag="Contact"
title="Prêt à lancer votre site ?"
description="Contactez-moi via WhatsApp pour m'envoyer vos informations et photos de projet."
background={{ variant: "rotated-rays-animated" }}
buttons={[{ text: "👉 Envoyer un message WhatsApp", href: "https://wa.me/33756836641" }]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<FooterBase
logoText="SitePro"
logoText="NR web"
copyrightText="© 2025 | Création de sites"
columns={[]}
/>
</ReactLenis>
</ThemeProvider>
);
}
}