Merge version_1 into main #1
218
src/app/page.tsx
218
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Expertises",
|
||||
id: "expertise",
|
||||
},
|
||||
name: "Expertises", id: "expertise"},
|
||||
{
|
||||
name: "Réalisations",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Réalisations", id: "portfolio"},
|
||||
{
|
||||
name: "Engagement",
|
||||
id: "about",
|
||||
},
|
||||
name: "Engagement", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GTM Aquitaine"
|
||||
/>
|
||||
@@ -59,15 +49,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="GTM Bâtiment Aquitaine"
|
||||
description="L'Excellence Constructive au Cœur de la Région."
|
||||
buttons={[
|
||||
{
|
||||
text: "Découvrir nos Réalisations",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "Découvrir nos Réalisations", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-resort-with-coconut-tree-leaves_23-2148249098.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -79,10 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="La Méthode GTM"
|
||||
description={[
|
||||
"Plus qu'un chantier, un projet orchestré.",
|
||||
"De l'étude technique à la finition parfaite, nous garantissons une logistique sans faille et une exécution artisanale digne des compagnons du devoir.",
|
||||
"Chaque détail est une promesse tenue.",
|
||||
]}
|
||||
"Plus qu'un chantier, un projet orchestré.", "De l'étude technique à la finition parfaite, nous garantissons une logistique sans faille et une exécution artisanale digne des compagnons du devoir.", "Chaque détail est une promesse tenue."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -93,34 +77,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Rénovation",
|
||||
title: "Prestige",
|
||||
items: [
|
||||
"Appartements haussmanniens",
|
||||
"Châteaux",
|
||||
"Patrimoine classé",
|
||||
],
|
||||
id: "f1", label: "Rénovation", title: "Prestige", items: [
|
||||
"Appartements haussmanniens", "Châteaux", "Patrimoine classé"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Construction",
|
||||
title: "Villa",
|
||||
items: [
|
||||
"Lignes épurées",
|
||||
"Matériaux nobles",
|
||||
"Performance thermique",
|
||||
],
|
||||
id: "f2", label: "Construction", title: "Villa", items: [
|
||||
"Lignes épurées", "Matériaux nobles", "Performance thermique"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Tertiaire",
|
||||
title: "Tertiaire",
|
||||
items: [
|
||||
"Bureaux modernes",
|
||||
"Infrastructures durables",
|
||||
"Normes environnementales",
|
||||
],
|
||||
id: "f3", label: "Tertiaire", title: "Tertiaire", items: [
|
||||
"Bureaux modernes", "Infrastructures durables", "Normes environnementales"],
|
||||
},
|
||||
]}
|
||||
title="Domaines d'Expertise"
|
||||
@@ -135,26 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Suivi Digital",
|
||||
description: "Accès temps réel via Procore",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086829.jpg",
|
||||
},
|
||||
id: "m1", value: "100%", title: "Suivi Digital", description: "Accès temps réel via Procore", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086829.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Disponibilité",
|
||||
description: "Interlocuteur unique dédié",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-villa-ephrussie-french-riviera-beauty-nature_1268-36319.jpg",
|
||||
},
|
||||
id: "m2", value: "24/7", title: "Disponibilité", description: "Interlocuteur unique dédié", imageSrc: "http://img.b2bpic.net/free-photo/romantic-villa-ephrussie-french-riviera-beauty-nature_1268-36319.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Excellence",
|
||||
description: "Finition haute couture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Excellence", description: "Finition haute couture", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg"},
|
||||
]}
|
||||
title="Notre Engagement"
|
||||
description="Des outils de suivi digital pour une transparence totale."
|
||||
@@ -169,47 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Palais Haussmannien",
|
||||
price: "Rénovation",
|
||||
variant: "Bordeaux",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-corner-building_1156-53.jpg",
|
||||
},
|
||||
id: "p1", name: "Palais Haussmannien", price: "Rénovation", variant: "Bordeaux", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-corner-building_1156-53.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Villa Contemporaine",
|
||||
price: "Construction",
|
||||
variant: "Cap Ferret",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756530.jpg",
|
||||
},
|
||||
id: "p2", name: "Villa Contemporaine", price: "Construction", variant: "Cap Ferret", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756530.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bureaux Paludate",
|
||||
price: "Tertiaire",
|
||||
variant: "Bordeaux",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317265.jpg",
|
||||
},
|
||||
id: "p3", name: "Bureaux Paludate", price: "Tertiaire", variant: "Bordeaux", imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317265.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Château XIXe",
|
||||
price: "Rénovation",
|
||||
variant: "Médoc",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface_23-2151214783.jpg",
|
||||
},
|
||||
id: "p4", name: "Château XIXe", price: "Rénovation", variant: "Médoc", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface_23-2151214783.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Villa Artiste",
|
||||
price: "Design",
|
||||
variant: "Bassin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-brown-gray-houses-pink-sky_181624-3252.jpg",
|
||||
},
|
||||
id: "p5", name: "Villa Artiste", price: "Design", variant: "Bassin", imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-brown-gray-houses-pink-sky_181624-3252.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Siège Social",
|
||||
price: "Tertiaire",
|
||||
variant: "Bordeaux",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-city-with-apartment-buildings-green-vegetation_23-2150439373.jpg",
|
||||
},
|
||||
id: "p6", name: "Siège Social", price: "Tertiaire", variant: "Bordeaux", imageSrc: "http://img.b2bpic.net/free-photo/view-city-with-apartment-buildings-green-vegetation_23-2150439373.jpg"},
|
||||
]}
|
||||
title="Réalisations Signature"
|
||||
description="La maîtrise parfaite de la pierre et du béton."
|
||||
@@ -221,32 +142,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Gerardin L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3831.jpg",
|
||||
},
|
||||
id: "1", name: "Gerardin L.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3831.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nina D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-businesswoman_23-2147702106.jpg",
|
||||
},
|
||||
id: "2", name: "Nina D.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-businesswoman_23-2147702106.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Aurélien S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg",
|
||||
},
|
||||
id: "3", name: "Aurélien S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marie B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
},
|
||||
id: "4", name: "Marie B.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jean-Luc P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-lady-jacket-white-pants-smiling-outside-lovely-woman-with-bright-lips-eyeglasses-outdoors_197531-19337.jpg",
|
||||
},
|
||||
id: "5", name: "Jean-Luc P.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-lady-jacket-white-pants-smiling-outside-lovely-woman-with-bright-lips-eyeglasses-outdoors_197531-19337.jpg"},
|
||||
]}
|
||||
cardTitle="La Confiance de nos Clients"
|
||||
cardTag="Clients"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -257,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Quel est votre processus de suivi ?",
|
||||
content: "Nous utilisons des plateformes digitales avancées offrant une transparence totale sur l'avancement, le budget et le planning de votre chantier.",
|
||||
},
|
||||
id: "q1", title: "Quel est votre processus de suivi ?", content: "Nous utilisons des plateformes digitales avancées offrant une transparence totale sur l'avancement, le budget et le planning de votre chantier."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Comment garantissez-vous la finition ?",
|
||||
content: "Nous collaborons avec des compagnons du devoir et des experts sélectionnés pour leur savoir-faire artisanal.",
|
||||
},
|
||||
id: "q2", title: "Comment garantissez-vous la finition ?", content: "Nous collaborons avec des compagnons du devoir et des experts sélectionnés pour leur savoir-faire artisanal."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Quelle zone couvrez-vous ?",
|
||||
content: "Nous sommes spécialistes de la région bordelaise et de la Gironde, avec une parfaite maîtrise du patrimoine local.",
|
||||
},
|
||||
id: "q3", title: "Quelle zone couvrez-vous ?", content: "Nous sommes spécialistes de la région bordelaise et de la Gironde, avec une parfaite maîtrise du patrimoine local."},
|
||||
]}
|
||||
title="Questions Fréquentes"
|
||||
description="L'exigence de la clarté."
|
||||
@@ -285,25 +183,14 @@ export default function LandingPage() {
|
||||
description="Un interlocuteur unique pour votre projet."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nom",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Nom"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Objet du projet",
|
||||
},
|
||||
name: "subject", type: "text", placeholder: "Objet du projet"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Décrivez votre projet ici...",
|
||||
}}
|
||||
name: "message", placeholder: "Décrivez votre projet ici..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445315.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -314,42 +201,27 @@ export default function LandingPage() {
|
||||
logoText="GTM Aquitaine"
|
||||
columns={[
|
||||
{
|
||||
title: "Entreprise",
|
||||
items: [
|
||||
title: "Entreprise", items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
label: "À propos", href: "#about"},
|
||||
{
|
||||
label: "Réalisations",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Réalisations", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Expertises",
|
||||
items: [
|
||||
title: "Expertises", items: [
|
||||
{
|
||||
label: "Rénovation",
|
||||
href: "#expertise",
|
||||
},
|
||||
label: "Rénovation", href: "#expertise"},
|
||||
{
|
||||
label: "Tertiaire",
|
||||
href: "#expertise",
|
||||
},
|
||||
label: "Tertiaire", href: "#expertise"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions Légales", href: "#"},
|
||||
{
|
||||
label: "CGV",
|
||||
href: "#",
|
||||
},
|
||||
label: "CGV", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user