Merge version_1 into main #2
149
src/app/page.tsx
149
src/app/page.tsx
@@ -6,7 +6,6 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Clock, Server } from "lucide-react";
|
||||
@@ -30,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
name: "Accueil", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="B2F System"
|
||||
/>
|
||||
@@ -49,42 +42,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Solutions Télécom & IT pour les pros dans les Vosges"
|
||||
description="B2F System accompagne votre entreprise à Chavelot et dans toute la région avec des infrastructures réseaux performantes, sécurisées et un support local réactif."
|
||||
tag="Expertise Locale & IT"
|
||||
buttons={[
|
||||
{
|
||||
text: "📞 03 29 32 55 55",
|
||||
href: "tel:0329325555",
|
||||
},
|
||||
text: "📞 03 29 32 55 55", href: "tel:0329325555"},
|
||||
{
|
||||
text: "📩 Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "📩 Demander un devis", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-admins-working-together-server-hub-analyzing-rigs-data_482257-123234.jpg?_wi=1",
|
||||
imageAlt: "Infrastructures réseaux professionnelles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-admins-working-together-server-hub-analyzing-rigs-data_482257-123234.jpg", imageAlt: "Infrastructures réseaux professionnelles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-admins-working-together-server-hub-analyzing-rigs-data_482257-123234.jpg?_wi=2",
|
||||
imageAlt: "Expertise télécom locale",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105482.jpg?_wi=1",
|
||||
imageAlt: "Équipement télécom de pointe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-running-code-data-center_482257-89096.jpg?_wi=1",
|
||||
imageAlt: "Maintenance serveurs",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2253.jpg?_wi=1",
|
||||
imageAlt: "Audit technique",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105482.jpg", imageAlt: "Expertise télécom locale"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,25 +67,16 @@ export default function LandingPage() {
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Télécoms & Internet",
|
||||
description: "Installation de solutions unifiées, téléphonie IP d'entreprise et accès internet très haut débit pro avec support de proximité.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105482.jpg?_wi=2",
|
||||
},
|
||||
title: "Télécoms & Internet", description: "Installation de solutions unifiées, téléphonie IP d'entreprise et accès internet très haut débit pro avec support de proximité.", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105482.jpg"},
|
||||
{
|
||||
title: "Informatique & Réseaux",
|
||||
description: "Installation, maintenance et optimisation de votre parc informatique, sécurisation de vos données et déploiement de réseaux robustes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-running-code-data-center_482257-89096.jpg?_wi=2",
|
||||
},
|
||||
title: "Informatique & Réseaux", description: "Installation, maintenance et optimisation de votre parc informatique, sécurisation de vos données et déploiement de réseaux robustes.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-running-code-data-center_482257-89096.jpg"},
|
||||
{
|
||||
title: "Audit & Conseil",
|
||||
description: "Bilan complet de votre infrastructure technique et financier pour des recommandations personnalisées et une migration simplifiée.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2253.jpg?_wi=2",
|
||||
},
|
||||
title: "Audit & Conseil", description: "Bilan complet de votre infrastructure technique et financier pour des recommandations personnalisées et une migration simplifiée.", imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2253.jpg"},
|
||||
]}
|
||||
title="Nos Services Experts"
|
||||
description="Des solutions sur-mesure pour garantir la performance, la sécurité et la pérennité de vos outils de communication et réseaux."
|
||||
@@ -125,100 +88,40 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jean Dupont",
|
||||
handle: "Dirigeant SME",
|
||||
testimonial: "B2F System a révolutionné notre réseau local. Support très réactif.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-corporate-start-up-office-analyziing-documents-chart-looking-clipboard_482257-2437.jpg",
|
||||
},
|
||||
id: "1", name: "Jean Dupont", handle: "Dirigeant SME", testimonial: "B2F System a révolutionné notre réseau local. Support très réactif.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-corporate-start-up-office-analyziing-documents-chart-looking-clipboard_482257-2437.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marie Lefebvre",
|
||||
handle: "Collège Vosges",
|
||||
testimonial: "Une équipe locale, disponible et compétente.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
|
||||
},
|
||||
id: "2", name: "Marie Lefebvre", handle: "Collège Vosges", testimonial: "Une équipe locale, disponible et compétente.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Thomas Martin",
|
||||
handle: "PDG Cabinet Conseil",
|
||||
testimonial: "L'audit a permis d'optimiser nos coûts télécoms.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
|
||||
},
|
||||
id: "3", name: "Thomas Martin", handle: "PDG Cabinet Conseil", testimonial: "L'audit a permis d'optimiser nos coûts télécoms.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophie Bernard",
|
||||
handle: "Directrice PME",
|
||||
testimonial: "Installation irréprochable et un service après-vente très réactif.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
id: "4", name: "Sophie Bernard", handle: "Directrice PME", testimonial: "Installation irréprochable et un service après-vente très réactif.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marc Dubois",
|
||||
handle: "Responsable IT",
|
||||
testimonial: "Expertise technique pointue et une compréhension fine de nos besoins.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-entrepreneur-working-from-cafe_1098-14469.jpg",
|
||||
},
|
||||
id: "5", name: "Marc Dubois", handle: "Responsable IT", testimonial: "Expertise technique pointue et une compréhension fine de nos besoins.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-entrepreneur-working-from-cafe_1098-14469.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Ils nous font confiance"
|
||||
description="Des entreprises, collectivités et établissements scolaires des Vosges témoignent de notre réactivité et expertise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Chiffres clés"
|
||||
description="Des résultats concrets pour votre infrastructure informatique."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Server,
|
||||
title: "Infrastructures déployées",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Clock,
|
||||
title: "Temps de réponse moyen",
|
||||
value: "2h",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Award,
|
||||
title: "Taux de satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Besoin d'un expert en télécoms et réseaux dans les Vosges ? Recevez une étude personnalisée et gratuite pour votre infrastructure."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler maintenant",
|
||||
href: "tel:0329325555",
|
||||
},
|
||||
text: "Appeler maintenant", href: "tel:0329325555"},
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact-form",
|
||||
},
|
||||
text: "Demander un devis", href: "#contact-form"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user