Merge version_1 into main #1
305
src/app/page.tsx
305
src/app/page.tsx
@@ -13,7 +13,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, CheckCircle, Clock, Shield, Users, Zap } from "lucide-react";
|
||||
import { Award, CheckCircle, Clock, Shield, Users, Zap, Cloud, BarChart, Headphones } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="TEJN"
|
||||
/>
|
||||
@@ -56,33 +44,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Innover pour demain avec TEJN"
|
||||
description="TEJN transforme vos défis technologiques en opportunités stratégiques. Solutions sur mesure, agilité et expertise pour propulser votre croissance."
|
||||
tag="Solutions Technologiques Avancées"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917862.jpg",
|
||||
imageAlt: "minimal tech abstract lines",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-67200.jpg",
|
||||
imageAlt: "minimal tech abstract lines",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architectural-building-details_23-2151870864.jpg",
|
||||
imageAlt: "Minimalist architectural building details",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tall-buildings-against-sky_23-2149063326.jpg",
|
||||
imageAlt: "Close up on tall buildings against the sky",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13609.jpg",
|
||||
imageAlt: "Photo of metal texture pattern",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917862.jpg", imageAlt: "minimal tech abstract lines" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-67200.jpg", imageAlt: "minimal tech abstract lines" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,21 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="L'expertise TEJN à votre service"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Années d'expérience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Projets sécurisés",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clients satisfaits",
|
||||
value: "200+",
|
||||
},
|
||||
{ icon: Award, label: "Années d'expérience", value: "10+" },
|
||||
{ icon: Shield, label: "Projets sécurisés", value: "500+" },
|
||||
{ icon: Users, label: "Clients satisfaits", value: "200+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -120,36 +76,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Stratégie Digitale",
|
||||
description: "Accompagnement complet dans votre transformation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-digital-marketing-technology-25-outline-icon-pack-such-as-cable-marketing-advertising-profile-premium_1142-26777.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Infrastructure Cloud",
|
||||
description: "Cloud robuste et scalable pour vos données.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/polygonal-abstract-shapes-network-connection-big-data-concept_90220-460.jpg",
|
||||
buttonIcon: "Cloud",
|
||||
},
|
||||
{
|
||||
title: "Intelligence Data",
|
||||
description: "Valorisez vos données pour de meilleures décisions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-123999.jpg",
|
||||
buttonIcon: "BarChart",
|
||||
},
|
||||
{
|
||||
title: "Sécurité Avancée",
|
||||
description: "Protection proactive de vos actifs digitaux.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-cybersecurity-shield-network-background_84443-85964.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Support Expert",
|
||||
description: "Accompagnement continu 24/7.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-media-technology-25-outline-icon-pack-such-as-modem-technology-folder-media-computer_1142-21256.jpg",
|
||||
buttonIcon: "Headphones",
|
||||
},
|
||||
{ title: "Stratégie Digitale", description: "Accompagnement complet dans votre transformation.", imageSrc: "http://img.b2bpic.net/free-vector/creative-digital-marketing-technology-25-outline-icon-pack-such-as-cable-marketing-advertising-profile-premium_1142-26777.jpg", buttonIcon: Zap },
|
||||
{ title: "Infrastructure Cloud", description: "Cloud robuste et scalable pour vos données.", imageSrc: "http://img.b2bpic.net/free-photo/polygonal-abstract-shapes-network-connection-big-data-concept_90220-460.jpg", buttonIcon: Cloud },
|
||||
{ title: "Intelligence Data", description: "Valorisez vos données pour de meilleures décisions.", imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-123999.jpg", buttonIcon: BarChart },
|
||||
{ title: "Sécurité Avancée", description: "Protection proactive de vos actifs digitaux.", imageSrc: "http://img.b2bpic.net/free-photo/digital-cybersecurity-shield-network-background_84443-85964.jpg", buttonIcon: Shield },
|
||||
{ title: "Support Expert", description: "Accompagnement continu 24/7.", imageSrc: "http://img.b2bpic.net/free-vector/creative-media-technology-25-outline-icon-pack-such-as-modem-technology-folder-media-computer_1142-21256.jpg", buttonIcon: Headphones },
|
||||
]}
|
||||
title="Ce que nous apportons"
|
||||
description="Des outils puissants pour transformer votre vision en réalité opérationnelle."
|
||||
@@ -163,48 +94,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "TEJN Connect",
|
||||
price: "Sur devis",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/neumorph-business-card-template-collection_23-2148887993.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "TEJN Analytics",
|
||||
price: "Sur devis",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/web-design-website-coding-concept_53876-64988.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "TEJN Cloud",
|
||||
price: "Sur devis",
|
||||
variant: "Enterprise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-angle-white-background_9975-134353.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "TEJN Security",
|
||||
price: "Sur devis",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252458.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "TEJN Mobile",
|
||||
price: "Sur devis",
|
||||
variant: "Mobile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-with-credit-card_23-2148080969.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "TEJN AI",
|
||||
price: "Sur devis",
|
||||
variant: "Futur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg",
|
||||
},
|
||||
{ id: "p1", name: "TEJN Connect", price: "Sur devis", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-vector/neumorph-business-card-template-collection_23-2148887993.jpg" },
|
||||
{ id: "p2", name: "TEJN Analytics", price: "Sur devis", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/web-design-website-coding-concept_53876-64988.jpg" },
|
||||
{ id: "p3", name: "TEJN Cloud", price: "Sur devis", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-displayed-angle-white-background_9975-134353.jpg" }
|
||||
]}
|
||||
title="Nos Solutions Produit"
|
||||
description="Un écosystème conçu pour la performance."
|
||||
@@ -217,39 +109,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Base",
|
||||
price: "€999",
|
||||
subtitle: "Pour démarrer votre croissance",
|
||||
features: [
|
||||
"Support standard",
|
||||
"Accès plateforme",
|
||||
"Audit initial",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Populaire",
|
||||
price: "€2499",
|
||||
subtitle: "Accélérez vos résultats",
|
||||
features: [
|
||||
"Support prioritaire",
|
||||
"Data avancée",
|
||||
"Intégration API",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Scale",
|
||||
price: "€4999",
|
||||
subtitle: "Maîtrise totale",
|
||||
features: [
|
||||
"Support dédié",
|
||||
"Sur-mesure",
|
||||
"SLA garantie",
|
||||
],
|
||||
},
|
||||
{ id: "starter", badge: "Base", price: "€999", subtitle: "Pour démarrer votre croissance", features: ["Support standard", "Accès plateforme", "Audit initial"] },
|
||||
{ id: "pro", badge: "Populaire", price: "€2499", subtitle: "Accélérez vos résultats", features: ["Support prioritaire", "Data avancée", "Intégration API"] },
|
||||
{ id: "enterprise", badge: "Scale", price: "€4999", subtitle: "Maîtrise totale", features: ["Support dédié", "Sur-mesure", "SLA garantie"] },
|
||||
]}
|
||||
title="Tarifs transparents"
|
||||
description="Choisissez le plan adapté à votre scale."
|
||||
@@ -263,27 +125,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Taux de rétention",
|
||||
description: "Nos clients nous renouvellent leur confiance.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
title: "Optimisation process",
|
||||
description: "Gains de productivité constatés en moyenne.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support technique",
|
||||
description: "Une équipe toujours disponible pour vous.",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", value: "98%", title: "Taux de rétention", description: "Nos clients nous renouvellent leur confiance.", icon: CheckCircle },
|
||||
{ id: "m2", value: "45%", title: "Optimisation process", description: "Gains de productivité constatés en moyenne.", icon: Zap },
|
||||
{ id: "m3", value: "24/7", title: "Support technique", description: "Une équipe toujours disponible pour vous.", icon: Clock },
|
||||
]}
|
||||
title="Résultats chiffrés"
|
||||
description="Nous mesurons notre succès à votre progression."
|
||||
@@ -297,26 +141,8 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sophie Martin, CEO GrowthCo"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-indoors_23-2151038698.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boss-instructing-assistant-colleagues-standing-sitting-table-with-monitor-documents-manager-pointing-paper-listening-coworker-business-communication-concept_74855-11543.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Client 2" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -327,21 +153,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Comment démarrer ?",
|
||||
content: "Contactez-nous pour une première consultation gratuite.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Quels sont les délais ?",
|
||||
content: "Nous travaillons en sprints agiles pour une mise en œuvre rapide.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Soutien post-projet ?",
|
||||
content: "Nous assurons le suivi et la maintenance de vos solutions.",
|
||||
},
|
||||
{ id: "q1", title: "Comment démarrer ?", content: "Contactez-nous pour une première consultation gratuite." },
|
||||
{ id: "q2", title: "Quels sont les délais ?", content: "Nous travaillons en sprints agiles pour une mise en œuvre rapide." },
|
||||
{ id: "q3", title: "Soutien post-projet ?", content: "Nous assurons le suivi et la maintenance de vos solutions." },
|
||||
]}
|
||||
sideTitle="Questions fréquentes"
|
||||
sideDescription="Besoin d'en savoir plus sur TEJN ?"
|
||||
@@ -355,21 +169,10 @@ export default function LandingPage() {
|
||||
title="Discutons de vos projets"
|
||||
description="Envoyez-nous vos besoins, nous vous rappellerons sous 24h."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nom complet",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Adresse email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Nom complet" },
|
||||
{ name: "email", type: "email", placeholder: "Adresse email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Comment pouvons-nous vous aider ?",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Comment pouvons-nous vous aider ?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-desk-concept-with-flower_23-2149073030.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -377,45 +180,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Produit",
|
||||
items: [
|
||||
{
|
||||
label: "TEJN Connect",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TEJN Analytics",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Entreprise",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Carrières",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Mentions légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "RGPD",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Produit", items: [{ label: "TEJN Connect", href: "#" }, { label: "TEJN Analytics", href: "#" }] },
|
||||
{ title: "Entreprise", items: [{ label: "À propos", href: "#" }, { label: "Carrières", href: "#" }] },
|
||||
{ title: "Légal", items: [{ label: "Mentions légales", href: "#" }, { label: "RGPD", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 TEJN. Tous droits réservés."
|
||||
bottomRightText="Politique de confidentialité"
|
||||
|
||||
Reference in New Issue
Block a user