Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Award, Clock, Server } from "lucide-react";
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
 export default function LandingPage() {
   return (
@@ -25,114 +25,103 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+            <NavbarLayoutFloatingOverlay
-      navItems={[
+            navItems={[
-        {
+              { name: "Accueil", id: "/" },
-          name: "Accueil",          id: "/"},
+              { name: "Services", id: "#services" },
-        {
+              { name: "Témoignages", id: "#testimonials" },
-          name: "Services",          id: "#services"},
+              { name: "Contact", id: "#contact" }
-        {
+            ]}
-          name: "Contact",          id: "#contact"},
+            brandName="B2F System"
-      ]}
+          />
-      brandName="B2F System"
+        </div>
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+            <HeroSplitDualMedia
-      background={{
+            background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
+            title="Solutions Télécom & IT pour les pros dans les Vosges"
-      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."
-      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"
-      tag="Expertise Locale & IT"
+            buttons={[
-      buttons={[
+              { text: "📞 03 29 32 55 55", href: "tel:0329325555" },
-        {
+              { text: "📩 Demander un devis", href: "#contact" }
-          text: "📞 03 29 32 55 55",          href: "tel:0329325555"},
+            ]}
-        {
+            mediaItems={[
-          text: "📩 Demander un devis",          href: "#contact"},
+              { 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/technology-background-texture_23-2148105482.jpg?_wi=1", imageAlt: "Expertise télécom locale" }
-      mediaItems={[
+            ]}
-        {
+            mediaAnimation="slide-up"
-          imageSrc: "http://img.b2bpic.net/free-photo/team-admins-working-together-server-hub-analyzing-rigs-data_482257-123234.jpg",          imageAlt: "Infrastructures réseaux professionnelles"},
+            rating={5}
-        {
+            ratingText="Partenaire de confiance local"
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105482.jpg?_wi=1",          imageAlt: "Expertise télécom locale"}
+          />
-      ]}
+        </div>
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Partenaire de confiance local"
-    />
-  </div>
 
-  <div id="services" data-section="services">
+        <div id="social-proof" data-section="social-proof">
-      <FeatureCardThree
+          <SocialProofOne
-      animationType="slide-up"
+            title="Nos partenaires & références"
-      gridVariant="three-columns-all-equal-width"
+            names={["Mairie de Chavelot", "Industries des Vosges", "PME Locales", "Établissements Scolaires", "Cabinets Conseils"]
-      textboxLayout="default"
+            }
-      useInvertedBackground={false}
+            description="Plus de 100 entreprises et collectivités font confiance à nos solutions IT."
-      features={[
+            textboxLayout="default"
-        {
+            useInvertedBackground={false}
-          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"},
+          />
-        {
+        </div>
-          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"},
-      ]}
-      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."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="services" data-section="services">
-      <TestimonialCardThirteen
+            <FeatureCardThree
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="split-description"
+            gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
+            textboxLayout="default"
-      showRating={true}
+            useInvertedBackground={false}
-      testimonials={[
+            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.", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105482.jpg?_wi=2" },
-          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,
+              { title: "Informatique & Réseaux", description: "Installation, maintenance et optimisation de votre parc informatique, sécurisation de vos données.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-running-code-data-center_482257-89096.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-corporate-start-up-office-analyziing-documents-chart-looking-clipboard_482257-2437.jpg"},
+              { title: "Audit & Conseil", description: "Bilan complet de votre infrastructure technique pour des recommandations personnalisées.", imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2253.jpg" }
-        {
+            ]}
-          id: "2",          name: "Marie Lefebvre",          handle: "Collège Vosges",          testimonial: "Une équipe locale, disponible et compétente.",          rating: 5,
+            title="Nos Services Experts"
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg"},
+            description="Des solutions sur-mesure pour garantir la performance de vos outils."
-        {
+          />
-          id: "3",          name: "Thomas Martin",          handle: "PDG Cabinet Conseil",          testimonial: "L'audit a permis d'optimiser nos coûts télécoms.",          rating: 5,
+        </div>
-          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: "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"},
-      ]}
-      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="contact" data-section="contact">
+        <div id="testimonials" data-section="testimonials">
-      <ContactText
+            <TestimonialCardThirteen
-      useInvertedBackground={false}
+            animationType="slide-up"
-      background={{
+            textboxLayout="split-description"
-        variant: "sparkles-gradient"}}
+            useInvertedBackground={true}
-      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."
+            showRating={true}
-      buttons={[
+            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" },
-          text: "Appeler maintenant",          href: "tel:0329325555"},
+              { 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" }
-        {
+            ]}
-          text: "Demander un devis",          href: "#contact-form"},
+            title="Ils nous font confiance"
-      ]}
+            description="Témoignages de nos clients dans les Vosges."
-    />
+          />
-  </div>
+        </div>
 
-  <div id="footer" data-section="footer">
+        <div id="contact" data-section="contact">
-      <FooterCard
+          <ContactCTA
-      logoText="B2F System"
+            title="Besoin d'accompagnement ?"
-      copyrightText="© 2025 B2F System | Chavelot, Vosges. Tous droits réservés."
+            description="Nos bureaux sont basés à Chavelot, Vosges. Rencontrons-nous pour discuter de votre infrastructure."
-    />
+            tag="Contact local"
-  </div>
+            background={{ variant: "sparkles-gradient" }}
+            buttons={[
+              { text: "03 29 32 55 55", href: "tel:0329325555" }
+            ]}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="B2F System"
+            columns={[
+              { title: "Services", items: [{ label: "Télécoms", href: "#services" }, { label: "IT & Réseaux", href: "#services" }] },
+              { title: "Entreprise", items: [{ label: "Localisation: Chavelot, 88", href: "#contact" }, { label: "03 29 32 55 55", href: "tel:0329325555" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}