Switch to version 1: modified src/app/page.tsx
This commit is contained in:
376
src/app/page.tsx
376
src/app/page.tsx
@@ -3,15 +3,15 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, CheckCircle, Shield, Star, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -32,11 +32,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "home" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Produits", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Produits",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="MCCMAROC"
|
||||
/>
|
||||
@@ -44,17 +59,101 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Excellence en Métrologie Industrielle au Maroc"
|
||||
description="MCCMAROC vous accompagne avec des solutions de mesure de haute précision, étalonnage ISO 17025 et instruments de pointe pour vos besoins industriels."
|
||||
testimonials={[
|
||||
{ name: "Ahmed Mansouri", handle: "@IndustrieMaroc", testimonial: "Un service d'étalonnage rapide et conforme aux normes internationales.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213529.jpg" },
|
||||
{ name: "Sara Bennis", handle: "@TechPrecision", testimonial: "La meilleure expertise technique pour nos instruments Trimos au Maroc.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg" }
|
||||
{
|
||||
name: "Ahmed Mansouri",
|
||||
handle: "@IndustrieMaroc",
|
||||
testimonial: "Un service d'étalonnage rapide et conforme aux normes internationales.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213529.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sara Bennis",
|
||||
handle: "@TechPrecision",
|
||||
testimonial: "La meilleure expertise technique pour nos instruments Trimos au Maroc.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg",
|
||||
},
|
||||
{
|
||||
name: "Yassine El Amri",
|
||||
handle: "@AutoParts",
|
||||
testimonial: "Partenaire indispensable pour la qualité de nos composants.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg",
|
||||
},
|
||||
{
|
||||
name: "Fatima Zahra",
|
||||
handle: "@AeroTech",
|
||||
testimonial: "Réactivité et professionnalisme irréprochables.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg",
|
||||
},
|
||||
{
|
||||
name: "Khalid Mansour",
|
||||
handle: "@MedPharma",
|
||||
testimonial: "Une expertise qui garantit la fiabilité totale de nos processus.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un Devis",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Demander un Devis", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laboratory-3d-glassware_23-2151560643.jpg"
|
||||
imageAlt="Laboratoire de métrologie MCCMAROC"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
|
||||
alt: "Client Expert 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-entrepreneur-interacting-with-digital-ai-brain-symbolizing-platforms_482257-126296.jpg",
|
||||
alt: "Client Expert 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg",
|
||||
alt: "Client Expert 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/specialist-using-laptop-inspects-machinery-placing-solar-cells-conveyor-belts_482257-118115.jpg",
|
||||
alt: "Client Expert 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg",
|
||||
alt: "Client Expert 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO 17025",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertise",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Précision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Étalonnage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Maintenance",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,9 +162,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Expertise Technique"
|
||||
metrics={[
|
||||
{ icon: CheckCircle, label: "Instruments Étalonnés", value: "1500+" },
|
||||
{ icon: Award, label: "Conformité ISO 17025", value: "Oui" },
|
||||
{ icon: Shield, label: "Années d'Expérience", value: "12+" },
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Instruments Étalonnés",
|
||||
value: "1500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Conformité ISO 17025",
|
||||
value: "Oui",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Années d'Expérience",
|
||||
value: "12+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -77,9 +188,27 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "s1", title: "Étalonnage Dimensionnel", subtitle: "Conformité totale aux normes.", category: "Services", value: "Certifié" },
|
||||
{ id: "s2", title: "Maintenance et Réparation", subtitle: "Intervention rapide sur site.", category: "Services", value: "Réactif" },
|
||||
{ id: "s3", title: "Conseil Technique", subtitle: "Expertise pour vos choix d'outils.", category: "Services", value: "Personnalisé" },
|
||||
{
|
||||
id: "s1",
|
||||
title: "Étalonnage Dimensionnel",
|
||||
subtitle: "Conformité totale aux normes.",
|
||||
category: "Services",
|
||||
value: "Certifié",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Maintenance et Réparation",
|
||||
subtitle: "Intervention rapide sur site.",
|
||||
category: "Services",
|
||||
value: "Réactif",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Conseil Technique",
|
||||
subtitle: "Expertise pour vos choix d'outils.",
|
||||
category: "Services",
|
||||
value: "Personnalisé",
|
||||
},
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="Nous offrons une gamme complète de services pour garantir la fiabilité de vos mesures."
|
||||
@@ -93,8 +222,42 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Micromètre Digital Trimos", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-helmet-drawing-tools-blueprints_1232-4299.jpg" },
|
||||
{ id: "p2", name: "Scanner Laser Sylvac", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65303.jpg" }
|
||||
{
|
||||
id: "p1",
|
||||
name: "Micromètre Digital Trimos",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-helmet-drawing-tools-blueprints_1232-4299.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Scanner Laser Sylvac",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65303.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pied à Coulisse de Précision",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-items-frame_23-2148541559.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bloc Étalon",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laser-level-measuring-tool_93675-128435.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Comparateur Optique",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866637.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Niveau de Précision",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-architect-desk-with-tools-mock-up_23-2148269869.jpg",
|
||||
},
|
||||
]}
|
||||
title="Catalogue Instruments"
|
||||
description="Découvrez notre sélection des meilleurs instruments de mesure mondiaux."
|
||||
@@ -107,9 +270,24 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Zap, title: "Clients Satisfaits", value: "300+" },
|
||||
{ id: "m2", icon: Star, title: "Projets Terminés", value: "850" },
|
||||
{ id: "m3", icon: Award, title: "Normes Maîtriées", value: "20+" },
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Clients Satisfaits",
|
||||
value: "300+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Projets Terminés",
|
||||
value: "850",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Normes Maîtriées",
|
||||
value: "20+",
|
||||
},
|
||||
]}
|
||||
title="Impact Industriel"
|
||||
description="Nous contribuons à la précision de vos processus industriels."
|
||||
@@ -117,48 +295,156 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Témoignages Clients"
|
||||
description="Ils font confiance à MCCMAROC pour leurs besoins en métrologie."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Ahmed", date: "2024", title: "Directrice", quote: "Service exceptionnel et expertise technique inégalée.", tag: "Industrie", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-helmet-crossed-arms_23-2148269266.jpg" }
|
||||
]}
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Directrice",
|
||||
company: "AutoMaroc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-helmet-crossed-arms_23-2148269266.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Karim Idrissi",
|
||||
role: "Ingénieur",
|
||||
company: "TechIndustrie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-works-computer-solve-finance-tasks-meeting-objectives-coming-up-with_482257-133471.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amal Ben",
|
||||
role: "Chef Qualité",
|
||||
company: "BioLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-protective-uniform-with-tablet-standing-by-metal-reservoir-food-processing-industry_342744-1191.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Omar Fassi",
|
||||
role: "Manager",
|
||||
company: "AeroPart",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist-with-tillandsia_1398-318.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Nadia Lahlou",
|
||||
role: "Directrice",
|
||||
company: "ConstruMaroc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-with-tablet-working-logistic_23-2148886826.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Conformité",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Réponse",
|
||||
},
|
||||
]}
|
||||
title="Témoignages Clients"
|
||||
description="Ils font confiance à MCCMAROC pour leurs besoins en métrologie."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
faqs={[
|
||||
{ id: "f1", title: "Quels instruments étalonnez-vous ?", content: "Nous étalonnons les instruments dimensionnels, de pression et de température." },
|
||||
{ id: "f2", title: "Êtes-vous certifiés ISO 17025 ?", content: "Oui, notre laboratoire respecte strictement les exigences de la norme ISO 17025." }
|
||||
]}
|
||||
title="Questions Fréquentes"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quels instruments étalonnez-vous ?",
|
||||
content: "Nous étalonnons les instruments dimensionnels, de pression et de température.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Êtes-vous certifiés ISO 17025 ?",
|
||||
content: "Oui, notre laboratoire respecte strictement les exigences de la norme ISO 17025.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Comment demander un devis ?",
|
||||
content: "Utilisez le panier de demande ou contactez-nous directement via le formulaire.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions Fréquentes"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Contactez nos experts dès aujourd'hui pour discuter de vos besoins en métrologie."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Besoin d'un devis ?"
|
||||
description="Contactez nos experts dès aujourd'hui pour discuter de vos besoins en métrologie."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-ruler-blueprints_23-2147785569.jpg"
|
||||
logoText="MCCMAROC"
|
||||
columns={[
|
||||
{ title: "Société", items: [{ label: "À Propos", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Légal", items: [{ label: "Mentions Légales", href: "#" }] }
|
||||
{
|
||||
title: "Société",
|
||||
items: [
|
||||
{
|
||||
label: "À Propos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Catalogue",
|
||||
items: [
|
||||
{
|
||||
label: "Instruments",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Devis",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Politique de Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user