Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0c69cb7135 | |||
| b217eba935 | |||
| ad159382c7 | |||
| edfabee23a | |||
| bbbd6108b2 | |||
| efb352b4b4 | |||
| 2ec512e596 |
172
src/app/page.tsx
172
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "À propos",
|
name: "À propos", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Réalisations",
|
name: "Réalisations", id: "realisations"},
|
||||||
id: "realisations",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Témoignages",
|
name: "Témoignages", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Mage Construct"
|
brandName="Mage Construct"
|
||||||
/>
|
/>
|
||||||
@@ -58,19 +48,14 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static",
|
variant: "rotated-rays-static"}}
|
||||||
}}
|
|
||||||
logoText="Mage Construct"
|
logoText="Mage Construct"
|
||||||
description="Expertise en constructions métalliques, charpentes industrielles et menuiseries. Un mot, un geste, Mage fait le reste."
|
description="Expertise en constructions métalliques, charpentes industrielles et menuiseries. Un mot, un geste, Mage fait le reste."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Nos réalisations",
|
text: "Nos réalisations", href: "#realisations"},
|
||||||
href: "#realisations",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Contactez-nous",
|
text: "Contactez-nous", href: "#contact"},
|
||||||
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"
|
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"
|
mediaAnimation="slide-up"
|
||||||
@@ -80,7 +65,7 @@ export default function LandingPage() {
|
|||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={true}
|
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>
|
</div>
|
||||||
|
|
||||||
@@ -92,34 +77,22 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
icon: Building,
|
icon: Building,
|
||||||
title: "Charpentes métalliques",
|
title: "Charpentes métalliques", description: "Conception et pose de charpentes robustes."},
|
||||||
description: "Conception et pose de charpentes robustes.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Building2,
|
icon: Building2,
|
||||||
title: "Structures industrielles",
|
title: "Structures industrielles", description: "Construction de bâtiments industriels et entrepôts."},
|
||||||
description: "Construction de bâtiments industriels et entrepôts.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Layout,
|
icon: Layout,
|
||||||
title: "Bardage & Couverture",
|
title: "Bardage & Couverture", description: "Protection et étanchéité de vos bâtiments."},
|
||||||
description: "Protection et étanchéité de vos bâtiments.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Box,
|
icon: Box,
|
||||||
title: "Menuiserie métallique",
|
title: "Menuiserie métallique", description: "Réalisation sur mesure pour professionnels."},
|
||||||
description: "Réalisation sur mesure pour professionnels.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Wrench,
|
icon: Wrench,
|
||||||
title: "Maintenance",
|
title: "Maintenance", description: "Suivi et entretien de vos installations."},
|
||||||
description: "Suivi et entretien de vos installations.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Compass,
|
icon: Compass,
|
||||||
title: "Étude & Conception",
|
title: "Étude & Conception", description: "Un bureau d'études à votre service."},
|
||||||
description: "Un bureau d'études à votre service.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nos services"
|
title="Nos services"
|
||||||
description="Des solutions métalliques complètes pour vos projets industriels."
|
description="Des solutions métalliques complètes pour vos projets industriels."
|
||||||
@@ -134,41 +107,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
id: "6", name: "Extension Usine", price: "Projet F", imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1934.jpg"},
|
||||||
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"
|
title="Nos réalisations"
|
||||||
description="Découvrez nos derniers projets industriels."
|
description="Découvrez nos derniers projets industriels."
|
||||||
@@ -183,53 +132,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Geoduv", role: "Client", company: "Google Avis", rating: 5,
|
||||||
name: "Geoduv",
|
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-474.jpg", imageAlt: "industrial steel structural beam"},
|
||||||
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",
|
id: "2", name: "Michel Buet", role: "Client", company: "Google Avis", rating: 5,
|
||||||
name: "Michel Buet",
|
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"},
|
||||||
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",
|
id: "3", name: "Romeo Prim", role: "Client", company: "Google Avis", rating: 5,
|
||||||
name: "Romeo Prim",
|
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-people-running-together_23-2149033524.jpg?_wi=2", imageAlt: "industrial steel structural beam"},
|
||||||
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",
|
id: "4", name: "Client Satisfait", role: "Client", company: "Google Avis", rating: 4,
|
||||||
name: "Client Satisfait",
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-seen-from_1203-1116.jpg?_wi=2", imageAlt: "industrial steel structural beam"},
|
||||||
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",
|
id: "5", name: "Partenaire Pro", role: "Partenaire", company: "Google Avis", rating: 5,
|
||||||
name: "Partenaire Pro",
|
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"},
|
||||||
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"
|
title="Ce qu'ils disent de nous"
|
||||||
description="Une note Google de 4,7/5 témoigne de notre sérieux."
|
description="Une note Google de 4,7/5 témoigne de notre sérieux. Plus de 200 projets industriels réalisés avec succès – rejoignez nos clients satisfaits en nous contactant dès aujourd'hui !"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -237,11 +156,10 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static",
|
variant: "rotated-rays-static"}}
|
||||||
}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="Prêt à construire ?"
|
title="Prêt à construire ?"
|
||||||
description="Rue Jules Cousin 18/1, 7080 Frameries | Tél: 065 65 28 32"
|
description="Rue Jules Cousin 18/1, 7080 Frameries | Tél: 065 65 28 32. Obtenez votre devis personnalisé dès maintenant."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -249,29 +167,19 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Services",
|
label: "Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Réalisations",
|
label: "Réalisations", href: "#realisations"},
|
||||||
href: "#realisations",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Contact",
|
title: "Contact", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Adresse",
|
label: "Adresse", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Devis",
|
label: "Devis", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user