Merge version_1 into main #3
115
src/app/page.tsx
115
src/app/page.tsx
@@ -30,12 +30,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projets", id: "projects"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Projets", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="M'Sila Metal"
|
||||
/>
|
||||
@@ -43,39 +40,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Expertise Métallique\nAu Service de Vos Structures\nBâtir l'Excellence"
|
||||
description="Leader dans la construction métallique à M'Sila, nous transformons vos projets ambitieux en réalité durable avec précision et savoir-faire."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg", alt: "Client 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un Devis", href: "#contact"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg", alt: "Client 5" },
|
||||
]}
|
||||
buttons={[{ text: "Demander un Devis", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Certifié ISO 9001"},
|
||||
{
|
||||
type: "text-icon", text: "Acier Premium", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text", text: "Livraison Rapide"},
|
||||
{
|
||||
type: "text-icon", text: "Ingénierie Avancée", icon: Compass,
|
||||
},
|
||||
{
|
||||
type: "text", text: "Expertise Locale"},
|
||||
{ type: "text", text: "Certifié ISO 9001" },
|
||||
{ type: "text-icon", text: "Acier Premium", icon: ShieldCheck },
|
||||
{ type: "text", text: "Livraison Rapide" },
|
||||
{ type: "text-icon", text: "Ingénierie Avancée", icon: Compass },
|
||||
{ type: "text", text: "Expertise Locale" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -84,16 +65,12 @@ export default function LandingPage() {
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="left"
|
||||
textboxLayout="centered"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", title: "200+ Projets", subtitle: "Réalisés avec succès", category: "Qualité", value: "200+"},
|
||||
{
|
||||
id: "2", title: "15 Ans", subtitle: "D'expertise technique", category: "Expérience", value: "15+"},
|
||||
{
|
||||
id: "3", title: "50+ Clients", subtitle: "Satisfaits et fidèles", category: "Confiance", value: "50+"},
|
||||
{
|
||||
id: "4", title: "100%", subtitle: "Conformité aux normes", category: "Sécurité", value: "100%"},
|
||||
{ id: "1", title: "200+ Projets", subtitle: "Réalisés avec succès", category: "Qualité", value: "200+" },
|
||||
{ id: "2", title: "15 Ans", subtitle: "D'expertise technique", category: "Expérience", value: "15+" },
|
||||
{ id: "3", title: "50+ Clients", subtitle: "Satisfaits et fidèles", category: "Confiance", value: "50+" },
|
||||
{ id: "4", title: "100%", subtitle: "Conformité aux normes", category: "Sécurité", value: "100%" },
|
||||
]}
|
||||
title="Chiffres Clés"
|
||||
description="L'excellence prouvée par nos réalisations."
|
||||
@@ -107,18 +84,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Charpente Métallique", description: "Conception et installation de structures robustes.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Charpente"},
|
||||
{
|
||||
title: "Serrurerie Industrielle", description: "Pièces de précision pour vos installations.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Serrurerie"},
|
||||
{
|
||||
title: "Bardage & Couverture", description: "Protection optimale pour vos bâtiments.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Bardage"},
|
||||
{
|
||||
title: "Maintenance Industrielle", description: "Entretien préventif de vos sites.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Maintenance"},
|
||||
{
|
||||
title: "Escaliers & Garde-corps", description: "Design moderne et sécurité accrue.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Escaliers"},
|
||||
{
|
||||
title: "Étude de Projet", description: "Conseil et ingénierie sur mesure.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Ingénierie"},
|
||||
{ title: "Charpente Métallique", description: "Conception et installation de structures robustes.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Charpente" },
|
||||
{ title: "Serrurerie Industrielle", description: "Pièces de précision pour vos installations.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Serrurerie" },
|
||||
{ title: "Bardage & Couverture", description: "Protection optimale pour vos bâtiments.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Bardage" },
|
||||
{ title: "Maintenance Industrielle", description: "Entretien préventif de vos sites.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Maintenance" },
|
||||
{ title: "Escaliers & Garde-corps", description: "Design moderne et sécurité accrue.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Escaliers" },
|
||||
{ title: "Étude de Projet", description: "Conseil et ingénierie sur mesure.", imageSrc: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", imageAlt: "Ingénierie" },
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="Des solutions métalliques complètes pour tous vos besoins industriels et commerciaux."
|
||||
@@ -129,10 +100,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "À Propos de M'Sila Metal"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", alt: "Team"},
|
||||
{ type: "text", content: "À Propos de M'Sila Metal" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/rusty-texture_23-2152024254.jpg", alt: "Team" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,21 +112,11 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Hassan Ghirabi", handle: "@hassan", testimonial: "Travail impeccable et délais respectés.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg"},
|
||||
{
|
||||
id: "2", name: "Mohamed Abou Ibrahim", handle: "@mohamed", testimonial: "Une expertise technique inégalée à M'Sila.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg"},
|
||||
{
|
||||
id: "3", name: "Haddab Abdelhak", handle: "@haddab", testimonial: "Qualité de finition exceptionnelle.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg"},
|
||||
{
|
||||
id: "4", name: "Client Service", handle: "@service", testimonial: "Partenaire de confiance pour nos projets industriels.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg"},
|
||||
{
|
||||
id: "5", name: "Fatima Zahra", handle: "@fatima", testimonial: "Fiabilité remarquable et suivi excellent.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg"},
|
||||
{ id: "1", name: "Hassan Ghirabi", handle: "@hassan", testimonial: "Travail impeccable et délais respectés.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg" },
|
||||
{ id: "2", name: "Mohamed Abou Ibrahim", handle: "@mohamed", testimonial: "Une expertise technique inégalée à M'Sila.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg" },
|
||||
{ id: "3", name: "Haddab Abdelhak", handle: "@haddab", testimonial: "Qualité de finition exceptionnelle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg" },
|
||||
{ id: "4", name: "Client Service", handle: "@service", testimonial: "Partenaire de confiance pour nos projets industriels.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg" },
|
||||
{ id: "5", name: "Fatima Zahra", handle: "@fatima", testimonial: "Fiabilité remarquable et suivi excellent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Avis Clients"
|
||||
@@ -168,13 +127,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Prêt à démarrer votre projet ? Contactez-nous dès maintenant pour un devis personnalisé."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contactez-nous", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Contactez-nous", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user