Merge version_1 into main #2
@@ -28,9 +28,7 @@ export default function AboutPage() {
|
||||
items: [
|
||||
{ label: "Appeler : 03 89 75 44 13", href: "tel:+33389754413" },
|
||||
{
|
||||
label: "7 Rue d'Espagne, 68310 Wittelsheim",
|
||||
href: "https://maps.google.com/?q=7+Rue+d'Espagne+68310+Wittelsheim",
|
||||
},
|
||||
label: "7 Rue d'Espagne, 68310 Wittelsheim", href: "https://maps.google.com/?q=7+Rue+d'Espagne+68310+Wittelsheim"},
|
||||
{ label: "Contactez-nous", href: "/contact" },
|
||||
],
|
||||
},
|
||||
@@ -61,9 +59,7 @@ export default function AboutPage() {
|
||||
brandName="Comete"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Appeler : 03 89 75 44 13",
|
||||
href: "tel:+33389754413",
|
||||
}}
|
||||
text: "Appeler : 03 89 75 44 13", href: "tel:+33389754413"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -73,7 +69,7 @@ export default function AboutPage() {
|
||||
title="Notre Histoire et Notre Mission"
|
||||
description="Depuis 1998, Comete Construction Métallique est devenue une référence incontournable en Alsace. Fondée sur les principes de précision, de qualité et de réactivité, notre entreprise a grandi aux côtés de centaines de clients professionnels et particuliers. Nous ne nous contentons pas de fabriquer du métal : nous créons des solutions durables qui dépassent les attentes."
|
||||
tag="Qui sommes-nous"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/process-creating-new-metal-parts-busy-workshop-made-by-worker_613910-17216.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/process-creating-new-metal-parts-busy-workshop-made-by-worker_613910-17216.jpg"
|
||||
imageAlt="Atelier Comete - Construction métallique"
|
||||
buttons={[{ text: "Demander un devis", href: "/contact" }]}
|
||||
useInvertedBackground={false}
|
||||
@@ -87,34 +83,16 @@ export default function AboutPage() {
|
||||
tag="Engagements"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100%",
|
||||
title: "Qualité et Precision",
|
||||
items: [
|
||||
"Tolérance minimale",
|
||||
"Contrôle rigoureux",
|
||||
"Matériaux premium",
|
||||
],
|
||||
id: "1", value: "100%", title: "Qualité et Precision", items: [
|
||||
"Tolérance minimale", "Contrôle rigoureux", "Matériaux premium"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
title: "Réactivité et Disponibilité",
|
||||
items: [
|
||||
"Délais respectés",
|
||||
"Support rapide",
|
||||
"Planification flexible",
|
||||
],
|
||||
id: "2", value: "24/7", title: "Réactivité et Disponibilité", items: [
|
||||
"Délais respectés", "Support rapide", "Planification flexible"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "∞",
|
||||
title: "Engagement Long Terme",
|
||||
items: [
|
||||
"Relations durables",
|
||||
"Suivi après vente",
|
||||
"Garanties complètes",
|
||||
],
|
||||
id: "3", value: "∞", title: "Engagement Long Terme", items: [
|
||||
"Relations durables", "Suivi après vente", "Garanties complètes"],
|
||||
},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
|
||||
@@ -28,9 +28,7 @@ export default function ContactPage() {
|
||||
items: [
|
||||
{ label: "Appeler : 03 89 75 44 13", href: "tel:+33389754413" },
|
||||
{
|
||||
label: "7 Rue d'Espagne, 68310 Wittelsheim",
|
||||
href: "https://maps.google.com/?q=7+Rue+d'Espagne+68310+Wittelsheim",
|
||||
},
|
||||
label: "7 Rue d'Espagne, 68310 Wittelsheim", href: "https://maps.google.com/?q=7+Rue+d'Espagne+68310+Wittelsheim"},
|
||||
{ label: "Contactez-nous", href: "/contact" },
|
||||
],
|
||||
},
|
||||
@@ -61,9 +59,7 @@ export default function ContactPage() {
|
||||
brandName="Comete"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Appeler : 03 89 75 44 13",
|
||||
href: "tel:+33389754413",
|
||||
}}
|
||||
text: "Appeler : 03 89 75 44 13", href: "tel:+33389754413"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -85,41 +81,23 @@ export default function ContactPage() {
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Quels types de projets acceptez-vous ?",
|
||||
content:
|
||||
"Nous acceptons tous types de projets : fabrication métallique, structures, aménagements spécifiques et projets sur mesure. Pour professionnels, paysagistes, collectivités et particuliers. Contactez-nous pour discuter de votre projet spécifique.",
|
||||
},
|
||||
id: "1", title: "Quels types de projets acceptez-vous ?", content:
|
||||
"Nous acceptons tous types de projets : fabrication métallique, structures, aménagements spécifiques et projets sur mesure. Pour professionnels, paysagistes, collectivités et particuliers. Contactez-nous pour discuter de votre projet spécifique."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Quel est votre délai d'intervention ?",
|
||||
content:
|
||||
"Nous intervenons rapidement sur devis. La réactivité est notre priorité. Les délais dépendent de la complexité du projet. En général, nous proposons un devis sous 48 heures et débutons les travaux selon votre calendrier.",
|
||||
},
|
||||
id: "2", title: "Quel est votre délai d'intervention ?", content:
|
||||
"Nous intervenons rapidement sur devis. La réactivité est notre priorité. Les délais dépendent de la complexité du projet. En général, nous proposons un devis sous 48 heures et débutons les travaux selon votre calendrier."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Livrez-vous dans tout le Haut-Rhin ?",
|
||||
content:
|
||||
"Oui, nous desservons Wittelsheim et tout le Haut-Rhin. Nous intervenons également en Alsace. Délai de livraison dépendant de la distance.",
|
||||
},
|
||||
id: "3", title: "Livrez-vous dans tout le Haut-Rhin ?", content:
|
||||
"Oui, nous desservons Wittelsheim et tout le Haut-Rhin. Nous intervenons également en Alsace. Délai de livraison dépendant de la distance."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Comment se déroule un projet chez Comete ?",
|
||||
content:
|
||||
"Processus simple : 1) Appel ou demande de devis 2) Diagnostic et discussion de vos besoins 3) Devis précis et détaillé 4) Accord et programmation 5) Fabrication/installation professionnelle 6) Satisfaction client.",
|
||||
},
|
||||
id: "4", title: "Comment se déroule un projet chez Comete ?", content:
|
||||
"Processus simple : 1) Appel ou demande de devis 2) Diagnostic et discussion de vos besoins 3) Devis précis et détaillé 4) Accord et programmation 5) Fabrication/installation professionnelle 6) Satisfaction client."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Proposez-vous une garantie sur vos travaux ?",
|
||||
content:
|
||||
"Oui, tous nos travaux sont garantis. Nous utilisons des matériaux de qualité et notre main-d'œuvre est certifiée. Nous offrons une tranquillité d'esprit et un suivi après intervention.",
|
||||
},
|
||||
id: "5", title: "Proposez-vous une garantie sur vos travaux ?", content:
|
||||
"Oui, tous nos travaux sont garantis. Nous utilisons des matériaux de qualité et notre main-d'œuvre est certifiée. Nous offrons une tranquillité d'esprit et un suivi après intervention."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Comment demander un devis ?",
|
||||
content:
|
||||
"Appelez-nous au 03 89 75 44 13 ou utilisez notre formulaire de contact en ligne. Décrivez votre projet et nous vous recontacterons rapidement avec un devis détaillé et sans engagement.",
|
||||
},
|
||||
id: "6", title: "Comment demander un devis ?", content:
|
||||
"Appelez-nous au 03 89 75 44 13 ou utilisez notre formulaire de contact en ligne. Décrivez votre projet et nous vous recontacterons rapidement avec un devis détaillé et sans engagement."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-living-with-disability-answering-client-call-customer-service-wheelchair-user-with-physical-health-condition-working-helpline-support-helpdesk-operator-with-chronic-pain_482257-47208.jpg"
|
||||
imageAlt="Équipe Comete prête à répondre à vos questions"
|
||||
|
||||
@@ -5,30 +5,18 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const openSans = Open_Sans({
|
||||
variable: "--font-open-sans",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-open-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Comete - Construction Métallique Professionnelle Wittelsheim",
|
||||
description: "Expert en construction métallique, structures et aménagements à Wittelsheim. 20 ans d'expérience, équipe qualifiée, devis gratuit. Noté 4,7/5.",
|
||||
keywords: "construction métallique Wittelsheim, fabrication métallique Haut-Rhin, structures métalliques, escaliers métalliques, clôture Alsace",
|
||||
robots: {
|
||||
title: "Comete - Construction Métallique Professionnelle Wittelsheim", description: "Expert en construction métallique, structures et aménagements à Wittelsheim. 20 ans d'expérience, équipe qualifiée, devis gratuit. Noté 4,7/5.", keywords: "construction métallique Wittelsheim, fabrication métallique Haut-Rhin, structures métalliques, escaliers métalliques, clôture Alsace", robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
openGraph: {
|
||||
title: "Comete - Construction Métallique Wittelsheim",
|
||||
description: "Solutions de construction métallique professionnelles pour professionnels et particuliers. Expertise locale, qualité garantie.",
|
||||
type: "website",
|
||||
siteName: "Comete Construction Métallique",
|
||||
url: "https://comete-metallique.fr",
|
||||
},
|
||||
title: "Comete - Construction Métallique Wittelsheim", description: "Solutions de construction métallique professionnelles pour professionnels et particuliers. Expertise locale, qualité garantie.", type: "website", siteName: "Comete Construction Métallique", url: "https://comete-metallique.fr"},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Comete - Construction Métallique Professionnelle",
|
||||
description: "Expert en fabrication et structures métalliques à Wittelsheim. Devis gratuit, équipe qualifiée.",
|
||||
},
|
||||
card: "summary_large_image", title: "Comete - Construction Métallique Professionnelle", description: "Expert en fabrication et structures métalliques à Wittelsheim. Devis gratuit, équipe qualifiée."},
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
|
||||
249
src/app/page.tsx
249
src/app/page.tsx
@@ -16,7 +16,6 @@ import {
|
||||
Wrench,
|
||||
CheckCircle,
|
||||
Building2,
|
||||
Users,
|
||||
Sparkles,
|
||||
Lightbulb,
|
||||
} from "lucide-react";
|
||||
@@ -42,9 +41,7 @@ export default function HomePage() {
|
||||
items: [
|
||||
{ label: "Appeler : 03 89 75 44 13", href: "tel:+33389754413" },
|
||||
{
|
||||
label: "7 Rue d'Espagne, 68310 Wittelsheim",
|
||||
href: "https://maps.google.com/?q=7+Rue+d'Espagne+68310+Wittelsheim",
|
||||
},
|
||||
label: "7 Rue d'Espagne, 68310 Wittelsheim", href: "https://maps.google.com/?q=7+Rue+d'Espagne+68310+Wittelsheim"},
|
||||
{ label: "Contactez-nous", href: "/contact" },
|
||||
],
|
||||
},
|
||||
@@ -75,9 +72,7 @@ export default function HomePage() {
|
||||
brandName="Comete"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Appeler : 03 89 75 44 13",
|
||||
href: "tel:+33389754413",
|
||||
}}
|
||||
text: "Appeler : 03 89 75 44 13", href: "tel:+33389754413"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -88,17 +83,11 @@ export default function HomePage() {
|
||||
description="Structures métalliques durables et précises pour professionnels et particuliers. Expertise locale, réactivité, qualité garantie. Desservons le Haut-Rhin depuis 1998."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg",
|
||||
alt: "expert metalworker professional portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg", alt: "expert metalworker professional portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-two-builders_1398-1747.jpg",
|
||||
alt: "team workers construction professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-two-builders_1398-1747.jpg", alt: "team workers construction professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workman-wearing-har-hat-with-measuring-ruler-factory_1303-26639.jpg",
|
||||
alt: "craftsman metalwork skilled worker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/workman-wearing-har-hat-with-measuring-ruler-factory_1303-26639.jpg", alt: "craftsman metalwork skilled worker"},
|
||||
]}
|
||||
avatarText="Noté 4,7/5 par nos clients"
|
||||
buttons={[
|
||||
@@ -116,7 +105,7 @@ export default function HomePage() {
|
||||
title="Qui est Comete ?"
|
||||
description="Depuis plus de 20 ans, Comete est le partenaire de confiance pour vos projets de construction métallique en Alsace. Notre équipe dynamique et professionnelle maîtrise chaque aspect du métier : fabrication, structures, aménagements spécifiques et projets sur mesure. Nous travaillons avec des industriels, des paysagistes, des collectivités et des particuliers."
|
||||
tag="À propos"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/process-creating-new-metal-parts-busy-workshop-made-by-worker_613910-17216.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/process-creating-new-metal-parts-busy-workshop-made-by-worker_613910-17216.jpg"
|
||||
imageAlt="Atelier Comete - Construction métallique"
|
||||
buttons={[{ text: "Nos services", href: "/services" }]}
|
||||
useInvertedBackground={false}
|
||||
@@ -130,61 +119,35 @@ export default function HomePage() {
|
||||
tag="Expertise"
|
||||
features={[
|
||||
{
|
||||
title: "Fabrication Métallique",
|
||||
description:
|
||||
"Création de structures métalliques précises selon vos spécifications",
|
||||
bentoComponent: "3d-stack-cards",
|
||||
items: [
|
||||
title: "Fabrication Métallique", description:
|
||||
"Création de structures métalliques précises selon vos spécifications", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: Hammer,
|
||||
title: "Précision",
|
||||
subtitle: "Tolérance minimale",
|
||||
detail: "Travail soigné et détaillé",
|
||||
},
|
||||
title: "Précision", subtitle: "Tolérance minimale", detail: "Travail soigné et détaillé"},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Expertise",
|
||||
subtitle: "20+ ans",
|
||||
detail: "Équipe qualifiée et dynamique",
|
||||
},
|
||||
title: "Expertise", subtitle: "20+ ans", detail: "Équipe qualifiée et dynamique"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Qualité",
|
||||
subtitle: "Garantie",
|
||||
detail: "Tous projets acceptés",
|
||||
},
|
||||
title: "Qualité", subtitle: "Garantie", detail: "Tous projets acceptés"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Structures Métalliques",
|
||||
description:
|
||||
"Ossatures durables pour bâtiments et installations",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Structures Métalliques", description:
|
||||
"Ossatures durables pour bâtiments et installations", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Building2, label: "Bâtiments", value: "100+" },
|
||||
{ icon: Hammer, label: "Projets industriels", value: "250+" },
|
||||
{ icon: Users, label: "Clients satisfaits", value: "500+" },
|
||||
{ icon: CheckCircle, label: "Clients satisfaits", value: "500+" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Aménagements Spécifiques",
|
||||
description: "Solutions sur mesure pour vos besoins particuliers",
|
||||
bentoComponent: "marquee",
|
||||
centerIcon: Sparkles,
|
||||
variant: "text",
|
||||
texts: [
|
||||
"Rampes et escaliers",
|
||||
"Garde-corps et clôtures",
|
||||
"Portes et menuiseries",
|
||||
"Aménagements paysagers",
|
||||
],
|
||||
title: "Aménagements Spécifiques", description: "Solutions sur mesure pour vos besoins particuliers", bentoComponent: "marquee", centerIcon: Sparkles,
|
||||
variant: "text", texts: [
|
||||
"Rampes et escaliers", "Garde-corps et clôtures", "Portes et menuiseries", "Aménagements paysagers"],
|
||||
},
|
||||
{
|
||||
title: "Projets Sur Mesure",
|
||||
description:
|
||||
"Réalisation de vos idées les plus créatives",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Lightbulb,
|
||||
title: "Projets Sur Mesure", description:
|
||||
"Réalisation de vos idées les plus créatives", bentoComponent: "reveal-icon", icon: Lightbulb,
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -201,49 +164,21 @@ export default function HomePage() {
|
||||
tag="Galerie"
|
||||
products={[
|
||||
{
|
||||
id: "proj-1",
|
||||
brand: "Comete",
|
||||
name: "Ossature Métallique - Extension Industrielle",
|
||||
price: "Projet réussi",
|
||||
rating: 5,
|
||||
reviewCount: "Client satisfait",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/wide-shot-huge-metal-structure-building-with-clear-blue-sky_181624-13576.jpg?_wi=1",
|
||||
imageAlt: "Ossature métallique industrielle",
|
||||
},
|
||||
id: "proj-1", brand: "Comete", name: "Ossature Métallique - Extension Industrielle", price: "Projet réussi", rating: 5,
|
||||
reviewCount: "Client satisfait", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/wide-shot-huge-metal-structure-building-with-clear-blue-sky_181624-13576.jpg", imageAlt: "Ossature métallique industrielle"},
|
||||
{
|
||||
id: "proj-2",
|
||||
brand: "Comete",
|
||||
name: "Escalier et Rampe Paysager",
|
||||
price: "Projet réussi",
|
||||
rating: 5,
|
||||
reviewCount: "Client satisfait",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/looking-up-through-history-elegant-staircase-old-building_169016-69867.jpg?_wi=1",
|
||||
imageAlt: "Escalier et rampe métalliques",
|
||||
},
|
||||
id: "proj-2", brand: "Comete", name: "Escalier et Rampe Paysager", price: "Projet réussi", rating: 5,
|
||||
reviewCount: "Client satisfait", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/looking-up-through-history-elegant-staircase-old-building_169016-69867.jpg", imageAlt: "Escalier et rampe métalliques"},
|
||||
{
|
||||
id: "proj-3",
|
||||
brand: "Comete",
|
||||
name: "Clôture et Portail Personnalisés",
|
||||
price: "Projet réussi",
|
||||
rating: 5,
|
||||
reviewCount: "Client satisfait",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/metal-fence-front-building-tall-green-tree_181624-9036.jpg?_wi=1",
|
||||
imageAlt: "Clôture portail métallique",
|
||||
},
|
||||
id: "proj-3", brand: "Comete", name: "Clôture et Portail Personnalisés", price: "Projet réussi", rating: 5,
|
||||
reviewCount: "Client satisfait", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/metal-fence-front-building-tall-green-tree_181624-9036.jpg", imageAlt: "Clôture portail métallique"},
|
||||
{
|
||||
id: "proj-4",
|
||||
brand: "Comete",
|
||||
name: "Pergola Métallique Design",
|
||||
price: "Projet réussi",
|
||||
rating: 5,
|
||||
reviewCount: "Client satisfait",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/low-angle-shot-white-wooden-garden-arch_181624-18297.jpg?_wi=1",
|
||||
imageAlt: "Pergola métallique",
|
||||
},
|
||||
id: "proj-4", brand: "Comete", name: "Pergola Métallique Design", price: "Projet réussi", rating: 5,
|
||||
reviewCount: "Client satisfait", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/low-angle-shot-white-wooden-garden-arch_181624-18297.jpg", imageAlt: "Pergola métallique"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -260,65 +195,29 @@ export default function HomePage() {
|
||||
tag="Avis clients"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Michel Dupont",
|
||||
handle: "Entreprise Dupont Paysage",
|
||||
testimonial:
|
||||
"Travail sérieux, équipe professionnelle et dynamique. Résultats soignés et relation client agréable. Comete est notre partenaire de confiance.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageAlt: "Michel Dupont",
|
||||
},
|
||||
id: "1", name: "Michel Dupont", handle: "Entreprise Dupont Paysage", testimonial:
|
||||
"Travail sérieux, équipe professionnelle et dynamique. Résultats soignés et relation client agréable. Comete est notre partenaire de confiance.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michel Dupont"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sylvain Martin",
|
||||
handle: "Collectivité Wittelsheim",
|
||||
testimonial:
|
||||
"Excellente qualité d'exécution. L'équipe de Comete comprend rapidement nos besoins et livre dans les délais. Très recommandé.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=1",
|
||||
imageAlt: "Sylvain Martin",
|
||||
},
|
||||
id: "2", name: "Sylvain Martin", handle: "Collectivité Wittelsheim", testimonial:
|
||||
"Excellente qualité d'exécution. L'équipe de Comete comprend rapidement nos besoins et livre dans les délais. Très recommandé.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg", imageAlt: "Sylvain Martin"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anne Leblanc",
|
||||
handle: "Particulier, Projet Maison",
|
||||
testimonial:
|
||||
"Réactivité remarquable et professionnalisme irréprochable. Mon projet métallique a dépassé mes attentes. Merci à l'équipe Comete.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/my-big-dream-is-working-big-company_329181-11421.jpg",
|
||||
imageAlt: "Anne Leblanc",
|
||||
},
|
||||
id: "3", name: "Anne Leblanc", handle: "Particulier, Projet Maison", testimonial:
|
||||
"Réactivité remarquable et professionnalisme irréprochable. Mon projet métallique a dépassé mes attentes. Merci à l'équipe Comete.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/my-big-dream-is-working-big-company_329181-11421.jpg", imageAlt: "Anne Leblanc"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pierre Schneider",
|
||||
handle: "Industriel Local",
|
||||
testimonial:
|
||||
"Partenaire fiable pour nos besoins en fabrication métallique. Délais respectés, qualité garantie, prix juste. Je recommande vivement.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=2",
|
||||
imageAlt: "Pierre Schneider",
|
||||
},
|
||||
id: "4", name: "Pierre Schneider", handle: "Industriel Local", testimonial:
|
||||
"Partenaire fiable pour nos besoins en fabrication métallique. Délais respectés, qualité garantie, prix juste. Je recommande vivement.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg", imageAlt: "Pierre Schneider"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Claire Moreau",
|
||||
handle: "Architecte, Projet Public",
|
||||
testimonial:
|
||||
"Comete maîtrise les projets complexes avec une précision impressionnante. Leur expertise technique est incontournable pour les structures haut de gamme.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/freelancing-was-best-idea-my-career_329181-11588.jpg",
|
||||
imageAlt: "Claire Moreau",
|
||||
},
|
||||
id: "5", name: "Claire Moreau", handle: "Architecte, Projet Public", testimonial:
|
||||
"Comete maîtrise les projets complexes avec une précision impressionnante. Leur expertise technique est incontournable pour les structures haut de gamme.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/freelancing-was-best-idea-my-career_329181-11588.jpg", imageAlt: "Claire Moreau"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Laurent Gross",
|
||||
handle: "PME Alsacienne",
|
||||
testimonial:
|
||||
"Depuis 5 ans, Comete nous accompagne dans tous nos projets métalliques. Sérieux, compétence et réactivité. Un partenaire incontournable.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
imageAlt: "Laurent Gross",
|
||||
},
|
||||
id: "6", name: "Laurent Gross", handle: "PME Alsacienne", testimonial:
|
||||
"Depuis 5 ans, Comete nous accompagne dans tous nos projets métalliques. Sérieux, compétence et réactivité. Un partenaire incontournable.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", imageAlt: "Laurent Gross"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -334,22 +233,13 @@ export default function HomePage() {
|
||||
tag="Succès"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "20+",
|
||||
title: "Années d'expertise en construction métallique",
|
||||
items: ["Depuis 1998", "Équipe stable et fiable", "Savoir-faire éprouvé"],
|
||||
id: "1", value: "20+", title: "Années d'expertise en construction métallique", items: ["Depuis 1998", "Équipe stable et fiable", "Savoir-faire éprouvé"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
title: "Clients satisfaits dans le Haut-Rhin et Alsace",
|
||||
items: ["Note moyenne 4,7/5", "Relation durable", "Recommandés par nos clients"],
|
||||
id: "2", value: "500+", title: "Clients satisfaits dans le Haut-Rhin et Alsace", items: ["Note moyenne 4,7/5", "Relation durable", "Recommandés par nos clients"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "1000+",
|
||||
title: "Projets réalisés avec succès",
|
||||
items: ["Qualité constante", "Délais respectés", "Solutions adaptées"],
|
||||
id: "3", value: "1000+", title: "Projets réalisés avec succès", items: ["Qualité constante", "Délais respectés", "Solutions adaptées"],
|
||||
},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
@@ -359,6 +249,41 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Quels types de projets acceptez-vous ?", content:
|
||||
"Nous acceptons tous types de projets : fabrication métallique, structures, aménagements spécifiques et projets sur mesure. Pour professionnels, paysagistes, collectivités et particuliers. Contactez-nous pour discuter de votre projet spécifique."},
|
||||
{
|
||||
id: "2", title: "Quel est votre délai d'intervention ?", content:
|
||||
"Nous intervenons rapidement sur devis. La réactivité est notre priorité. Les délais dépendent de la complexité du projet. En général, nous proposons un devis sous 48 heures et débutons les travaux selon votre calendrier."},
|
||||
{
|
||||
id: "3", title: "Livrez-vous dans tout le Haut-Rhin ?", content:
|
||||
"Oui, nous desservons Wittelsheim et tout le Haut-Rhin. Nous intervenons également en Alsace. Délai de livraison dépendant de la distance."},
|
||||
{
|
||||
id: "4", title: "Comment se déroule un projet chez Comete ?", content:
|
||||
"Processus simple : 1) Appel ou demande de devis 2) Diagnostic et discussion de vos besoins 3) Devis précis et détaillé 4) Accord et programmation 5) Fabrication/installation professionnelle 6) Satisfaction client."},
|
||||
{
|
||||
id: "5", title: "Proposez-vous une garantie sur vos travaux ?", content:
|
||||
"Oui, tous nos travaux sont garantis. Nous utilisons des matériaux de qualité et notre main-d'œuvre est certifiée. Nous offrons une tranquillité d'esprit et un suivi après intervention."},
|
||||
{
|
||||
id: "6", title: "Comment demander un devis ?", content:
|
||||
"Appelez-nous au 03 89 75 44 13 ou utilisez notre formulaire de contact en ligne. Décrivez votre projet et nous vous recontacterons rapidement avec un devis détaillé et sans engagement."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-living-with-disability-answering-client-call-customer-service-wheelchair-user-with-physical-health-condition-working-helpline-support-helpdesk-operator-with-chronic-pain_482257-47208.jpg"
|
||||
imageAlt="Équipe Comete prête à répondre à vos questions"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="left"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Questions Fréquentes"
|
||||
description="Réponses à vos questions sur nos services et processus"
|
||||
tag="Aide"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Comete"
|
||||
|
||||
@@ -6,7 +6,7 @@ import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import Link from "next/link";
|
||||
import { Building2, Award, MapPin } from "lucide-react";
|
||||
import { Building2, Award, MapPin, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function PortfolioPage() {
|
||||
const navItems = [
|
||||
@@ -29,9 +29,7 @@ export default function PortfolioPage() {
|
||||
items: [
|
||||
{ label: "Appeler : 03 89 75 44 13", href: "tel:+33389754413" },
|
||||
{
|
||||
label: "7 Rue d'Espagne, 68310 Wittelsheim",
|
||||
href: "https://maps.google.com/?q=7+Rue+d'Espagne+68310+Wittelsheim",
|
||||
},
|
||||
label: "7 Rue d'Espagne, 68310 Wittelsheim", href: "https://maps.google.com/?q=7+Rue+d'Espagne+68310+Wittelsheim"},
|
||||
{ label: "Contactez-nous", href: "/contact" },
|
||||
],
|
||||
},
|
||||
@@ -62,9 +60,7 @@ export default function PortfolioPage() {
|
||||
brandName="Comete"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Appeler : 03 89 75 44 13",
|
||||
href: "tel:+33389754413",
|
||||
}}
|
||||
text: "Appeler : 03 89 75 44 13", href: "tel:+33389754413"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -76,49 +72,21 @@ export default function PortfolioPage() {
|
||||
tag="Galerie"
|
||||
products={[
|
||||
{
|
||||
id: "proj-1",
|
||||
brand: "Comete",
|
||||
name: "Ossature Métallique - Extension Industrielle",
|
||||
price: "Projet réussi",
|
||||
rating: 5,
|
||||
reviewCount: "Client satisfait",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/wide-shot-huge-metal-structure-building-with-clear-blue-sky_181624-13576.jpg?_wi=2",
|
||||
imageAlt: "Ossature métallique industrielle",
|
||||
},
|
||||
id: "proj-1", brand: "Comete", name: "Ossature Métallique - Extension Industrielle", price: "Projet réussi", rating: 5,
|
||||
reviewCount: "Client satisfait", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/wide-shot-huge-metal-structure-building-with-clear-blue-sky_181624-13576.jpg", imageAlt: "Ossature métallique industrielle"},
|
||||
{
|
||||
id: "proj-2",
|
||||
brand: "Comete",
|
||||
name: "Escalier et Rampe Paysager",
|
||||
price: "Projet réussi",
|
||||
rating: 5,
|
||||
reviewCount: "Client satisfait",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/looking-up-through-history-elegant-staircase-old-building_169016-69867.jpg?_wi=2",
|
||||
imageAlt: "Escalier et rampe métalliques",
|
||||
},
|
||||
id: "proj-2", brand: "Comete", name: "Escalier et Rampe Paysager", price: "Projet réussi", rating: 5,
|
||||
reviewCount: "Client satisfait", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/looking-up-through-history-elegant-staircase-old-building_169016-69867.jpg", imageAlt: "Escalier et rampe métalliques"},
|
||||
{
|
||||
id: "proj-3",
|
||||
brand: "Comete",
|
||||
name: "Clôture et Portail Personnalisés",
|
||||
price: "Projet réussi",
|
||||
rating: 5,
|
||||
reviewCount: "Client satisfait",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/metal-fence-front-building-tall-green-tree_181624-9036.jpg?_wi=2",
|
||||
imageAlt: "Clôture portail métallique",
|
||||
},
|
||||
id: "proj-3", brand: "Comete", name: "Clôture et Portail Personnalisés", price: "Projet réussi", rating: 5,
|
||||
reviewCount: "Client satisfait", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/metal-fence-front-building-tall-green-tree_181624-9036.jpg", imageAlt: "Clôture portail métallique"},
|
||||
{
|
||||
id: "proj-4",
|
||||
brand: "Comete",
|
||||
name: "Pergola Métallique Design",
|
||||
price: "Projet réussi",
|
||||
rating: 5,
|
||||
reviewCount: "Client satisfait",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/low-angle-shot-white-wooden-garden-arch_181624-18297.jpg?_wi=2",
|
||||
imageAlt: "Pergola métallique",
|
||||
},
|
||||
id: "proj-4", brand: "Comete", name: "Pergola Métallique Design", price: "Projet réussi", rating: 5,
|
||||
reviewCount: "Client satisfait", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/low-angle-shot-white-wooden-garden-arch_181624-18297.jpg", imageAlt: "Pergola métallique"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -135,54 +103,31 @@ export default function PortfolioPage() {
|
||||
tag="Portfolio"
|
||||
features={[
|
||||
{
|
||||
title: "Structures Industrielles",
|
||||
description:
|
||||
"Projets de grande ampleur pour industries et manufactures",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Structures Industrielles", description:
|
||||
"Projets de grande ampleur pour industries et manufactures", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Building2, label: "Bâtiments", value: "100+" },
|
||||
{ icon: Award, label: "Qualité certifiée", value: "ISO" },
|
||||
{ icon: MapPin, label: "Régions couvertes", value: "5+" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Projets Résidentiels",
|
||||
description:
|
||||
"Rénovations et créations pour maisons particulières",
|
||||
bentoComponent: "marquee",
|
||||
centerIcon: MapPin,
|
||||
variant: "text",
|
||||
texts: [
|
||||
"Escaliers design",
|
||||
"Garde-corps",
|
||||
"Portails personnalisés",
|
||||
"Aménagements jardins",
|
||||
],
|
||||
title: "Projets Résidentiels", description:
|
||||
"Rénovations et créations pour maisons particulières", bentoComponent: "marquee", centerIcon: MapPin,
|
||||
variant: "text", texts: [
|
||||
"Escaliers design", "Garde-corps", "Portails personnalisés", "Aménagements jardins"],
|
||||
},
|
||||
{
|
||||
title: "Projets Collectifs",
|
||||
description:
|
||||
"Installations pour collectivités, écoles et bâtiments publics",
|
||||
bentoComponent: "3d-stack-cards",
|
||||
items: [
|
||||
title: "Projets Collectifs", description:
|
||||
"Installations pour collectivités, écoles et bâtiments publics", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Public",
|
||||
subtitle: "Collectivités",
|
||||
detail: "Bâtiments publics et écoles",
|
||||
},
|
||||
title: "Public", subtitle: "Collectivités", detail: "Bâtiments publics et écoles"},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Expertise",
|
||||
subtitle: "Normes",
|
||||
detail: "Respect des normes de sécurité",
|
||||
},
|
||||
icon: CheckCircle,
|
||||
title: "Expertise", subtitle: "Normes", detail: "Respect des normes de sécurité"},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Succès",
|
||||
subtitle: "Satisfaction",
|
||||
detail: "100% de projets livrés",
|
||||
},
|
||||
title: "Succès", subtitle: "Satisfaction", detail: "100% de projets livrés"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -11,7 +11,6 @@ import {
|
||||
Wrench,
|
||||
CheckCircle,
|
||||
Building2,
|
||||
Users,
|
||||
Sparkles,
|
||||
Lightbulb,
|
||||
Shield,
|
||||
@@ -42,9 +41,7 @@ export default function ServicesPage() {
|
||||
items: [
|
||||
{ label: "Appeler : 03 89 75 44 13", href: "tel:+33389754413" },
|
||||
{
|
||||
label: "7 Rue d'Espagne, 68310 Wittelsheim",
|
||||
href: "https://maps.google.com/?q=7+Rue+d'Espagne+68310+Wittelsheim",
|
||||
},
|
||||
label: "7 Rue d'Espagne, 68310 Wittelsheim", href: "https://maps.google.com/?q=7+Rue+d'Espagne+68310+Wittelsheim"},
|
||||
{ label: "Contactez-nous", href: "/contact" },
|
||||
],
|
||||
},
|
||||
@@ -75,9 +72,7 @@ export default function ServicesPage() {
|
||||
brandName="Comete"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Appeler : 03 89 75 44 13",
|
||||
href: "tel:+33389754413",
|
||||
}}
|
||||
text: "Appeler : 03 89 75 44 13", href: "tel:+33389754413"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -89,55 +84,32 @@ export default function ServicesPage() {
|
||||
tag="Expertise"
|
||||
features={[
|
||||
{
|
||||
title: "Fabrication Métallique Précise",
|
||||
description:
|
||||
"Création de structures métalliques avec des tolérances minimales et un contrôle qualité rigoureux",
|
||||
bentoComponent: "3d-stack-cards",
|
||||
items: [
|
||||
title: "Fabrication Métallique Précise", description:
|
||||
"Création de structures métalliques avec des tolérances minimales et un contrôle qualité rigoureux", bentoComponent: "3d-stack-cards", items: [
|
||||
{
|
||||
icon: Hammer,
|
||||
title: "Précision",
|
||||
subtitle: "Tolérance minimale",
|
||||
detail: "Travail soigné et détaillé",
|
||||
},
|
||||
title: "Précision", subtitle: "Tolérance minimale", detail: "Travail soigné et détaillé"},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Expertise",
|
||||
subtitle: "20+ ans",
|
||||
detail: "Équipe qualifiée et dynamique",
|
||||
},
|
||||
title: "Expertise", subtitle: "20+ ans", detail: "Équipe qualifiée et dynamique"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Qualité",
|
||||
subtitle: "Garantie",
|
||||
detail: "Tous projets acceptés",
|
||||
},
|
||||
title: "Qualité", subtitle: "Garantie", detail: "Tous projets acceptés"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Structures Métalliques Industrielles",
|
||||
description:
|
||||
"Ossatures durables pour bâtiments, usines et installations complexes",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Structures Métalliques Industrielles", description:
|
||||
"Ossatures durables pour bâtiments, usines et installations complexes", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Building2, label: "Bâtiments", value: "100+" },
|
||||
{ icon: Briefcase, label: "Projets industriels", value: "250+" },
|
||||
{ icon: Users, label: "Clients satisfaits", value: "500+" },
|
||||
{ icon: CheckCircle, label: "Clients satisfaits", value: "500+" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solutions Personnalisées",
|
||||
description:
|
||||
"Aménagements sur mesure adaptés à vos besoins spécifiques",
|
||||
bentoComponent: "marquee",
|
||||
centerIcon: Sparkles,
|
||||
variant: "text",
|
||||
texts: [
|
||||
"Rampes et escaliers",
|
||||
"Garde-corps et clôtures",
|
||||
"Portes et menuiseries",
|
||||
"Aménagements paysagers",
|
||||
],
|
||||
title: "Solutions Personnalisées", description:
|
||||
"Aménagements sur mesure adaptés à vos besoins spécifiques", bentoComponent: "marquee", centerIcon: Sparkles,
|
||||
variant: "text", texts: [
|
||||
"Rampes et escaliers", "Garde-corps et clôtures", "Portes et menuiseries", "Aménagements paysagers"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -154,26 +126,14 @@ export default function ServicesPage() {
|
||||
tag="Avantages"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "98%",
|
||||
title: "Taux de satisfaction client",
|
||||
items: [
|
||||
"Qualité garantie",
|
||||
"Délais respectés",
|
||||
"Support permanent",
|
||||
],
|
||||
id: "1", value: "98%", title: "Taux de satisfaction client", items: [
|
||||
"Qualité garantie", "Délais respectés", "Support permanent"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24h",
|
||||
title: "Délai de réponse moyen",
|
||||
items: ["Réactivité", "Disponibilité", "Professionnalisme"],
|
||||
id: "2", value: "24h", title: "Délai de réponse moyen", items: ["Réactivité", "Disponibilité", "Professionnalisme"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "7j/7",
|
||||
title: "Assistance client disponible",
|
||||
items: ["Support technique", "Conseils d'experts", "Suivi projet"],
|
||||
id: "3", value: "7j/7", title: "Assistance client disponible", items: ["Support technique", "Conseils d'experts", "Suivi projet"],
|
||||
},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
|
||||
Reference in New Issue
Block a user