Merge version_2 into main #2
170
src/app/page.tsx
170
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
name: "À propos", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Réalisations",
|
||||
id: "realisations",
|
||||
},
|
||||
name: "Réalisations", id: "realisations"},
|
||||
{
|
||||
name: "Témoignages",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Témoignages", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mage Construct"
|
||||
/>
|
||||
@@ -58,19 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
logoText="Mage Construct"
|
||||
description="Expertise en constructions métalliques, charpentes industrielles et menuiseries. Un mot, un geste, Mage fait le reste."
|
||||
buttons={[
|
||||
{
|
||||
text: "Nos réalisations",
|
||||
href: "#realisations",
|
||||
},
|
||||
text: "Nos réalisations", href: "#realisations"},
|
||||
{
|
||||
text: "Contactez-nous",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contactez-nous", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ceramic-factory-is-producing-ceramic-sanitary-ware-ceramic-toilet-semi-finished-products-factory-ceramics-factory-industrial-environment_645730-206.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -80,7 +65,7 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Une expertise reconnue à Frameries"
|
||||
title="Leader des constructions métalliques à Frameries : une expertise locale au service de votre réussite industrielle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -92,34 +77,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Building,
|
||||
title: "Charpentes métalliques",
|
||||
description: "Conception et pose de charpentes robustes.",
|
||||
},
|
||||
title: "Charpentes métalliques", description: "Conception et pose de charpentes robustes."},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Structures industrielles",
|
||||
description: "Construction de bâtiments industriels et entrepôts.",
|
||||
},
|
||||
title: "Structures industrielles", description: "Construction de bâtiments industriels et entrepôts."},
|
||||
{
|
||||
icon: Layout,
|
||||
title: "Bardage & Couverture",
|
||||
description: "Protection et étanchéité de vos bâtiments.",
|
||||
},
|
||||
title: "Bardage & Couverture", description: "Protection et étanchéité de vos bâtiments."},
|
||||
{
|
||||
icon: Box,
|
||||
title: "Menuiserie métallique",
|
||||
description: "Réalisation sur mesure pour professionnels.",
|
||||
},
|
||||
title: "Menuiserie métallique", description: "Réalisation sur mesure pour professionnels."},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Maintenance",
|
||||
description: "Suivi et entretien de vos installations.",
|
||||
},
|
||||
title: "Maintenance", description: "Suivi et entretien de vos installations."},
|
||||
{
|
||||
icon: Compass,
|
||||
title: "Étude & Conception",
|
||||
description: "Un bureau d'études à votre service.",
|
||||
},
|
||||
title: "Étude & Conception", description: "Un bureau d'études à votre service."},
|
||||
]}
|
||||
title="Nos services"
|
||||
description="Des solutions métalliques complètes pour vos projets industriels."
|
||||
@@ -134,41 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hall Industriel",
|
||||
price: "Projet A",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-people-running-together_23-2149033524.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Hall Industriel", price: "Projet A", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-people-running-together_23-2149033524.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Entrepôt Logistique",
|
||||
price: "Projet B",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-seen-from_1203-1116.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Entrepôt Logistique", price: "Projet B", imageSrc: "http://img.b2bpic.net/free-photo/construction-building-seen-from_1203-1116.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Passerelle Acier",
|
||||
price: "Projet C",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5210.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Passerelle Acier", price: "Projet C", imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5210.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bâtiment Agricole",
|
||||
price: "Projet D",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-perspective-steel-structure-looking-up_23-2152006118.jpg",
|
||||
},
|
||||
id: "4", name: "Bâtiment Agricole", price: "Projet D", imageSrc: "http://img.b2bpic.net/free-photo/architectural-perspective-steel-structure-looking-up_23-2152006118.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Structure Extérieure",
|
||||
price: "Projet E",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-equipment-used-apartment-renovation_23-2149278636.jpg",
|
||||
},
|
||||
id: "5", name: "Structure Extérieure", price: "Projet E", imageSrc: "http://img.b2bpic.net/free-photo/close-up-equipment-used-apartment-renovation_23-2149278636.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Extension Usine",
|
||||
price: "Projet F",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1934.jpg",
|
||||
},
|
||||
id: "6", name: "Extension Usine", price: "Projet F", imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1934.jpg"},
|
||||
]}
|
||||
title="Nos réalisations"
|
||||
description="Découvrez nos derniers projets industriels."
|
||||
@@ -183,50 +132,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Geoduv",
|
||||
role: "Client",
|
||||
company: "Google Avis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-474.jpg",
|
||||
imageAlt: "industrial steel structural beam",
|
||||
},
|
||||
id: "1", name: "Geoduv", role: "Client", company: "Google Avis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-474.jpg", imageAlt: "industrial steel structural beam"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michel Buet",
|
||||
role: "Client",
|
||||
company: "Google Avis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-factory-is-producing-ceramic-sanitary-ware-ceramic-toilet-semi-finished-products-factory-ceramics-factory-industrial-environment_645730-206.jpg?_wi=2",
|
||||
imageAlt: "industrial steel structural beam",
|
||||
},
|
||||
id: "2", name: "Michel Buet", role: "Client", company: "Google Avis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-factory-is-producing-ceramic-sanitary-ware-ceramic-toilet-semi-finished-products-factory-ceramics-factory-industrial-environment_645730-206.jpg?_wi=2", imageAlt: "industrial steel structural beam"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Romeo Prim",
|
||||
role: "Client",
|
||||
company: "Google Avis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-people-running-together_23-2149033524.jpg?_wi=2",
|
||||
imageAlt: "industrial steel structural beam",
|
||||
},
|
||||
id: "3", name: "Romeo Prim", role: "Client", company: "Google Avis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-people-running-together_23-2149033524.jpg?_wi=2", imageAlt: "industrial steel structural beam"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client Satisfait",
|
||||
role: "Client",
|
||||
company: "Google Avis",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-seen-from_1203-1116.jpg?_wi=2",
|
||||
imageAlt: "industrial steel structural beam",
|
||||
},
|
||||
id: "4", name: "Client Satisfait", role: "Client", company: "Google Avis", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-seen-from_1203-1116.jpg?_wi=2", imageAlt: "industrial steel structural beam"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Partenaire Pro",
|
||||
role: "Partenaire",
|
||||
company: "Google Avis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5210.jpg?_wi=2",
|
||||
imageAlt: "industrial steel structural beam",
|
||||
},
|
||||
id: "5", name: "Partenaire Pro", role: "Partenaire", company: "Google Avis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5210.jpg?_wi=2", imageAlt: "industrial steel structural beam"},
|
||||
]}
|
||||
title="Ce qu'ils disent de nous"
|
||||
description="Une note Google de 4,7/5 témoigne de notre sérieux."
|
||||
@@ -237,8 +156,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Contact"
|
||||
title="Prêt à construire ?"
|
||||
description="Rue Jules Cousin 18/1, 7080 Frameries | Tél: 065 65 28 32"
|
||||
@@ -249,29 +167,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Réalisations",
|
||||
href: "#realisations",
|
||||
},
|
||||
label: "Réalisations", href: "#realisations"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Adresse",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Adresse", href: "#contact"},
|
||||
{
|
||||
label: "Devis",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Devis", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -281,4 +189,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user