Outiref

Code source de l'URL : https://cuirdeluxe.fr

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="Cuir Deluxe : Boutique en ligne de produits en cuir haut de gamme pour mobilier et accessoires. Canapés, fauteuils club, sacs de voyage, ceintures et marqueterie en cuir pleine fleur, croûte ou vegan.">

    <!-- SEO: OpenGraph Tags -->
    <meta property="og:title" content="Cuir Deluxe - Mobilier et Accessoires en Cuir de Luxe">
    <meta property="og:description" content="Explorez notre collection exclusive de produits en cuir : canapés, fauteuils, sacs de voyage, ceintures et marqueterie. Qualité artisanale garantie.">
    <meta property="og:image" content="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80">
    <meta property="og:url" content="https://cuirdeluxe.fr/">
    <meta property="og:type" content="website">

    <!-- SEO: Twitter Cards -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Cuir Deluxe - Mobilier et Accessoires en Cuir de Luxe">
    <meta name="twitter:description" content="Explorez notre collection exclusive de produits en cuir : canapés, fauteuils, sacs de voyage, ceintures et marqueterie. Qualité artisanale garantie.">
    <meta name="twitter:image" content="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80">

    <!-- Performance: Preconnect et Preload -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;600&display=swap">
    <link rel="preload" as="image" href="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80">

    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;600&display=swap" rel="stylesheet">

    <!-- SEO: JSON-LD Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Cuir Deluxe",
      "url": "https://cuirdeluxe.fr",
      "description": "Boutique en ligne de produits en cuir de haute qualité : mobilier (canapés, fauteuils), maroquinerie et accessoires.",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://cuirdeluxe.fr/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "sameAs": [
        "https://twitter.com/cuirdeluxe",
        "https://facebook.com/cuirdeluxe"
      ]
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Cuir Deluxe",
      "url": "https://cuirdeluxe.fr",
      "logo": "https://cuirdeluxe.fr/logo.png",
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+33-1-23-45-67-89",
        "contactType": "customer service",
        "email": "contact@cuirdeluxe.fr"
      },
      "sameAs": [
        "https://twitter.com/cuirdeluxe",
        "https://facebook.com/cuirdeluxe"
      ]
    }
    </script>
    <script type="application/ld+json">
    [
      {
        "@context": "https://schema.org",
        "@type": "Product",
        "name": "Canapés en Cuir Pleine Fleur",
        "image": "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80",
        "description": "Canapés en cuir pleine fleur, conçus pour un confort et une élégance incomparables.",
        "brand": {
          "@type": "Brand",
          "name": "Cuir Deluxe"
        },
        "sku": "CD-CANAPE-001",
        "offers": {
          "@type": "Offer",
          "url": "https://cuirdeluxe.fr/produits/canapes",
          "priceCurrency": "EUR",
          "price": "2500.00",
          "availability": "https://schema.org/InStock"
        }
      },
      {
        "@context": "https://schema.org",
        "@type": "Product",
        "name": "Fauteuils Club en Cuir",
        "image": "https://images.unsplash.com/photo-1594026118704-844f5a5d74b7?ixlib=rb-4.0.3&auto=format&fit=crop&w=300&q=80",
        "description": "Fauteuils club en cuir cognac, alliant style intemporel et confort.",
        "brand": {
          "@type": "Brand",
          "name": "Cuir Deluxe"
        },
        "sku": "CD-FAUTEUIL-001",
        "offers": {
          "@type": "Offer",
          "url": "https://cuirdeluxe.fr/produits/fauteuils",
          "priceCurrency": "EUR",
          "price": "1200.00",
          "availability": "https://schema.org/InStock"
        }
      },
      {
        "@context": "https://schema.org",
        "@type": "Product",
        "name": "Sacs de Voyage en Cuir",
        "image": "https://images.unsplash.com/photo-1600585154526-990dced4db0d?ixlib=rb-4.0.3&auto=format&fit=crop&w=300&q=80",
        "description": "Sacs de voyage en cuir noir robuste, parfaits pour les aventuriers élégants.",
        "brand": {
          "@type": "Brand",
          "name": "Cuir Deluxe"
        },
        "sku": "CD-SAC-001",
        "offers": {
          "@type": "Offer",
          "url": "https://cuirdeluxe.fr/produits/sacs-voyage",
          "priceCurrency": "EUR",
          "price": "450.00",
          "availability": "https://schema.org/InStock"
        }
      }
    ]
    </script>

    <title>Cuir Deluxe - Mobilier et Accessoires en Cuir de Luxe</title>
    <style>
        body{font-family:'Montserrat',sans-serif;margin:0;padding:0;background:#f5f1eb;color:#4a3c31;}
        h1,h2,h3{font-family:'Playfair Display',serif;color:#2b1f15;}
        header{background:#3b2f2f;color:white;padding:15px;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100;}
        .header-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 15px;}
        .logo{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;letter-spacing:1px;}
        nav{display:none;}
        nav.active{display:block;position:absolute;top:60px;left:0;width:100%;background:#3b2f2f;padding:15px;}
        nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;}
        nav ul li{margin:10px 0;}
        nav ul li a{color:#e0c8a0;text-decoration:none;font-weight:600;font-size:16px;padding:10px;display:block;min-height:44px;}
        nav ul li a:hover{color:white;}
        .hamburger{display:none;cursor:pointer;padding:10px;}
        .hamburger div{width:25px;height:3px;background:white;margin:5px 0;}
        .hero{height:500px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:white;}
        .carousel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;transition:transform 0.5s ease-in-out;}
        .carousel-slide{flex:0 0 100%;height:100%;background-size:cover;background-position:center;}
        .carousel-slide::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(43,31,21,0.4);}
        .hero-content{position:relative;z-index:1;padding:30px;max-width:90%;}
        .hero h1{font-size:36px;margin-bottom:15px;letter-spacing:1.5px;}
        .hero p{font-size:18px;margin-bottom:30px;font-weight:300;}
        .btn{background:#d4a373;color:white;padding:12px 30px;text-decoration:none;border-radius:0;font-weight:600;letter-spacing:1px;font-size:16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.3s;}
        .btn:hover{background:#b88b5e;}
        .section{max-width:1400px;margin:40px auto;padding:0 15px;}
        .section h2{text-align:center;margin-bottom:30px;font-size:32px;letter-spacing:1.2px;}
        .products-moodboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;justify-content:center;}
        .product-tile{background:white;border-radius:0;overflow:hidden;position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;}
        .product-tile:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12);}
        .product-tile img{width:100%;height:auto;display:block;aspect-ratio:3/4;}
        .product-info{padding:15px;text-align:center;}
        .product-info h3{font-size:20px;margin-bottom:10px;}
        .product-info p{font-size:14px;font-weight:300;margin-bottom:15px;}
        .product-tile.large{grid-column:span 2;grid-row:span 2;}
        .product-tile.medium{grid-row:span 1.5;}
        .education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;}
        .education-card{background:white;padding:20px;border-radius:0;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:transform 0.3s;}
        .education-card:hover{transform:translateY(-5px);}
        .education-card h3{font-size:22px;margin-bottom:10px;}
        .education-card p{font-weight:300;font-size:14px;line-height:1.5;}
        footer{background:#3b2f2f;color:#e0c8a0;padding:30px 15px;text-align:center;}
        .footer-container{display:flex;justify-content:space-around;max-width:1400px;margin:0 auto 20px;}
        .footer-section{flex:1;padding:10px;}
        .footer-section h4{font-family:'Playfair Display',serif;font-size:18px;margin-bottom:10px;}
        .footer-section ul{list-style:none;padding:0;}
        .footer-section ul li{margin-bottom:8px;}
        .footer-section ul li a{color:#e0c8a0;text-decoration:none;font-size:14px;padding:8px;display:block;min-height:44px;}
        .footer-section ul li a:hover{color:white;}
        @media (max-width:768px){
            .header-container{justify-content:space-between;}
            .logo{font-size:20px;}
            .hamburger{display:block;}
            nav ul li a{font-size:14px;}
            .hero{height:400px;}
            .hero h1{font-size:28px;}
            .hero p{font-size:16px;}
            .btn{padding:10px 20px;font-size:14px;}
            .products-moodboard{grid-template-columns:1fr;}
            .product-tile.large{grid-column:span 1;grid-row:span 1;}
            .product-tile.medium{grid-row:span 1;}
            .section h2{font-size:28px;}
            .footer-container{flex-direction:column;}
            .footer-section{margin-bottom:20px;}
        }
        @media (max-width:480px){
            .hero{height:300px;}
            .hero h1{font-size:24px;}
            .hero p{font-size:14px;}
            .btn{padding:8px 15px;font-size:12px;}
            .section h2{font-size:24px;}
            .product-info h3{font-size:18px;}
            .product-info p{font-size:12px;}
            .education-card h3{font-size:20px;}
            .education-card p{font-size:12px;}
        }
    </style>
</head>
<body>

    <!-- Header -->
    <header>
        <div class="header-container">
            <div class="logo">Cuir Deluxe</div>
            <div class="hamburger" role="button" aria-label="Ouvrir le menu" onclick="toggleMenu()">
                <div></div>
                <div></div>
                <div></div>
            </div>
            <nav id="nav-menu">
                <ul>
                    <li><a href="#accueil">Accueil</a></li>
                    <li><a href="#produits">Produits</a></li>
                    <li><a href="#education">Le Cuir</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- Hero Section avec Carrousel -->
    <section class="hero" aria-label="Présentation des produits en cuir de luxe">
        <div class="carousel" aria-live="polite">
            <div class="carousel-slide" style="background-image: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');"></div>
            <div class="carousel-slide" style="background-image: url('https://images.unsplash.com/photo-1600585154526-990dced4db0d?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');"></div>
            <div class="carousel-slide" style="background-image: url('https://images.unsplash.com/photo-1594026118704-844f5a5d74b7?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80');"></div>
        </div>
        <div class="hero-content">
            <h1>L'Élégance du Cuir Authentique</h1>
            <p>Découvrez notre collection exclusive de produits en cuir de haute qualité, conçus pour sublimer votre quotidien.</p>
            <a href="#produits" class="btn">Explorer la Collection</a>
        </div>
    </section>

    <!-- Section Produits -->
    <section id="produits" class="section">
        <h2>Nos Collections</h2>
        <div class="products-moodboard">
            <div class="product-tile large">
                <img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="Canapé en cuir pleine fleur marron pour salon de luxe" loading="lazy">
                <div class="product-info">
                    <h3>Canapés en Cuir</h3>
                    <p>Des pièces maîtresses pour un salon raffiné, en cuir pleine fleur.</p>
                    <a href="/produits/canapes" class="btn">Découvrir</a>
                </div>
            </div>
            <div class="product-tile">
                <img src="https://images.unsplash.com/photo-1594026118704-844f5a5d74b7?ixlib=rb-4.0.3&auto=format&fit=crop&w=300&q=80" alt="Fauteuil club en cuir cognac dans un style intemporel" loading="lazy">
                <div class="product-info">
                    <h3>Fauteuils Club</h3>
                    <p>Confort et style intemporel pour vos moments de détente.</p>
                    <a href="/produits/fauteuils" class="btn">Découvrir</a>
                </div>
            </div>
            <div class="product-tile medium">
                <img src="https://images.unsplash.com/photo-1600585154526-990dced4db0d?ixlib=rb-4.0.3&auto=format&fit=crop&w=300&q=80" alt="Sac de voyage en cuir noir élégant avec détails dorés" loading="lazy">
                <div class="product-info">
                    <h3>Sacs de Voyage</h3>
                    <p>Compagnons idéaux pour vos aventures, robustes et élégants.</p>
                    <a href="/produits/sacs-voyage" class="btn">Découvrir</a>
                </div>
            </div>
            <div class="product-tile">
                <img src="https://via.placeholder.com/300x400?text=Valise+Cuir" alt="Valise en cuir haut de gamme pour voyages élégants" loading="lazy">
                <div class="product-info">
                    <h3>Valises en Cuir</h3>
                    <p>Voyagez avec distinction grâce à nos valises premium.</p>
                    <a href="/produits/valises" class="btn">Découvrir</a>
                </div>
            </div>
            <div class="product-tile">
                <img src="https://via.placeholder.com/300x400?text=Ceinture+Cuir" alt="Ceinture en cuir artisanale durable et élégante" loading="lazy">
                <div class="product-info">
                    <h3>Ceintures en Cuir</h3>
                    <p>Accessoires essentiels, faits main pour une durabilité exceptionnelle.</p>
                    <a href="/produits/ceintures" class="btn">Découvrir</a>
                </div>
            </div>
            <div class="product-tile large">
                <img src="https://via.placeholder.com/600x800?text=Sacoche+Cuir" alt="Sacoche en cuir sophistiquée pour usage quotidien" loading="lazy">
                <div class="product-info">
                    <h3>Sacoches en Cuir</h3>
                    <p>Pratiques et sophistiquées pour le quotidien urbain.</p>
                    <a href="/produits/sacoches" class="btn">Découvrir</a>
                </div>
            </div>
            <div class="product-tile">
                <img src="https://via.placeholder.com/300x400?text=Marqueterie" alt="Marqueterie en cuir artisanale pour décoration unique" loading="lazy">
                <div class="product-info">
                    <h3>Marqueterie en Cuir</h3>
                    <p>Œuvres artisanales pour une touche artistique unique.</p>
                    <a href="/produits/marqueterie" class="btn">Découvrir</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Section Éducative -->
    <section id="education" class="section">
        <h2>Le Monde du Cuir</h2>
        <p>Cuir Deluxe est votre référence experte. Explorez les nuances du cuir pour mieux apprécier notre artisanat.</p>
        <div class="education-grid">
            <div class="education-card">
                <h3>Fleur de Cuir</h3>
                <p>La partie noble de la peau, offrant une texture naturelle et une patine qui s'embellit avec le temps.</p>
            </div>
            <div class="education-card">
                <h3>Croûte de Cuir</h3>
                <p>Une option accessible, issue de la couche inférieure, idéale pour des usages variés.</p>
            </div>
            <div class="education-card">
                <h3>Cuir Vegan</h3>
                <p>Alternatives éthiques et durables, mimant l'aspect du cuir traditionnel sans origine animale.</p>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer id="contact">
        <div class="footer-container">
            <div class="footer-section">
                <h4>À Propos</h4>
                <p>Cuir Deluxe : L'excellence du cuir depuis des générations.</p>
            </div>
            <div class="footer-section">
                <h4>Liens Utiles</h4>
                <ul>
                    <li><a href="#produits">Produits</a></li>
                    <li><a href="#education">Le Cuir</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h4>Contact</h4>
                <p>Email: <a href="mailto:contact@cuirdeluxe.fr">contact@cuirdeluxe.fr</a></p>
                <p>Tél: <a href="tel:+33123456789">+33 1 23 45 67 89</a></p>
            </div>
        </div>
        <p>&copy; 2025 Cuir Deluxe. Tous droits réservés.</p>
    </footer>

    <!-- JavaScript Inline -->
    <script defer>
        function toggleMenu() {
            const nav = document.getElementById('nav-menu');
            nav.classList.toggle('active');
        }

        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                document.querySelector(this.getAttribute('href')).scrollIntoView({
                    behavior: 'smooth'
                });
                const nav = document.getElementById('nav-menu');
                nav.classList.remove('active');
            });
        });

        document.querySelectorAll('.btn').forEach(button => {
            if (button.textContent === 'Découvrir') {
                button.addEventListener('click', function (e) {
                    e.preventDefault();
                    alert('Produit ajouté à votre sélection ! (Démonstration)');
                });
            }
        });

        const carousel = document.querySelector('.carousel');
        const slides = document.querySelectorAll('.carousel-slide');
        let currentSlide = 0;

        function nextSlide() {
            currentSlide = (currentSlide + 1) % slides.length;
            carousel.style.transform = `translateX(-${currentSlide * 100}%)`;
        }

        setInterval(nextSlide, 5000);
    </script>

</body>
</html>

A propos d'Outiref

Contact / Signaler un bug

FAQ

Crédits et Mentions Légales

Audit SEO par Abondance

Suivez nous sur...

Un site du Réseau Abondance

Agence SEO Neper
Formations SEO NEPER
Googlefight
Cabinet de conseil en IA - Neper AI
La météo du SEO
Klemo