Compare commits
25 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fd32656cd3 | |||
| 450942d9b8 | |||
| c1ddf9cbff | |||
| 8afc8082d5 | |||
| 7611aed54d | |||
| b6aecf3634 | |||
| 6318663dbc | |||
| 9e15f77b21 | |||
| 5ed082569e | |||
| 01dbd87a08 | |||
| c56845da9d | |||
| 6792f0139d | |||
| 9daa09010b | |||
| bf3e00f1d2 | |||
| 9f99321823 | |||
| d117db4dbc | |||
| a4c07dc4f4 | |||
| eb1b809619 | |||
| 50f34104d3 | |||
| 0e6d65368a | |||
| 2d2803c79c | |||
| 0d3ac205d7 | |||
| 578c5767d1 | |||
| f5b751e7ca | |||
| 7868ea2626 |
146
src/app/page.tsx
146
src/app/page.tsx
@@ -6,15 +6,16 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import { Sparkles, Star } from "lucide-react";
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import { Sparkles, Star, CheckCircle, Clock, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -40,6 +41,10 @@ export default function LandingPage() {
|
||||
name: "À Propos", id: "#about"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Parcours Client", id: "#timeline-features"},
|
||||
{
|
||||
name: "Nouvelles Fonctionnalités", id: "#features-timeline-cards"},
|
||||
{
|
||||
name: "Produits", id: "#products"},
|
||||
{
|
||||
@@ -60,9 +65,9 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Donnez Vie à Vos Idées avec une Qualité d'Impression Inégalée"
|
||||
description="De l'idée à la réalité, nous donnons vie à vos projets avec une qualité et un savoir-faire inégalés. Obtenez des résultats exceptionnels, à chaque fois."
|
||||
<HeroBillboardScroll
|
||||
title="Vos Idées Imprimées. Qualité Inégalée. Zéro Souci."
|
||||
description="Nous transformons vos visions créatives en réalités tangibles grâce à des techniques d'impression de pointe et un engagement inébranlable envers l'excellence. Chaque projet est une œuvre d'art, méticuleusement conçue et exécutée pour captiver votre public et laisser une impression durable."
|
||||
tag="Impression sur Mesure"
|
||||
buttons={[
|
||||
{
|
||||
@@ -70,32 +75,30 @@ export default function LandingPage() {
|
||||
{
|
||||
text: "Demander un Devis", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-paint-cans-with-paint_23-2148591312.jpg", imageAlt: "Atelier d'impression moderne"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg", imageAlt: "Businesswoman in meeting"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-paint-cans-with-paint_23-2148591312.jpg"
|
||||
imageAlt="Atelier d'impression moderne"
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
rating={5}
|
||||
ratingText="Basé sur +100 avis 5 étoiles"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="À Propos de Notre Imprimerie"
|
||||
description={[
|
||||
"Depuis plus de 20 ans, Maison d'Imprimeur est le leader de l'impression sur mesure. Nous combinons tradition et innovation pour des résultats exceptionnels.", "Notre équipe d'experts est dédiée à la réalisation de vos visions, avec un service client personnalisé et une attention méticuleuse aux détails. Nous nous engageons à offrir des solutions d'impression écologiques et durables."]}
|
||||
buttons={[
|
||||
description="Depuis plus de 20 ans, Maison d'Imprimeur est le leader de l'impression sur mesure. Nous combinons tradition et innovation pour des résultats exceptionnels. Notre équipe d'experts est dédiée à la réalisation de vos visions, avec un service client personnalisé et une attention méticuleuse aux détails. Nous nous engageons à offrir des solutions d'impression écologiques et durables."
|
||||
metrics={[
|
||||
{
|
||||
text: "Notre Histoire", href: "#"},
|
||||
value: "20+", title: "Années d'Expérience"},
|
||||
{
|
||||
text: "Nos Valeurs", href: "#"},
|
||||
value: "10K+", title: "Projets Réalisés"},
|
||||
{
|
||||
value: "98%", title: "Satisfaction Client"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-printing-machine_23-2151675276.jpg"
|
||||
imageAlt="Machine d'impression industrielle"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,25 +123,105 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="timeline-features" data-section="timeline-features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Notre Parcours Client : De l'Idée à la Réalisation"
|
||||
description="Découvrez notre démarche complète, de la consultation initiale à la livraison finale, pour un projet d'impression fluide et réussi. Chaque étape est pensée pour garantir qualité et satisfaction."
|
||||
features={[
|
||||
{
|
||||
title: "Consultation & Stratégie Personnalisée", description: "De l'analyse de vos besoins à l'élaboration d'une stratégie d'impression sur mesure, nous sommes à vos côtés.", bentoComponent: "timeline", heading: "Phase 1: Idéation & Planification", subheading: "Votre vision prend forme avec notre expertise.", items: [
|
||||
{ label: "Brief Client & Analyse des Besoins", detail: "Discussion approfondie et compréhension de vos objectifs." },
|
||||
{ label: "Proposition de Design & Conseil Expert", detail: "Création des premières maquettes et recommandations de nos spécialistes." },
|
||||
{ label: "Validation du Concept & Planification Stratégique", detail: "Approbation finale du design et établissement d'un calendrier précis." }
|
||||
],
|
||||
completedLabel: "Stratégie Validée"
|
||||
},
|
||||
{
|
||||
title: "Design Graphique & Pré-presse Détaillée", description: "Nos designers créent des visuels percutants, puis nos experts préparent vos fichiers pour une qualité d'impression optimale.", bentoComponent: "timeline", heading: "Phase 2: Création & Préparation", subheading: "La précision avant l'impression.", items: [
|
||||
{ label: "Création Graphique & Maquettes", detail: "Développement des éléments visuels et présentation des mockups." },
|
||||
{ label: "Validation Artistique & Bon à Tirer (BAT)", detail: "Approbation du rendu visuel et dernière vérification avant production." },
|
||||
{ label: "Vérification & Étalonnage des Fichiers", detail: "Contrôle technique des documents et garantie de fidélité colorimétrique." }
|
||||
],
|
||||
completedLabel: "Fichiers Prêts à Imprimer"
|
||||
},
|
||||
{
|
||||
title: "Production Impeccable & Finitions", description: "Avec des technologies de pointe et un contrôle qualité rigoureux, nous transformons vos designs en produits imprimés d'exception.", bentoComponent: "timeline", heading: "Phase 3: Réalisation & Qualité", subheading: "L'art de l'impression à son apogée.", items: [
|
||||
{ label: "Impression Offset & Numérique Avancée", detail: "Utilisation de technologies de pointe pour une exécution parfaite." },
|
||||
{ label: "Finition Spéciale & Assemblage", detail: "Découpe, pelliculage, gaufrage et toutes les options d'embellissement." },
|
||||
{ label: "Contrôle Qualité Rigoureux", detail: "Inspection minutieuse de chaque pièce pour assurer l'excellence." }
|
||||
],
|
||||
completedLabel: "Produits Finis & Vérifiés"
|
||||
},
|
||||
{
|
||||
title: "Livraison Sécurisée & Suivi Client", description: "Votre commande est emballée avec soin et livrée rapidement, suivie d'un support client dédié pour une satisfaction totale.", bentoComponent: "timeline", heading: "Phase 4: Succès & Accompagnement", subheading: "Votre projet, livré et soutenu.", items: [
|
||||
{ label: "Emballage Sécurisé & Soigné", detail: "Protection optimale de vos imprimés pendant le transport." },
|
||||
{ label: "Expédition Rapide & Fiable", detail: "Logistique efficace pour une livraison ciblée et ponctuelle." },
|
||||
{ label: "Suivi Clientèle & Assistance Après-Vente", detail: "Notre équipe reste disponible pour toute question post-livraison." }
|
||||
],
|
||||
completedLabel: "Projet Livré & Satisfait"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features-timeline-cards" data-section="features-timeline-cards">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Nos Prochaines Innovations et Fonctionnalités"
|
||||
description="Découvrez la feuille de route de Maison d'Imprimeur et les nouvelles fonctionnalités que nous développerons pour vous."
|
||||
features={[
|
||||
{
|
||||
title: "Intégration IA pour le Design", description: "Automatisation de la mise en page et suggestions créatives.", bentoComponent: "timeline", heading: "Développement IA", subheading: "Optimisation de votre processus de création.", items: [
|
||||
{ label: "Recherche & Développement", detail: "Exploration des modèles d'AI pour le design." },
|
||||
{ label: "Tests Alpha", detail: "Intégration avec nos outils de conception." },
|
||||
{ label: "Lancement Beta", detail: "Mise à disposition pour les utilisateurs test." }
|
||||
],
|
||||
completedLabel: "Bientôt Disponible"
|
||||
},
|
||||
{
|
||||
title: "Suivi de Production en Temps Réel", description: "Visualisez l'état de votre commande à chaque étape du processus.", bentoComponent: "timeline", heading: "Transparence Accrue", subheading: "Gardez le contrôle sur votre projet.", items: [
|
||||
{ label: "Conception du Tableau de Bord", detail: "Développement de l'interface utilisateur." },
|
||||
{ label: "Intégration des Capteurs", detail: "Connexion aux machines d'impression." },
|
||||
{ label: "Déploiement", detail: "Accessible via votre espace client." }
|
||||
],
|
||||
completedLabel: "En Cours"
|
||||
},
|
||||
{
|
||||
title: "Nouvelles Options de Matériaux Écologiques", description: "Élargissement de notre gamme de papiers recyclés et encres végétales.", bentoComponent: "timeline", heading: "Engagement Durable", subheading: "Pour une impression plus respectueuse de l'environnement.", items: [
|
||||
{ label: "Sélection des Fournisseurs", detail: "Recherche de partenaires certifiés écologiques." },
|
||||
{ label: "Tests de Qualité", detail: "Assurance des standards d'impression." },
|
||||
{ label: "Mise à Disposition", detail: "Ajout des options au catalogue." }
|
||||
],
|
||||
completedLabel: "Prévu Q3 2024"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p-1", name: "Cartes de Visite Premium", price: "À partir de 29€", variant: "Mat ou Brillant", imageSrc: "http://img.b2bpic.net/free-psd/opulence-business-card-template-design_23-2152016131.jpg"},
|
||||
id: "p-1", name: "Cartes de Visite Premium", price: "À partir de 29€", imageSrc: "http://img.b2bpic.net/free-psd/opulence-business-card-template-design_23-2152016131.jpg", imageAlt: "Exemple de cartes de visite premium avec design élégant", priceButtonProps: { text: "Commander", href: "#contact" }},
|
||||
{
|
||||
id: "p-2", name: "Flyers Publicitaires", price: "À partir de 49€", variant: "Format A5, A6", imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-blurs-heaps-different-bright-dry-colors_23-2148016427.jpg"},
|
||||
id: "p-2", name: "Flyers Publicitaires", price: "À partir de 49€", imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-blurs-heaps-different-bright-dry-colors_23-2148016427.jpg", imageAlt: "Pile de flyers publicitaires colorés pour promotion événementielle", priceButtonProps: { text: "Commander", href: "#contact" }},
|
||||
{
|
||||
id: "p-3", name: "Brochures Pliantes", price: "À partir de 89€", variant: "2 ou 3 volets", imageSrc: "http://img.b2bpic.net/free-vector/geometric-business-brochure-blue-tones_23-2147599337.jpg"},
|
||||
id: "p-3", name: "Brochures Pliantes", price: "À partir de 89€", imageSrc: "http://img.b2bpic.net/free-vector/geometric-business-brochure-blue-tones_23-2147599337.jpg", imageAlt: "Brochure pliante au design géométrique bleu, présentant des informations", priceButtonProps: { text: "Commander", href: "#contact" }},
|
||||
{
|
||||
id: "p-4", name: "Affiches Grand Format", price: "À partir de 129€", variant: "A2, A1, B1", imageSrc: "http://img.b2bpic.net/free-photo/blank-white-advertisement-panel-city_23-2147845889.jpg"},
|
||||
id: "p-4", name: "Affiches Grand Format", price: "À partir de 129€", imageSrc: "http://img.b2bpic.net/free-photo/blank-white-advertisement-panel-city_23-2147845889.jpg", imageAlt: "Panneau publicitaire blanc vierge pour affiches grand format en milieu urbain", priceButtonProps: { text: "Commander", href: "#contact" }},
|
||||
{
|
||||
id: "p-5", name: "Bannières et Roll-ups", price: "À partir de 149€", variant: "Diverses tailles", imageSrc: "http://img.b2bpic.net/free-psd/business-corporation-template-design_23-2151405481.jpg"},
|
||||
id: "p-5", name: "Bannières et Roll-ups", price: "À partir de 149€", imageSrc: "http://img.b2bpic.net/free-psd/business-corporation-template-design_23-2151405481.jpg", imageAlt: "Roll-up publicitaire vertical pour présentation d'entreprise", priceButtonProps: { text: "Commander", href: "#contact" }},
|
||||
{
|
||||
id: "p-6", name: "Emballages Personnalisés", price: "Sur devis", variant: "Carton, Kraft", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-preparing-cyber-monday-package_23-2148675033.jpg"},
|
||||
id: "p-6", name: "Emballages Personnalisés", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-preparing-cyber-monday-package_23-2148675033.jpg", imageAlt: "Personne préparant un colis avec des emballages personnalisés", priceButtonProps: { text: "Demander un Devis", href: "#contact" }},
|
||||
]}
|
||||
title="Explorez Notre Gamme de Produits Imprimés"
|
||||
description="Des cartes de visite élégantes aux brochures percutantes, trouvez le support idéal pour communiquer votre message."
|
||||
@@ -300,10 +383,13 @@ export default function LandingPage() {
|
||||
title: "Entreprise", items: [
|
||||
{
|
||||
label: "À Propos", href: "#about"},
|
||||
{
|
||||
label: "Parcours Client", href: "#timeline-features"},
|
||||
{
|
||||
label: "Produits", href: "#products"},
|
||||
{
|
||||
label: "Témoignages", href: "#testimonials-section"},
|
||||
"label": "Témoignages", "href": "#testimonials-section"
|
||||
},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user