Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 147b7af077 | |||
| 19fc5c7327 | |||
| fba249f968 | |||
| eb5c55eab2 | |||
| 7501ea332b | |||
| b755af7596 | |||
| d07ef914b1 |
201
src/app/page.tsx
201
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil", id: "/"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="B2F System"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Témoignages", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="B2F System"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
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: "📩 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", 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"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Partenaire de confiance local"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ 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: "📩 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", 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" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Partenaire de confiance local"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
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: "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="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Nos partenaires & références"
|
||||
names={["Mairie de Chavelot", "Industries des Vosges", "PME Locales", "Établissements Scolaires", "Cabinets Conseils"]
|
||||
}
|
||||
description="Plus de 100 entreprises et collectivités font confiance à nos solutions IT."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
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: "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: "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="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
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.", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105482.jpg?_wi=2" },
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
]}
|
||||
title="Nos Services Experts"
|
||||
description="Des solutions sur-mesure pour garantir la performance de vos outils."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
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: "Demander un devis", href: "#contact-form"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
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: "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" }
|
||||
]}
|
||||
title="Ils nous font confiance"
|
||||
description="Témoignages de nos clients dans les Vosges."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="B2F System"
|
||||
copyrightText="© 2025 B2F System | Chavelot, Vosges. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
title="Besoin d'accompagnement ?"
|
||||
description="Nos bureaux sont basés à Chavelot, Vosges. Rencontrons-nous pour discuter de votre infrastructure."
|
||||
tag="Contact local"
|
||||
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user