// src/app/layout.tsx
import type { Metadata } from 'next';
import { Inter } from 'next/font/google';
import { cn } from '@/lib/utils';
import Header from '@/components/layout/Header';
import Footer from '@/components/layout/Footer';
import './globals.css';
const inter = Inter({
subsets: ['latin'],
variable: '--font-inter',
display: 'swap',
});
export const metadata: Metadata = {
title: {
default: 'MELHFA - Voiles Mauritaniens Premium',
template: '%s | MELHFA'
},
description: 'Découvrez l\'art mauritanien à travers nos voiles d\'exception, alliant tradition ancestrale et élégance contemporaine. Boutique en ligne de melhfa premium.',
keywords: [
'melhfa',
'voile mauritanien',
'melhfa traditionnelle',
'mode mauritanienne',
'artisanat mauritanien',
'melhfa premium',
'boutique en ligne mauritanie',
'nouakchott',
'voile africain'
],
authors: [{ name: 'MELHFA' }],
creator: 'MELHFA',
publisher: 'MELHFA',
formatDetection: {
email: false,
address: false,
telephone: false,
},
metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL || 'https://melhfa.com'),
alternates: {
canonical: '/',
},
openGraph: {
type: 'website',
locale: 'fr_FR',
url: '/',
siteName: 'MELHFA',
title: 'MELHFA - Voiles Mauritaniens Premium',
description: 'Découvrez l\'art mauritanien à travers nos voiles d\'exception, alliant tradition ancestrale et élégance contemporaine.',
images: [
{
url: '/images/og-image.jpg',
width: 1200,
height: 630,
alt: 'MELHFA - Voiles Mauritaniens Premium',
},
],
},
twitter: {
card: 'summary_large_image',
title: 'MELHFA - Voiles Mauritaniens Premium',
description: 'Découvrez l\'art mauritanien à travers nos voiles d\'exception, alliant tradition ancestrale et élégance contemporaine.',
images: ['/images/twitter-image.jpg'],
creator: '@melhfa',
},
robots: {
index: true,
follow: true,
googleBot: {
index: true,
follow: true,
'max-video-preview': -1,
'max-image-preview': 'large',
'max-snippet': -1,
},
},
verification: {
google: process.env.GOOGLE_VERIFICATION_ID,
},
};
interface RootLayoutProps {
children: React.ReactNode;
}
export default function RootLayout({ children }: RootLayoutProps): JSX.Element {
return (
{/* Preconnect pour optimiser les performances */}
{/* Favicon */}
{/* Theme color for mobile browsers */}
{/* Preload critical resources */}
{/* Skip to main content for accessibility */}
Aller au contenu principal
{/* Header */}
{/* Main Content */}
{children}
{/* Footer */}
{/* Scripts for analytics, etc. */}
{process.env.NODE_ENV === 'production' && (
<>
{/* Google Analytics */}
{process.env.NEXT_PUBLIC_GA_ID && (
<>
)}
{/* Facebook Pixel */}
{process.env.NEXT_PUBLIC_FB_PIXEL_ID && (
)}
)}
{/* Structured Data */}
);
}