It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://les-meilleurs-classements.fr/

  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.    <meta charset="UTF-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.    <title>VapeFrance - Votre Boutique Premium de Cigarettes Électroniques | Made in France</title>
  7.    <meta name="description" content="Découvrez VapeFrance, votre expert en cigarettes électroniques, e-liquides et puffs. Qualité Made in France, livraison rapide et service client premium.">
  8.    <meta name="keywords" content="cigarette électronique, e-liquide, puff, vape, made in france, dotmod, voopoo, aspire, kiwi vapor, elfbar">
  9.    
  10.    <!-- Favicon -->
  11.    <link rel="icon" type="image/png" href="/api/placeholder/32/32" alt="VapeFrance Logo">
  12.    
  13.    <!-- Open Graph Meta Tags -->
  14.    <meta property="og:title" content="VapeFrance - Boutique Premium de Cigarettes Électroniques">
  15.    <meta property="og:description" content="Cigarettes électroniques, e-liquides et puffs de qualité Made in France. Livraison rapide et satisfaction garantie.">
  16.    <meta property="og:image" content="/api/placeholder/1200/630">
  17.    <meta property="og:url" content="https://www.vapefrance.fr">
  18.    <meta property="og:type" content="website">
  19.    
  20.    <style>
  21.        /* Variables CSS */
  22.        :root {
  23.            --primary-color: #e30613; /* Rouge Made in France */
  24.            --secondary-color: #ffffff;
  25.            --accent-color: #000000;
  26.            --gray-light: #f5f5f5;
  27.            --gray-medium: #e0e0e0;
  28.            --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  29.            --border-radius: 20px;
  30.        }
  31.        
  32.        /* Reset CSS */
  33.        * {
  34.            margin: 0;
  35.            padding: 0;
  36.            box-sizing: border-box;
  37.            font-family: 'Montserrat', sans-serif;
  38.        }
  39.        
  40.        body {
  41.            background-color: var(--gray-light);
  42.            color: var(--accent-color);
  43.            line-height: 1.6;
  44.        }
  45.        
  46.        img {
  47.            max-width: 100%;
  48.            height: auto;
  49.            border-radius: 10px;
  50.        }
  51.        
  52.        a {
  53.            text-decoration: none;
  54.            color: var(--primary-color);
  55.            transition: all 0.3s ease;
  56.        }
  57.        
  58.        a:hover {
  59.            color: #b80000;
  60.        }
  61.        
  62.        .container {
  63.            width: 100%;
  64.            max-width: 1200px;
  65.            margin: 0 auto;
  66.            padding: 0 20px;
  67.        }
  68.        
  69.        .btn {
  70.            display: inline-block;
  71.            background-color: var(--primary-color);
  72.            color: var(--secondary-color);
  73.            padding: 12px 30px;
  74.            border-radius: 50px;
  75.            font-weight: 600;
  76.            text-transform: uppercase;
  77.            font-size: 14px;
  78.            letter-spacing: 1px;
  79.            transition: all 0.3s ease;
  80.            border: none;
  81.            cursor: pointer;
  82.        }
  83.        
  84.        .btn:hover {
  85.            background-color: #b80000;
  86.            transform: translateY(-2px);
  87.            box-shadow: 0 6px 15px rgba(227, 6, 19, 0.3);
  88.            color: var(--secondary-color);
  89.        }
  90.        
  91.        .section {
  92.            padding: 80px 0;
  93.        }
  94.        
  95.        .section-title {
  96.            text-align: center;
  97.            margin-bottom: 50px;
  98.            position: relative;
  99.        }
  100.        
  101.        .section-title h2 {
  102.            font-size: 32px;
  103.            font-weight: 700;
  104.            color: var(--accent-color);
  105.            margin-bottom: 15px;
  106.            position: relative;
  107.            display: inline-block;
  108.        }
  109.        
  110.        .section-title h2:after {
  111.            content: '';
  112.            width: 70%;
  113.            height: 3px;
  114.            background-color: var(--primary-color);
  115.            position: absolute;
  116.            bottom: -10px;
  117.            left: 15%;
  118.            border-radius: 1.5px;
  119.        }
  120.        
  121.        .section-title p {
  122.            color: #666;
  123.            font-size: 16px;
  124.            max-width: 700px;
  125.            margin: 0 auto;
  126.        }
  127.        
  128.        /* Carte produit */
  129.        .card {
  130.            background-color: var(--secondary-color);
  131.            border-radius: var(--border-radius);
  132.            overflow: hidden;
  133.            box-shadow: var(--shadow);
  134.            transition: all 0.3s ease;
  135.            height: 100%;
  136.            display: flex;
  137.            flex-direction: column;
  138.        }
  139.        
  140.        .card:hover {
  141.            transform: translateY(-10px);
  142.            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  143.        }
  144.        
  145.        .card-img {
  146.            width: 100%;
  147.            height: 200px;
  148.            overflow: hidden;
  149.            display: flex;
  150.            align-items: center;
  151.            justify-content: center;
  152.            background-color: var(--secondary-color);
  153.            padding: 20px;
  154.        }
  155.        
  156.        .card-img img {
  157.            max-height: 160px;
  158.            object-fit: contain;
  159.            transition: all 0.3s ease;
  160.        }
  161.        
  162.        .card:hover .card-img img {
  163.            transform: scale(1.05);
  164.        }
  165.        
  166.        .card-content {
  167.            padding: 20px;
  168.            flex-grow: 1;
  169.            display: flex;
  170.            flex-direction: column;
  171.        }
  172.        
  173.        .card-title {
  174.            font-size: 18px;
  175.            font-weight: 600;
  176.            margin-bottom: 10px;
  177.            color: var(--accent-color);
  178.        }
  179.        
  180.        .card-desc {
  181.            font-size: 14px;
  182.            color: #666;
  183.            margin-bottom: 15px;
  184.            flex-grow: 1;
  185.        }
  186.        
  187.        .card-price {
  188.            font-size: 20px;
  189.            font-weight: 700;
  190.            color: var(--primary-color);
  191.            margin-bottom: 15px;
  192.        }
  193.        
  194.        .card-actions {
  195.            display: flex;
  196.            justify-content: space-between;
  197.            align-items: center;
  198.        }
  199.        
  200.        /* Header */
  201.        header {
  202.            background-color: var(--secondary-color);
  203.            box-shadow: var(--shadow);
  204.            position: sticky;
  205.            top: 0;
  206.            z-index: 1000;
  207.        }
  208.        
  209.        .header-content {
  210.            display: flex;
  211.            justify-content: space-between;
  212.            align-items: center;
  213.            padding: 15px 0;
  214.        }
  215.        
  216.        .logo {
  217.            display: flex;
  218.            align-items: center;
  219.        }
  220.        
  221.        .logo img {
  222.            height: 50px;
  223.            margin-right: 10px;
  224.        }
  225.        
  226.        .logo-text {
  227.            font-size: 24px;
  228.            font-weight: 700;
  229.            color: var(--primary-color);
  230.        }
  231.        
  232.        .nav-menu {
  233.            display: flex;
  234.            list-style: none;
  235.        }
  236.        
  237.        .nav-item {
  238.            margin-left: 25px;
  239.        }
  240.        
  241.        .nav-link {
  242.            font-weight: 500;
  243.            color: var(--accent-color);
  244.            position: relative;
  245.        }
  246.        
  247.        .nav-link:after {
  248.            content: '';
  249.            width: 0;
  250.            height: 2px;
  251.            background-color: var(--primary-color);
  252.            position: absolute;
  253.            bottom: -4px;
  254.            left: 0;
  255.            transition: width 0.3s ease;
  256.        }
  257.        
  258.        .nav-link:hover:after {
  259.            width: 100%;
  260.        }
  261.        
  262.        .nav-link.active {
  263.            color: var(--primary-color);
  264.        }
  265.        
  266.        .nav-link.active:after {
  267.            width: 100%;
  268.        }
  269.        
  270.        /* Hero Section */
  271.        .hero {
  272.            background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
  273.            padding: 100px 0 80px;
  274.            border-radius: 0 0 var(--border-radius) var(--border-radius);
  275.            margin-bottom: 30px;
  276.        }
  277.        
  278.        .hero-content {
  279.            display: flex;
  280.            align-items: center;
  281.            justify-content: space-between;
  282.        }
  283.        
  284.        .hero-text {
  285.            width: 50%;
  286.        }
  287.        
  288.        .hero-title {
  289.            font-size: 48px;
  290.            font-weight: 800;
  291.            line-height: 1.2;
  292.            margin-bottom: 20px;
  293.            color: var(--accent-color);
  294.        }
  295.        
  296.        .hero-title span {
  297.            color: var(--primary-color);
  298.        }
  299.        
  300.        .hero-subtitle {
  301.            font-size: 18px;
  302.            color: #666;
  303.            margin-bottom: 30px;
  304.        }
  305.        
  306.        .hero-image {
  307.            width: 40%;
  308.            position: relative;
  309.        }
  310.        
  311.        .hero-image img {
  312.            width: 100%;
  313.            border-radius: var(--border-radius);
  314.            box-shadow: var(--shadow);
  315.        }
  316.        
  317.        .hero-badge {
  318.            position: absolute;
  319.            top: -20px;
  320.            right: -20px;
  321.            background-color: var(--primary-color);
  322.            color: var(--secondary-color);
  323.            font-size: 16px;
  324.            font-weight: 700;
  325.            padding: 15px;
  326.            border-radius: 50%;
  327.            width: 100px;
  328.            height: 100px;
  329.            display: flex;
  330.            align-items: center;
  331.            justify-content: center;
  332.            text-align: center;
  333.            box-shadow: var(--shadow);
  334.            line-height: 1.2;
  335.            transform: rotate(10deg);
  336.        }
  337.        
  338.        /* Grille produits */
  339.        .products-grid {
  340.            display: grid;
  341.            grid-template-columns: repeat(3, 1fr);
  342.            gap: 30px;
  343.        }
  344.        
  345.        /* Categories */
  346.        .categories {
  347.            background-color: var(--secondary-color);
  348.            border-radius: var(--border-radius);
  349.            box-shadow: var(--shadow);
  350.            padding: 30px;
  351.        }
  352.        
  353.        .category-tabs {
  354.            display: flex;
  355.            justify-content: center;
  356.            list-style: none;
  357.            margin-bottom: 40px;
  358.            flex-wrap: wrap;
  359.        }
  360.        
  361.        .category-tab {
  362.            margin: 0 10px 10px;
  363.        }
  364.        
  365.        .category-btn {
  366.            background-color: var(--gray-medium);
  367.            color: var(--accent-color);
  368.            padding: 12px 25px;
  369.            border-radius: 50px;
  370.            font-weight: 600;
  371.            font-size: 14px;
  372.            border: none;
  373.            cursor: pointer;
  374.            transition: all 0.3s ease;
  375.        }
  376.        
  377.        .category-btn.active,
  378.        .category-btn:hover {
  379.            background-color: var(--primary-color);
  380.            color: var(--secondary-color);
  381.        }
  382.        
  383.        /* Avantages */
  384.        .features {
  385.            background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
  386.            border-radius: var(--border-radius);
  387.        }
  388.        
  389.        .features-grid {
  390.            display: grid;
  391.            grid-template-columns: repeat(3, 1fr);
  392.            gap: 30px;
  393.        }
  394.        
  395.        .feature-card {
  396.            background-color: var(--secondary-color);
  397.            border-radius: var(--border-radius);
  398.            padding: 30px;
  399.            text-align: center;
  400.            box-shadow: var(--shadow);
  401.            transition: all 0.3s ease;
  402.        }
  403.        
  404.        .feature-card:hover {
  405.            transform: translateY(-10px);
  406.        }
  407.        
  408.        .feature-icon {
  409.            width: 70px;
  410.            height: 70px;
  411.            background-color: var(--gray-light);
  412.            border-radius: 50%;
  413.            display: flex;
  414.            align-items: center;
  415.            justify-content: center;
  416.            margin: 0 auto 20px;
  417.            color: var(--primary-color);
  418.            font-size: 30px;
  419.        }
  420.        
  421.        .feature-title {
  422.            font-size: 20px;
  423.            font-weight: 700;
  424.            margin-bottom: 15px;
  425.            color: var(--accent-color);
  426.        }
  427.        
  428.        .feature-desc {
  429.            font-size: 14px;
  430.            color: #666;
  431.        }
  432.        
  433.        /* Témoignages */
  434.        .testimonials {
  435.            background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
  436.            border-radius: var(--border-radius);
  437.        }
  438.        
  439.        .testimonials-grid {
  440.            display: grid;
  441.            grid-template-columns: repeat(3, 1fr);
  442.            gap: 30px;
  443.        }
  444.        
  445.        .testimonial-card {
  446.            background-color: var(--secondary-color);
  447.            border-radius: var(--border-radius);
  448.            padding: 30px;
  449.            box-shadow: var(--shadow);
  450.            position: relative;
  451.        }
  452.        
  453.        .testimonial-content {
  454.            font-style: italic;
  455.            margin-bottom: 20px;
  456.            position: relative;
  457.            padding-left: 25px;
  458.        }
  459.        
  460.        .testimonial-content:before {
  461.            content: '"';
  462.            font-size: 60px;
  463.            color: var(--primary-color);
  464.            opacity: 0.3;
  465.            position: absolute;
  466.            top: -20px;
  467.            left: -10px;
  468.        }
  469.        
  470.        .testimonial-author {
  471.            display: flex;
  472.            align-items: center;
  473.        }
  474.        
  475.        .testimonial-avatar {
  476.            width: 50px;
  477.            height: 50px;
  478.            border-radius: 50%;
  479.            overflow: hidden;
  480.            margin-right: 15px;
  481.        }
  482.        
  483.        .testimonial-name {
  484.            font-weight: 700;
  485.            margin-bottom: 5px;
  486.        }
  487.        
  488.        .testimonial-stars {
  489.            color: gold;
  490.            font-size: 14px;
  491.        }
  492.        
  493.        /* Newsletter */
  494.        .newsletter {
  495.            background-color: var(--primary-color);
  496.            color: var(--secondary-color);
  497.            padding: 50px 0;
  498.            border-radius: var(--border-radius);
  499.            margin: 80px 0;
  500.        }
  501.        
  502.        .newsletter-content {
  503.            display: flex;
  504.            align-items: center;
  505.            justify-content: space-between;
  506.        }
  507.        
  508.        .newsletter-text {
  509.            width: 50%;
  510.        }
  511.        
  512.        .newsletter-title {
  513.            font-size: 24px;
  514.            font-weight: 700;
  515.            margin-bottom: 10px;
  516.        }
  517.        
  518.        .newsletter-form {
  519.            width: 40%;
  520.            display: flex;
  521.        }
  522.        
  523.        .newsletter-input {
  524.            flex-grow: 1;
  525.            border: none;
  526.            padding: 0 20px;
  527.            border-radius: 50px 0 0 50px;
  528.            font-size: 14px;
  529.        }
  530.        
  531.        .newsletter-btn {
  532.            background-color: var(--accent-color);
  533.            color: var(--secondary-color);
  534.            padding: 12px 25px;
  535.            border-radius: 0 50px 50px 0;
  536.            font-weight: 600;
  537.            text-transform: uppercase;
  538.            font-size: 14px;
  539.            border: none;
  540.            cursor: pointer;
  541.            transition: all 0.3s ease;
  542.        }
  543.        
  544.        .newsletter-btn:hover {
  545.            background-color: #333;
  546.        }
  547.        
  548.        /* Footer */
  549.        footer {
  550.            background-color: var(--secondary-color);
  551.            border-radius: var(--border-radius) var(--border-radius) 0 0;
  552.            padding: 50px 0 20px;
  553.        }
  554.        
  555.        .footer-content {
  556.            display: grid;
  557.            grid-template-columns: 2fr 1fr 1fr 1fr;
  558.            gap: 30px;
  559.            margin-bottom: 50px;
  560.        }
  561.        
  562.        .footer-logo {
  563.            display: flex;
  564.            align-items: center;
  565.            margin-bottom: 20px;
  566.        }
  567.        
  568.        .footer-logo img {
  569.            height: 40px;
  570.            margin-right: 10px;
  571.        }
  572.        
  573.        .footer-about {
  574.            margin-bottom: 20px;
  575.            color: #666;
  576.            font-size: 14px;
  577.        }
  578.        
  579.        .footer-social {
  580.            display: flex;
  581.            list-style: none;
  582.        }
  583.        
  584.        .social-item {
  585.            margin-right: 15px;
  586.        }
  587.        
  588.        .social-link {
  589.            display: flex;
  590.            align-items: center;
  591.            justify-content: center;
  592.            width: 40px;
  593.            height: 40px;
  594.            background-color: var(--gray-light);
  595.            border-radius: 50%;
  596.            color: var(--primary-color);
  597.            transition: all 0.3s ease;
  598.        }
  599.        
  600.        .social-link:hover {
  601.            background-color: var(--primary-color);
  602.            color: var(--secondary-color);
  603.        }
  604.        
  605.        .footer-title {
  606.            font-size: 18px;
  607.            font-weight: 700;
  608.            margin-bottom: 20px;
  609.            color: var(--accent-color);
  610.        }
  611.        
  612.        .footer-links {
  613.            list-style: none;
  614.        }
  615.        
  616.        .footer-link {
  617.            margin-bottom: 10px;
  618.        }
  619.        
  620.        .footer-link a {
  621.            color: #666;
  622.            transition: all 0.3s ease;
  623.        }
  624.        
  625.        .footer-link a:hover {
  626.            color: var(--primary-color);
  627.            padding-left: 5px;
  628.        }
  629.        
  630.        .footer-bottom {
  631.            border-top: 1px solid var(--gray-medium);
  632.            padding-top: 20px;
  633.            text-align: center;
  634.            color: #666;
  635.            font-size: 14px;
  636.        }
  637.        
  638.        /* Animations */
  639.        @keyframes fadeIn {
  640.            from {
  641.                opacity: 0;
  642.                transform: translateY(20px);
  643.            }
  644.            to {
  645.                opacity: 1;
  646.                transform: translateY(0);
  647.            }
  648.        }
  649.        
  650.        .fade-in {
  651.            animation: fadeIn 0.6s ease forwards;
  652.        }
  653.        
  654.        /* Media Queries */
  655.        @media (max-width: 992px) {
  656.            .hero-content {
  657.                flex-direction: column;
  658.                text-align: center;
  659.            }
  660.            
  661.            .hero-text, .hero-image {
  662.                width: 100%;
  663.            }
  664.            
  665.            .hero-image {
  666.                margin-top: 50px;
  667.            }
  668.            
  669.            .products-grid,
  670.            .features-grid,
  671.            .testimonials-grid {
  672.                grid-template-columns: repeat(2, 1fr);
  673.            }
  674.            
  675.            .newsletter-content {
  676.                flex-direction: column;
  677.                text-align: center;
  678.            }
  679.            
  680.            .newsletter-text, .newsletter-form {
  681.                width: 100%;
  682.            }
  683.            
  684.            .newsletter-form {
  685.                margin-top: 20px;
  686.            }
  687.            
  688.            .footer-content {
  689.                grid-template-columns: 1fr 1fr;
  690.            }
  691.        }
  692.        
  693.        @media (max-width: 768px) {
  694.            .products-grid,
  695.            .features-grid,
  696.            .testimonials-grid {
  697.                grid-template-columns: 1fr;
  698.            }
  699.            
  700.            .hero-title {
  701.                font-size: 32px;
  702.            }
  703.            
  704.            .section {
  705.                padding: 50px 0;
  706.            }
  707.            
  708.            .nav-menu {
  709.                display: none;
  710.            }
  711.            
  712.            .footer-content {
  713.                grid-template-columns: 1fr;
  714.                text-align: center;
  715.            }
  716.            
  717.            .footer-social {
  718.                justify-content: center;
  719.            }
  720.        }
  721.  
  722.        /* Badge Made in France */
  723.        .made-in-france {
  724.            display: inline-block;
  725.            background-color: var(--primary-color);
  726.            color: white;
  727.            padding: 5px 12px;
  728.            border-radius: 20px;
  729.            font-weight: 600;
  730.            font-size: 12px;
  731.            margin-left: 10px;
  732.        }
  733.    </style>
  734.    
  735.    <!-- Structured Data -->
  736.    <script type="application/ld+json">
  737.    {
  738.      "@context": "https://schema.org",
  739.      "@type": "Store",
  740.      "name": "VapeFrance",
  741.      "description": "Votre boutique premium de cigarettes électroniques, e-liquides et puffs Made in France",
  742.      "image": "/api/placeholder/1200/630",
  743.      "telephone": "+33123456789",
  744.      "email": "contact@vapefrance.fr",
  745.      "address": {
  746.        "@type": "PostalAddress",
  747.        "streetAddress": "15 Rue de la Vape",
  748.        "addressLocality": "Paris",
  749.        "postalCode": "75001",
  750.        "addressCountry": "FR"
  751.      },
  752.      "geo": {
  753.        "@type": "GeoCoordinates",
  754.        "latitude": "48.8566",
  755.        "longitude": "2.3522"
  756.      },
  757.      "openingHoursSpecification": [
  758.        {
  759.          "@type": "OpeningHoursSpecification",
  760.          "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
  761.          "opens": "10:00",
  762.          "closes": "19:00"
  763.        },
  764.        {
  765.          "@type": "OpeningHoursSpecification",
  766.          "dayOfWeek": "Saturday",
  767.          "opens": "10:00",
  768.          "closes": "18:00"
  769.        }
  770.      ],
  771.      "url": "https://www.vapefrance.fr",
  772.      "priceRange": "€€",
  773.      "paymentAccepted": "Cash, Credit Card",
  774.      "currenciesAccepted": "EUR"
  775.    }
  776.    </script>
  777.    
  778.    <script type="application/ld+json">
  779.    {
  780.      "@context": "https://schema.org",
  781.      "@type": "WebSite",
  782.      "name": "VapeFrance",
  783.      "url": "https://www.vapefrance.fr",
  784.      "potentialAction": {
  785.        "@type": "SearchAction",
  786.        "target": "https://www.vapefrance.fr/search?q={search_term_string}",
  787.        "query-input": "required name=search_term_string"
  788.      }
  789.    }
  790.    </script>
  791.    
  792.    <script type="application/ld+json">
  793.    {
  794.      "@context": "https://schema.org",
  795.      "@type": "BreadcrumbList",
  796.      "itemListElement": [
  797.        {
  798.          "@type": "ListItem",
  799.          "position": 1,
  800.          "name": "Accueil",
  801.          "item": "https://www.vapefrance.fr"
  802.        },
  803.        {
  804.          "@type": "ListItem",
  805.          "position": 2,
  806.          "name": "Cigarettes Électroniques",
  807.          "item": "https://www.vapefrance.fr/cigarettes-electroniques"
  808.        },
  809.        {
  810.          "@type": "ListItem",
  811.          "position": 3,
  812.          "name": "E-liquides",
  813.          "item": "https://www.ecigplanete.com/fr/15-e-liquides"
  814.        },
  815.        {
  816.          "@type": "ListItem",
  817.          "position": 4,
  818.          "name": "Puffs",
  819.          "item": "https://www.vapefrance.fr/puffs"
  820.        }
  821.      ]
  822.    }
  823.    </script>
  824.    
  825.    <!-- Importation des polices -->
  826.    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
  827.    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  828. </head>
  829. <body>
  830.    <!-- En-tête -->
  831.    <header>
  832.        <div class="container">
  833.            <div class="header-content">
  834.                <div class="logo">
  835.                    <img src="/api/placeholder/50/50" alt="VapeFrance Logo">
  836.                    <div class="logo-text">VapeFrance <span class="made-in-france">Made in France</span></div>
  837.                </div>
  838.                
  839.                <ul class="nav-menu">
  840.                    <li class="nav-item"><a href="#" class="nav-link active">Accueil</a></li>
  841.                    <li class="nav-item"><a href="#cigarettes" class="nav-link">Cigarettes Électroniques</a></li>
  842.                    <li class="nav-item"><a href="#e-liquides" class="nav-link">E-liquides</a></li>
  843.                    <li class="nav-item"><a href="#puffs" class="nav-link">Puffs</a></li>
  844.                    <li class="nav-item"><a href="#contact" class="nav-link">Contact</a></li>
  845.                    <li class="nav-item"><a href="#" class="btn">Boutique</a></li>
  846.                </ul>
  847.            </div>
  848.        </div>
  849.    </header>
  850.    
  851.    <!-- Bannière Hero -->
  852.    <section class="hero">
  853.        <div class="container">
  854.            <div class="hero-content">
  855.                <div class="hero-text fade-in">
  856.                    <h1 class="hero-title">Découvrez l'Excellence du <span>Vapotage à la Française</span></h1>
  857.                    <p class="hero-subtitle">Des cigarettes électroniques, e-liquides et puffs de qualité supérieure, pour une expérience de vapotage exceptionnelle. Qualité, sécurité et saveurs incomparables - 100% Made in France.</p>
  858.                    <a href="#" class="btn">Découvrir nos produits</a>
  859.                </div>
  860.                
  861.                <div class="hero-image fade-in">
  862.                    <img src="/api/placeholder/600/400" alt="Collection de produits VapeFrance">
  863.                    <div class="hero-badge">100% Made in France</div>
  864.                </div>
  865.            </div>
  866.        </div>
  867.    </section>
  868.    
  869.    <!-- Avantages -->
  870.    <section class="section features">
  871.        <div class="container">
  872.            <div class="section-title fade-in">
  873.                <h2>Pourquoi Choisir VapeFrance ?</h2>
  874.                <p>Découvrez ce qui fait de nous la référence du vapotage en France</p>
  875.            </div>
  876.            
  877.            <div class="features-grid">
  878.                <div class="feature-card fade-in">
  879.                    <div class="feature-icon">
  880.                        <i class="fas fa-award"></i>
  881.                    </div>
  882.                    <h3 class="feature-title">Qualité Française</h3>
  883.                    <p class="feature-desc">Tous nos produits sont conçus et fabriqués en France, selon les normes les plus strictes du marché.</p>
  884.                </div>
  885.                
  886.                <div class="feature-card fade-in">
  887.                    <div class="feature-icon">
  888.                        <i class="fas fa-truck"></i>
  889.                    </div>
  890.                    <h3 class="feature-title">Livraison Rapide</h3>
  891.                    <p class="feature-desc">Livraison gratuite dès 49€ d'achat et expédition sous 24h pour toutes les commandes passées avant 15h.</p>
  892.                </div>
  893.                
  894.                <div class="feature-card fade-in">
  895.                    <div class="feature-icon">
  896.                        <i class="fas fa-headset"></i>
  897.                    </div>
  898.                    <h3 class="feature-title">Service Client Premium</h3>
  899.                    <p class="feature-desc">Une équipe d'experts passionnés à votre service pour vous conseiller et répondre à toutes vos questions.</p>
  900.                </div>
  901.                
  902.                <div class="feature-card fade-in">
  903.                    <div class="feature-icon">
  904.                        <i class="fas fa-leaf"></i>
  905.                    </div>
  906.                    <h3 class="feature-title">Ingrédients de Qualité</h3>
  907.                    <p class="feature-desc">Des e-liquides fabriqués avec des ingrédients de la plus haute qualité, sans additifs nocifs.</p>
  908.                </div>
  909.                
  910.                <div class="feature-card fade-in">
  911.                    <div class="feature-icon">
  912.                        <i class="fas fa-shield-alt"></i>
  913.                    </div>
  914.                    <h3 class="feature-title">Sécurité Garantie</h3>
  915.                    <p class="feature-desc">Tous nos produits sont testés et certifiés conformes aux normes européennes les plus strictes.</p>
  916.                </div>
  917.                
  918.                <div class="feature-card fade-in">
  919.                    <div class="feature-icon">
  920.                        <i class="fas fa-thumbs-up"></i>
  921.                    </div>
  922.                    <h3 class="feature-title">Satisfaction Garantie</h3>
  923.                    <p class="feature-desc">Satisfait ou remboursé sous 14 jours, nous tenons à votre entière satisfaction.</p>
  924.                </div>
  925.            </div>
  926.        </div>
  927.    </section>
  928.    
  929.    <!-- Cigarettes Électroniques -->
  930.    <section id="cigarettes" class="section categories">
  931.        <div class="container">
  932.            <div class="section-title fade-in">
  933.                <h2>Nos Cigarettes Électroniques</h2>
  934.                <p>Découvrez notre sélection premium de cigarettes électroniques pour tous les vapoteurs, du débutant à l'expert</p>
  935.            </div>
  936.            
  937.            <ul class="category-tabs fade-in">
  938.                <li class="category-tab"><button class="category-btn active">Tous</button></li>
  939.                <li class="category-tab"><button class="category-btn">Kits Débutants</button></li>
  940.                <li class="category-tab"><button class="category-btn">Mods Avancés</button></li>
  941.                <li class="category-tab"><button class="category-btn">Pods</button></li>
  942.                <li class="category-tab"><button class="category-btn">Batteries</button></li>
  943.                <li class="category-tab"><button class="category-btn">Accessoires</button></li>
  944.            </ul>
  945.            
  946.            <div class="products-grid fade-in">
  947.                <div class="card">
  948.                    <div class="card-img">
  949.                        <img src="https://cdn.ecigplanete.com/41146-home_default/dotamp-dotmod-x-bp-mods.jpg" alt="DotAMP DotMod x BP Mods">
  950.                    </div>
  951.                    <div class="card-content">
  952.                        <h3 class="card-title">DotAMP DotMod x BP Mods</h3>
  953.                        <p class="card-desc">Un mod avancé élégant et performant conçu en collaboration entre DotMod et BP Mods pour une expérience haut de gamme.</p>
  954.                        <div class="card-price">99,90 €</div>
  955.                        <div class="card-actions">
  956.                            <a href="#" class="btn">Acheter</a>
  957.                        </div>
  958.                    </div>
  959.                </div>
  960.                
  961.                <div class="card">
  962.                    <div class="card-img">
  963.                        <img src="https://cdn.ecigplanete.com/41093-home_default/dotpod-max-dotmod.jpg" alt="DotPod Max DotMod">
  964.                    </div>
  965.                    <div class="card-content">
  966.                        <h3 class="card-title">DotPod Max DotMod</h3>
  967.                        <p class="card-desc">Un pod compact et puissant signé DotMod. Design élégant et performance exceptionnelle pour une vape tout en finesse.</p>
  968.                        <div class="card-price">69,90 €</div>
  969.                        <div class="card-actions">
  970.                            <a href="#" class="btn">Acheter</a>
  971.                        </div>
  972.                    </div>
  973.                </div>
  974.                
  975.                <div class="card">
  976.                    <div class="card-img">
  977.                        <img src="https://cdn.ecigplanete.com/40847-home_default/kit-vinci-spark-220-voopoo.jpg" alt="Kit Vinci Spark 220 Voopoo">
  978.                    </div>
  979.                    <div class="card-content">
  980.                        <h3 class="card-title">Kit Vinci Spark 220 Voopoo</h3>
  981.                        <p class="card-desc">Puissant et polyvalent, le Vinci Spark 220 de Voopoo combine performance et facilité d'utilisation pour tous les styles de vape.</p>
  982.                        <div class="card-price">59,90 €</div>
  983.                        <div class="card-actions">
  984.                            <a href="#" class="btn">Acheter</a>
  985.                        </div>
  986.                    </div>
  987.                </div>
  988.                
  989.                <div class="card">
  990.                    <div class="card-img">
  991.                        <img src="https://cdn.ecigplanete.com/41022-home_default/pulz-pro-aspire.jpg" alt="Pulz Pro Aspire">
  992.                    </div>
  993.                    <div class="card-content">
  994.                        <h3 class="card-title">Pulz Pro Aspire</h3>
  995.                        <p class="card-desc">Le Pulz Pro d'Aspire offre une expérience de vape intuitive avec une autonomie impressionnante et un design ergonomique.</p>
  996.                        <div class="card-price">49,90 €</div>
  997.                        <div class="card-actions">
  998.                            <a href="#" class="btn">Acheter</a>
  999.                        </div>
  1000.                    </div>
  1001.                </div>
  1002.                
  1003.                <div class="card">
  1004.                    <div class="card-img">
  1005.                        <img src="https://cdn.ecigplanete.com/39762-home_default/kit-kiwi-2-kiwi-vapor.jpg" alt="Kit Kiwi 2 Kiwi Vapor">
  1006.                    </div>
  1007.                    <div class="card-content">
  1008.                        <h3 class="card-title">Kit Kiwi 2 Kiwi Vapor</h3>
  1009.                        <p class="card-desc">La nouvelle génération du Kiwi Vapor avec des améliorations significatives en termes d'autonomie et de contrôle de la vape.</p>
  1010.                        <div class="card-price">39,90 €</div>
  1011.                        <div class="card-actions">
  1012.                            <a href="#" class="btn">Acheter</a>
  1013.                        </div>
  1014.                    </div>
  1015.                </div>
  1016.                
  1017.                <div class="card">
  1018.                    <div class="card-img">
  1019.                        <img src="https://cdn.ecigplanete.com/39750-home_default/kit-kiwi-kiwi-vapor.jpg" alt="Kit Kiwi Kiwi Vapor">
  1020.                    </div>
  1021.                    <div class="card-content">
  1022.                        <h3 class="card-title">Kit Kiwi Kiwi Vapor</h3>
  1023.                        <p class="card-desc">Un kit compact et accessible parfait pour les débutants, offrant une expérience de vape simple et satisfaisante.</p>
  1024.                        <div class="card-price">29,90 €</div>
  1025.                        <div class="card-actions">
  1026.                            <a href="#" class="btn">Acheter</a>
  1027.                        </div>
  1028.                    </div>
  1029.                </div>
  1030.            </div>
  1031.        </div>
  1032.    </section>
  1033.    
  1034.    <!-- E-liquides -->
  1035.    <section id="e-liquides" class="section categories">
  1036.        <div class="container">
  1037.            <div class="section-title fade-in">
  1038.                <h2>Nos E-liquides Premium</h2>
  1039.                <p>Explorez notre collection d'e-liquides aux saveurs riches et authentiques, fabriqués en France avec des ingrédients de qualité</p>
  1040.            </div>
  1041.            
  1042.            <ul class="category-tabs fade-in">
  1043.                <li class="category-tab"><button class="category-btn active">Tous</button></li>
  1044.                <li class="category-tab"><button class="category-btn">Fruités</button></li>
  1045.                <li class="category-tab"><button class="category-btn">Gourmands</button></li>
  1046.                <li class="category-tab"><button class="category-btn">Mentholés</button></li>
  1047.                <li class="category-tab"><button class="category-btn">Classiques</button></li>
  1048.            </ul>
  1049.            
  1050.            <div class="products-grid fade-in">
  1051.                <div class="card">
  1052.                    <div class="card-img">
  1053.                        <img src="https://cdn.ecigplanete.com/41238-home_default/cerise-framboise-frais-200ml-biggy-bear.jpg" alt="Cerise Framboise Frais 200ml Biggy Bear">
  1054.                    </div>
  1055.                    <div class="card-content">
  1056.                        <h3 class="card-title">Cerise Framboise Frais 200ml Biggy Bear</h3>
  1057.                        <p class="card-desc">Une délicieuse combinaison de cerises juteuses et de framboises fraîches avec une touche de fraîcheur en fin de vape.</p>
  1058.                        <div class="card-price">29,90 €</div>
  1059.                        <div class="card-actions">
  1060.                            <a href="#" class="btn">Acheter</a>
  1061.                        </div>
  1062.                    </div>
  1063.                </div>
  1064.                
  1065.                <div class="card">
  1066.                    <div class="card-img">
  1067.                        <img src="https://cdn.ecigplanete.com/41216-home_default/godji-100ml-miv-distrib.jpg" alt="Godji 100ml MIV Distrib">
  1068.                    </div>
  1069.                    <div class="card-content">
  1070.                        <h3 class="card-title">Godji 100ml MIV Distrib</h3>
  1071.                        <p class="card-desc">Un e-liquide exotique aux notes de baies de goji et de fruits rouges pour une expérience gustative unique.</p>
  1072.                        <div class="card-price">24,90 €</div>
  1073.                        <div class="card-actions">
  1074.                            <a href="#" class="btn">Acheter</a>
  1075.                        </div>
  1076.                    </div>
  1077.                </div>
  1078.                
  1079.                <div class="card">
  1080.                    <div class="card-img">
  1081.                        <img src="https://cdn.ecigplanete.com/41218-home_default/baki-punch-100ml-miv-distrib.jpg" alt="Baki Punch 100ml MIV Distrib">
  1082.                    </div>
  1083.                    <div class="card-content">
  1084.                        <h3 class="card-title">Baki Punch 100ml MIV Distrib</h3>
  1085.                        <p class="card-desc">Un cocktail énergisant de fruits tropicaux avec une note punch pour une sensation de fraîcheur intense.</p>
  1086.                        <div class="card-price">24,90 €</div>
  1087.                        <div class="card-actions">
  1088.                            <a href="#" class="btn">Acheter</a>
  1089.                        </div>
  1090.                    </div>
  1091.                </div>
  1092.                
  1093.                <div class="card">
  1094.                    <div class="card-img">
  1095.                        <img src="https://cdn.ecigplanete.com/41208-home_default/demon-fizz-100ml-miv-distrib.jpg" alt="Demon Fizz 100ml MIV Distrib">
  1096.                    </div>
  1097.                    <div class="card-content">
  1098.                        <h3 class="card-title">Demon Fizz 100ml MIV Distrib</h3>
  1099.                        <p class="card-desc">Un e-liquide pétillant aux saveurs de soda frais avec des notes acidulées pour une vape rafraîchissante.</p>
  1100.                        <div class="card-price">24,90 €</div>
  1101.                        <div class="card-actions">
  1102.                            <a href="#" class="btn">Acheter</a>
  1103.                        </div>
  1104.                    </div>
  1105.                </div>
  1106.                
  1107.                <div class="card">
  1108.                    <div class="card-img">
  1109.                        <img src="https://cdn.ecigplanete.com/41210-home_default/tengen-100ml-miv-distrib.jpg" alt="Tengen 100ml MIV Distrib">
  1110.                    </div>
  1111.                    <div class="card-content">
  1112.                        <h3 class="card-title">Tengen 100ml MIV Distrib</h3>
  1113.                        <p class="card-desc">Un mariage harmonieux de fruits rouges et d'agrumes pour une explosion de saveurs en bouche.</p>
  1114.                        <div class="card-price">24,90 €</div>
  1115.                        <div class="card-actions">
  1116.                            <a href="#" class="btn">Acheter</a>
  1117.                        </div>
  1118.                    </div>
  1119.                </div>
  1120.                
  1121.                <div class="card">
  1122.                    <div class="card-img">
  1123.                        <img src="https://cdn.ecigplanete.com/41211-home_default/venox-100ml-miv-distrib.jpg" alt="Venox 100ml MIV Distrib">
  1124.                    </div>
  1125.                    <div class="card-content">
  1126.                        <h3 class="card-title">Venox 100ml MIV Distrib</h3>
  1127.                        <p class="card-desc">Un e-liquide mystérieux aux saveurs complexes de fruits noirs et d'agrumes avec une touche de fraîcheur.</p>
  1128.                        <div class="card-price">24,90 €</div>
  1129.                        <div class="card-actions">
  1130.                            <a href="#" class="btn">Acheter</a>
  1131.                        </div>
  1132.                    </div>
  1133.                </div>
  1134.            </div>
  1135.            
  1136.            <div class="section-cta fade-in" style="text-align: center; margin-top: 40px;">
  1137.                <a href="https://www.ecigplanete.com/fr/15-e-liquides" class="btn">Découvrir toute notre collection d'e-liquides</a>
  1138.            </div>
  1139.        </div>
  1140.    </section>
  1141.    
  1142.    <!-- Puffs -->
  1143.    <section id="puffs" class="section categories">
  1144.        <div class="container">
  1145.            <div class="section-title fade-in">
  1146.                <h2>Nos Puffs Jetables</h2>
  1147.                <p>Une solution simple et pratique pour les vapoteurs à la recherche de praticité sans compromis sur la qualité</p>
  1148.            </div>
  1149.            
  1150.            <ul class="category-tabs fade-in">
  1151.                <li class="category-tab"><button class="category-btn active">Tous</button></li>
  1152.                <li class="category-tab"><button class="category-btn">Puffs Standard</button></li>
  1153.                <li class="category-tab"><button class="category-btn">Puffs Premium</button></li>
  1154.                <li class="category-tab"><button class="category-btn">Puffs CBD</button></li>
  1155.            </ul>
  1156.            
  1157.            <div class="products-grid fade-in">
  1158.                <div class="card">
  1159.                    <div class="card-img">
  1160.                        <img src="https://cdn.ecigplanete.com/40698-home_default/puff-tornado-10000.jpg" alt="Puff Tornado 10000">
  1161.                    </div>
  1162.                    <div class="card-content">
  1163.                        <h3 class="card-title">Puff Tornado 10000</h3>
  1164.                        <p class="card-desc">Une puff jetable offrant jusqu'à 10000 bouffées avec une batterie longue durée et de multiples saveurs disponibles.</p>
  1165.                        <div class="card-price">19,90 €</div>
  1166.                        <div class="card-actions">
  1167.                            <a href="#" class="btn">Acheter</a>
  1168.                        </div>
  1169.                    </div>
  1170.                </div>
  1171.                
  1172.                <div class="card">
  1173.                    <div class="card-img">
  1174.                        <img src="https://cdn.ecigplanete.com/39368-home_default/puff-tornado-15000.jpg" alt="Puff Tornado 15000">
  1175.                    </div>
  1176.                    <div class="card-content">
  1177.                        <h3 class="card-title">Puff Tornado 15000</h3>
  1178.                        <p class="card-desc">La version améliorée avec une autonomie exceptionnelle de 15000 bouffées et une qualité de vape supérieure.</p>
  1179.                        <div class="card-price">24,90 €</div>
  1180.                        <div class="card-actions">
  1181.                            <a href="#" class="btn">Acheter</a>
  1182.                        </div>
  1183.                    </div>
  1184.                </div>
  1185.                
  1186.                <div class="card">
  1187.                    <div class="card-img">
  1188.                        <img src="https://cdn.ecigplanete.com/39379-home_default/puff-tornado-15000-cbd-tornado-white-rabbit.jpg" alt="Puff Tornado 15000 CBD White Rabbit">
  1189.                    </div>
  1190.                    <div class="card-content">
  1191.                        <h3 class="card-title">Puff Tornado 15000 CBD White Rabbit</h3>
  1192.                        <p class="card-desc">Une puff jetable infusée au CBD pour une expérience relaxante avec la saveur unique White Rabbit.</p>
  1193.                        <div class="card-price">29,90 €</div>
  1194.                        <div class="card-actions">
  1195.                            <a href="#" class="btn">Acheter</a>
  1196.                        </div>
  1197.                    </div>
  1198.                </div>
  1199.                
  1200.                <div class="card">
  1201.                    <div class="card-img">
  1202.                        <img src="https://cdn.ecigplanete.com/38638-home_default/cartouche-elfa-pro-elfbar.jpg" alt="Cartouche Elfa Pro ElfBar">
  1203.                    </div>
  1204.                    <div class="card-content">
  1205.                        <h3 class="card-title">Cartouche Elfa Pro ElfBar</h3>
  1206.                        <p class="card-desc">Cartouche de remplacement pour le système Elfa Pro d'ElfBar, disponible en diverses saveurs et dosages de nicotine.</p>
  1207.                        <div class="card-price">9,90 €</div>
  1208.                        <div class="card-actions">
  1209.                            <a href="#" class="btn">Acheter</a>
  1210.                        </div>
  1211.                    </div>
  1212.                </div>
  1213.                
  1214.                <div class="card">
  1215.                    <div class="card-img">
  1216.                        <img src="https://cdn.ecigplanete.com/38777-home_default/batterie-elfa-pro-elfbar.jpg" alt="Batterie Elfa Pro ElfBar">
  1217.                    </div>
  1218.                    <div class="card-content">
  1219.                        <h3 class="card-title">Batterie Elfa Pro ElfBar</h3>
  1220.                        <p class="card-desc">Batterie rechargeable pour le système Elfa Pro avec une autonomie optimisée et un design élégant et compact.</p>
  1221.                        <div class="card-price">14,90 €</div>
  1222.                        <div class="card-actions">
  1223.                            <a href="#" class="btn">Acheter</a>
  1224.                        </div>
  1225.                    </div>
  1226.                </div>
  1227.                
  1228.                <div class="card">
  1229.                    <div class="card-img">
  1230.                        <img src="https://cdn.ecigplanete.com/38604-home_default/elfa-pro.jpg" alt="Elfa Pro ElfBar">
  1231.                    </div>
  1232.                    <div class="card-content">
  1233.                        <h3 class="card-title">Elfa Pro ElfBar</h3>
  1234.                        <p class="card-desc">Le kit complet Elfa Pro d'ElfBar comprenant la batterie et une cartouche, pour une expérience de vape pratique et élégante.</p>
  1235.                        <div class="card-price">24,90 €</div>
  1236.                        <div class="card-actions">
  1237.                            <a href="#" class="btn">Acheter</a>
  1238.                        </div>
  1239.                    </div>
  1240.                </div>
  1241.            </div>
  1242.        </div>
  1243.    </section>
  1244.    
  1245.    <!-- Témoignages -->
  1246.    <section class="section testimonials">
  1247.        <div class="container">
  1248.            <div class="section-title fade-in">
  1249.                <h2>Ce Que Disent Nos Clients</h2>
  1250.                <p>Découvrez les témoignages de nos clients satisfaits qui ont choisi la qualité VapeFrance</p>
  1251.            </div>
  1252.            
  1253.            <div class="testimonials-grid fade-in">
  1254.                <div class="testimonial-card">
  1255.                    <div class="testimonial-content">
  1256.                        J'ai essayé de nombreuses marques de cigarettes électroniques, mais VapeFrance est vraiment au-dessus du lot. La qualité de fabrication est exceptionnelle et le service client est irréprochable. Je ne recommanderais rien d'autre !
  1257.                    </div>
  1258.                    <div class="testimonial-author">
  1259.                        <div class="testimonial-avatar">
  1260.                            <img src="/api/placeholder/50/50" alt="Avatar de Thomas">
  1261.                        </div>
  1262.                        <div>
  1263.                            <div class="testimonial-name">Thomas L.</div>
  1264.                            <div class="testimonial-stars">★★★★★</div>
  1265.                        </div>
  1266.                    </div>
  1267.                </div>
  1268.                
  1269.                <div class="testimonial-card">
  1270.                    <div class="testimonial-content">
  1271.                        Après avoir cherché pendant des mois une cigarette électronique fiable et des e-liquides de qualité, j'ai enfin trouvé mon bonheur chez VapeFrance. Les saveurs sont incroyables et le matériel est vraiment durable.
  1272.                    </div>
  1273.                    <div class="testimonial-author">
  1274.                        <div class="testimonial-avatar">
  1275.                            <img src="/api/placeholder/50/50" alt="Avatar de Sophie">
  1276.                        </div>
  1277.                        <div>
  1278.                            <div class="testimonial-name">Sophie M.</div>
  1279.                            <div class="testimonial-stars">★★★★★</div>
  1280.                        </div>
  1281.                    </div>
  1282.                </div>
  1283.                
  1284.                <div class="testimonial-card">
  1285.                    <div class="testimonial-content">
  1286.                        Je suis client chez VapeFrance depuis plus de 2 ans maintenant, et je n'ai jamais été déçu. La livraison est toujours rapide, les produits sont conformes à la description, et le rapport qualité-prix est imbattable !
  1287.                    </div>
  1288.                    <div class="testimonial-author">
  1289.                        <div class="testimonial-avatar">
  1290.                            <img src="/api/placeholder/50/50" alt="Avatar de Pierre">
  1291.                        </div>
  1292.                        <div>
  1293.                            <div class="testimonial-name">Pierre D.</div>
  1294.                            <div class="testimonial-stars">★★★★★</div>
  1295.                        </div>
  1296.                    </div>
  1297.                </div>
  1298.            </div>
  1299.        </div>
  1300.    </section>
  1301.    
  1302.    <!-- Newsletter -->
  1303.    <section class="newsletter">
  1304.        <div class="container">
  1305.            <div class="newsletter-content">
  1306.                <div class="newsletter-text">
  1307.                    <h3 class="newsletter-title">Restez informés !</h3>
  1308.                    <p>Inscrivez-vous à notre newsletter pour recevoir nos offres exclusives et les dernières nouveautés.</p>
  1309.                </div>
  1310.                
  1311.                <form class="newsletter-form">
  1312.                    <input type="email" placeholder="Votre adresse e-mail" class="newsletter-input" required>
  1313.                    <button type="submit" class="newsletter-btn">S'abonner</button>
  1314.                </form>
  1315.            </div>
  1316.        </div>
  1317.    </section>
  1318.    
  1319.    <!-- Section contenu SEO -->
  1320.    <section class="section">
  1321.        <div class="container">
  1322.            <div class="section-title fade-in">
  1323.                <h2>Expert en Cigarettes Électroniques Made in France</h2>
  1324.                <p>Découvrez pourquoi VapeFrance est devenu la référence du vapotage en France</p>
  1325.            </div>
  1326.            
  1327.            <div class="content-seo fade-in" style="background-color: #fff; border-radius: 20px; padding: 30px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);">
  1328.                <h3 style="font-size: 24px; margin-bottom: 20px; color: var(--primary-color);">La Qualité Française au Service du Vapotage</h3>
  1329.                
  1330.                <p style="margin-bottom: 15px;">Depuis notre création, <strong>VapeFrance</strong> s'est engagé à proposer des produits de <strong>vapotage premium</strong> conçus et fabriqués en France. Notre mission est de fournir aux vapoteurs français des cigarettes électroniques, des e-liquides et des puffs de la plus haute qualité, tout en soutenant l'économie locale et en garantissant des normes de sécurité irréprochables.</p>
  1331.                
  1332.                <p style="margin-bottom: 15px;">Chaque produit que nous proposons est soigneusement sélectionné et testé par notre équipe d'experts passionnés. Nous travaillons exclusivement avec des fabricants renommés tels que <strong>DotMod, Voopoo, Aspire et ElfBar</strong>, qui partagent notre vision de l'excellence et notre engagement envers la qualité.</p>
  1333.                
  1334.                <h3 style="font-size: 20px; margin: 25px 0 15px; color: var(--primary-color);">Pourquoi Choisir la Cigarette Électronique ?</h3>
  1335.                
  1336.                <p style="margin-bottom: 15px;">La cigarette électronique représente une <strong>alternative moderne</strong> pour les fumeurs souhaitant changer leurs habitudes. Contrairement aux cigarettes traditionnelles, les e-cigarettes ne produisent pas de combustion, réduisant ainsi significativement l'exposition aux substances nocives. Elles offrent également une expérience personnalisable, avec une variété de saveurs et de niveaux de nicotine adaptés à chaque utilisateur.</p>
  1337.                
  1338.                <p style="margin-bottom: 15px;">Chez VapeFrance, nous proposons une large gamme de dispositifs pour répondre à tous les besoins, des <strong>kits débutants simples d'utilisation</strong> aux <strong>mods avancés</strong> pour les vapoteurs expérimentés. Notre objectif est de faciliter la transition vers le vapotage en offrant des produits intuitifs, fiables et performants.</p>
  1339.                
  1340.                <h3 style="font-size: 20px; margin: 25px 0 15px; color: var(--primary-color);">Nos E-liquides Premium Made in France</h3>
  1341.                
  1342.                <p style="margin-bottom: 15px;">La qualité des e-liquides est essentielle pour une expérience de vapotage satisfaisante. C'est pourquoi tous nos e-liquides sont <strong>fabriqués en France</strong>, dans des laboratoires certifiés respectant les normes européennes les plus strictes. Nous utilisons exclusivement des ingrédients de qualité pharmaceutique, sans diacétyle, paraben ou ammoniac.</p>
  1343.                
  1344.                <p style="margin-bottom: 15px;">Notre collection propose une <strong>multitude de saveurs artisanales</strong>, des classiques tabac et menthe aux créations gourmandes et fruitées plus complexes. Chaque e-liquide est disponible en différentes concentrations de nicotine, y compris des options sans nicotine, pour s'adapter parfaitement aux préférences de chacun.</p>
  1345.                
  1346.                <h3 style="font-size: 20px; margin: 25px 0 15px; color: var(--primary-color);">La Révolution des Puffs Jetables</h3>
  1347.                
  1348.                <p style="margin-bottom: 15px;">Pour ceux qui recherchent une solution encore plus simple, nos <strong>puffs jetables</strong> offrent une expérience prête à l'emploi sans compromis sur la qualité. Ces dispositifs compacts et élégants ne nécessitent ni recharge ni remplissage, tout en délivrant une satisfaction comparable à celle des systèmes plus avancés.</p>
  1349.                
  1350.                <p style="margin-bottom: 15px;">VapeFrance s'est associé aux meilleurs fabricants pour proposer des puffs jetables avec une <strong>autonomie exceptionnelle</strong> allant jusqu'à 15000 bouffées. Nos modèles Tornado et Elfa Pro se distinguent par leur durabilité, leur fiabilité et la richesse de leurs saveurs, disponibles avec ou sans CBD pour s'adapter à tous les usages.</p>
  1351.                
  1352.                <h3 style="font-size: 20px; margin: 25px 0 15px; color: var(--primary-color);">Un Engagement pour la Satisfaction Client</h3>
  1353.                
  1354.                <p style="margin-bottom: 15px;">Au-delà de la qualité de nos produits, c'est notre service client qui fait notre réputation. Notre équipe de conseillers experts est disponible pour vous guider dans vos choix, répondre à vos questions et vous assurer une expérience d'achat sans souci.</p>
  1355.                
  1356.                <p style="margin-bottom: 15px;">Nous proposons une <strong>livraison rapide et sécurisée</strong> partout en France, avec un suivi en temps réel de votre commande. Notre politique de retour flexible et notre garantie de satisfaction témoignent de notre confiance dans la qualité de nos produits et de notre volonté de vous offrir le meilleur service possible.</p>
  1357.                
  1358.                <p style="margin-top: 25px;"><strong>VapeFrance, c'est l'excellence du vapotage à la française. Découvrez dès aujourd'hui notre collection premium et rejoignez notre communauté de vapoteurs satisfaits !</strong></p>
  1359.            </div>
  1360.        </div>
  1361.    </section>
  1362.    
  1363.    <!-- FAQ -->
  1364.    <section class="section">
  1365.        <div class="container">
  1366.            <div class="section-title fade-in">
  1367.                <h2>Questions Fréquentes</h2>
  1368.                <p>Trouvez rapidement des réponses à vos questions sur nos produits et services</p>
  1369.            </div>
  1370.            
  1371.            <div class="faq-container fade-in" style="background-color: #fff; border-radius: 20px; padding: 30px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);">
  1372.                <div class="faq-item" style="margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px;">
  1373.                    <h3 style="font-size: 18px; margin-bottom: 10px; color: var(--primary-color);">Comment choisir ma première cigarette électronique ?</h3>
  1374.                    <p style="color: #666;">Pour les débutants, nous recommandons généralement un kit pod ou un kit starter, qui sont intuitifs et faciles à utiliser. Notre équipe peut vous guider vers le modèle idéal en fonction de vos habitudes et préférences.</p>
  1375.                </div>
  1376.                
  1377.                <div class="faq-item" style="margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px;">
  1378.                    <h3 style="font-size: 18px; margin-bottom: 10px; color: var(--primary-color);">Quelle concentration de nicotine choisir ?</h3>
  1379.                    <p style="color: #666;">Cela dépend de vos habitudes actuelles. Les fumeurs réguliers peuvent commencer avec 12-18mg/ml, les fumeurs occasionnels avec 6mg/ml, et les non-fumeurs peuvent opter pour des e-liquides sans nicotine.</p>
  1380.                </div>
  1381.                
  1382.                <div class="faq-item" style="margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px;">
  1383.                    <h3 style="font-size: 18px; margin-bottom: 10px; color: var(--primary-color);">Combien de temps dure une batterie de cigarette électronique ?</h3>
  1384.                    <p style="color: #666;">La durée de vie de la batterie varie selon le modèle et l'utilisation. Les pods peuvent durer une journée, tandis que les mods avancés peuvent tenir plusieurs jours. Toutes nos batteries sont garanties pour au moins 300 cycles de charge.</p>
  1385.                </div>
  1386.                
  1387.                <div class="faq-item" style="margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px;">
  1388.                    <h3 style="font-size: 18px; margin-bottom: 10px; color: var(--primary-color);">Les e-liquides VapeFrance contiennent-ils des additifs nocifs ?</h3>
  1389.                    <p style="color: #666;">Non, tous nos e-liquides sont formulés sans diacétyle, paraben, ammoniac ou autres additifs nocifs. Nous utilisons uniquement des ingrédients de qualité pharmaceutique conformes aux normes françaises et européennes.</p>
  1390.                </div>
  1391.                
  1392.                <div class="faq-item">
  1393.                    <h3 style="font-size: 18px; margin-bottom: 10px; color: var(--primary-color);">Quels sont les délais de livraison ?</h3>
  1394.                    <p style="color: #666;">Nous expédions toutes les commandes sous 24h ouvrées. La livraison standard prend généralement 2-3 jours ouvrés. Une livraison express en 24h est également disponible. Toutes les commandes de plus de 49€ bénéficient de la livraison gratuite.</p>
  1395.                </div>
  1396.            </div>
  1397.        </div>
  1398.    </section>
  1399.    
  1400.    <!-- Contact -->
  1401.    <section id="contact" class="section">
  1402.        <div class="container">
  1403.            <div class="section-title fade-in">
  1404.                <h2>Contactez-nous</h2>
  1405.                <p>Notre équipe d'experts est à votre disposition pour répondre à toutes vos questions</p>
  1406.            </div>
  1407.            
  1408.            <div class="contact-container fade-in" style="display: flex; gap: 30px; flex-wrap: wrap;">
  1409.                <div class="contact-info" style="flex: 1; min-width: 300px; background-color: #fff; border-radius: 20px; padding: 30px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);">
  1410.                    <h3 style="font-size: 20px; margin-bottom: 20px; color: var(--primary-color);">Nos Coordonnées</h3>
  1411.                    
  1412.                    <div style="display: flex; align-items: center; margin-bottom: 15px;">
  1413.                        <i class="fas fa-map-marker-alt" style="width: 30px; color: var(--primary-color); font-size: 18px;"></i>
  1414.                        <span>15 Rue de la Vape, 75001 Paris, France</span>
  1415.                    </div>
  1416.                    
  1417.                    <div style="display: flex; align-items: center; margin-bottom: 15px;">
  1418.                        <i class="fas fa-phone-alt" style="width: 30px; color: var(--primary-color); font-size: 18px;"></i>
  1419.                        <span>+33 (0)1 23 45 67 89</span>
  1420.                    </div>
  1421.                    
  1422.                    <div style="display: flex; align-items: center; margin-bottom: 15px;">
  1423.                        <i class="fas fa-envelope" style="width: 30px; color: var(--primary-color); font-size: 18px;"></i>
  1424.                        <span>contact@vapefrance.fr</span>
  1425.                    </div>
  1426.                    
  1427.                    <div style="display: flex; align-items: center; margin-bottom: 15px;">
  1428.                        <i class="fas fa-clock" style="width: 30px; color: var(--primary-color); font-size: 18px;"></i>
  1429.                        <div>
  1430.                            <div>Lun - Ven : 10h00 - 19h00</div>
  1431.                            <div>Sam : 10h00 - 18h00</div>
  1432.                            <div>Dim : Fermé</div>
  1433.                        </div>
  1434.                    </div>
  1435.                    
  1436.                    <div style="margin-top: 30px;">
  1437.                        <h4 style="font-size: 16px; margin-bottom: 15px; color: var(--primary-color);">Suivez-nous</h4>
  1438.                        <div style="display: flex; gap: 15px;">
  1439.                            <a href="#" style="display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: var(--gray-light); border-radius: 50%; color: var(--primary-color);"><i class="fab fa-facebook-f"></i></a>
  1440.                            <a href="#" style="display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: var(--gray-light); border-radius: 50%; color: var(--primary-color);"><i class="fab fa-instagram"></i></a>
  1441.                            <a href="#" style="display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: var(--gray-light); border-radius: 50%; color: var(--primary-color);"><i class="fab fa-twitter"></i></a>
  1442.                            <a href="#" style="display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: var(--gray-light); border-radius: 50%; color: var(--primary-color);"><i class="fab fa-youtube"></i></a>
  1443.                        </div>
  1444.                    </div>
  1445.                </div>
  1446.                
  1447.                <div class="contact-form" style="flex: 2; min-width: 300px; background-color: #fff; border-radius: 20px; padding: 30px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);">
  1448.                    <h3 style="font-size: 20px; margin-bottom: 20px; color: var(--primary-color);">Envoyez-nous un Message</h3>
  1449.                    
  1450.                    <form>
  1451.                        <div style="display: flex; gap: 20px; margin-bottom: 20px; flex-wrap: wrap;">
  1452.                            <div style="flex: 1; min-width: 200px;">
  1453.                                <label for="name" style="display: block; margin-bottom: 8px; font-weight: 500;">Nom</label>
  1454.                                <input type="text" id="name" placeholder="Votre nom" style="width: 100%; padding: 12px 15px; border-radius: 10px; border: 1px solid #ddd; font-size: 14px;">
  1455.                            </div>
  1456.                            
  1457.                            <div style="flex: 1; min-width: 200px;">
  1458.                                <label for="email" style="display: block; margin-bottom: 8px; font-weight: 500;">Email</label>
  1459.                                <input type="email" id="email" placeholder="Votre email" style="width: 100%; padding: 12px 15px; border-radius: 10px; border: 1px solid #ddd; font-size: 14px;">
  1460.                            </div>
  1461.                        </div>
  1462.                        
  1463.                        <div style="margin-bottom: 20px;">
  1464.                            <label for="subject" style="display: block; margin-bottom: 8px; font-weight: 500;">Sujet</label>
  1465.                            <input type="text" id="subject" placeholder="Sujet de votre message" style="width: 100%; padding: 12px 15px; border-radius: 10px; border: 1px solid #ddd; font-size: 14px;">
  1466.                        </div>
  1467.                        
  1468.                        <div style="margin-bottom: 20px;">
  1469.                            <label for="message" style="display: block; margin-bottom: 8px; font-weight: 500;">Message</label>
  1470.                            <textarea id="message" placeholder="Votre message" rows="5" style="width: 100%; padding: 12px 15px; border-radius: 10px; border: 1px solid #ddd; font-size: 14px; resize: vertical;"></textarea>
  1471.                        </div>
  1472.                        
  1473.                        <button type="submit" class="btn" style="width: 100%;">Envoyer le message</button>
  1474.                    </form>
  1475.                </div>
  1476.            </div>
  1477.        </div>
  1478.    </section>
  1479.    
  1480.    <!-- Footer -->
  1481.    <footer>
  1482.        <div class="container">
  1483.            <div class="footer-content">
  1484.                <div class="footer-about-us">
  1485.                    <div class="footer-logo">
  1486.                        <img src="/api/placeholder/40/40" alt="VapeFrance Logo">
  1487.                        <div class="logo-text">VapeFrance</div>
  1488.                    </div>
  1489.                    
  1490.                    <p class="footer-about">VapeFrance est votre boutique spécialisée en cigarettes électroniques, e-liquides et puffs de qualité supérieure. Tous nos produits sont fabriqués en France selon les normes les plus strictes pour vous garantir une expérience de vapotage exceptionnelle.</p>
  1491.                    
  1492.                    <ul class="footer-social">
  1493.                        <li class="social-item"><a href="#" class="social-link"><i class="fab fa-facebook-f"></i></a></li>
  1494.                        <li class="social-item"><a href="#" class="social-link"><i class="fab fa-instagram"></i></a></li>
  1495.                        <li class="social-item"><a href="#" class="social-link"><i class="fab fa-twitter"></i></a></li>
  1496.                        <li class="social-item"><a href="#" class="social-link"><i class="fab fa-youtube"></i></a></li>
  1497.                    </ul>
  1498.                </div>
  1499.                
  1500.                <div class="footer-links-container">
  1501.                    <h4 class="footer-title">Produits</h4>
  1502.                    
  1503.                    <ul class="footer-links">
  1504.                        <li class="footer-link"><a href="#cigarettes">Cigarettes Électroniques</a></li>
  1505.                        <li class="footer-link"><a href="#e-liquides">E-liquides</a></li>
  1506.                        <li class="footer-link"><a href="#puffs">Puffs</a></li>
  1507.                        <li class="footer-link"><a href="#">Accessoires</a></li>
  1508.                        <li class="footer-link"><a href="#">Nouveautés</a></li>
  1509.                        <li class="footer-link"><a href="#">Promotions</a></li>
  1510.                    </ul>
  1511.                </div>
  1512.                
  1513.                <div class="footer-links-container">
  1514.                    <h4 class="footer-title">Informations</h4>
  1515.                    
  1516.                    <ul class="footer-links">
  1517.                        <li class="footer-link"><a href="#">À propos de nous</a></li>
  1518.                        <li class="footer-link"><a href="#">Livraison</a></li>
  1519.                        <li class="footer-link"><a href="#">Conditions générales</a></li>
  1520.                        <li class="footer-link"><a href="#">Politique de confidentialité</a></li>
  1521.                        <li class="footer-link"><a href="#">FAQ</a></li>
  1522.                        <li class="footer-link"><a href="#contact">Contact</a></li>
  1523.                    </ul>
  1524.                </div>
  1525.                
  1526.                <div class="footer-links-container">
  1527.                    <h4 class="footer-title">Mon Compte</h4>
  1528.                    
  1529.                    <ul class="footer-links">
  1530.                        <li class="footer-link"><a href="#">Connexion</a></li>
  1531.                        <li class="footer-link"><a href="#">Inscription</a></li>
  1532.                        <li class="footer-link"><a href="#">Mes commandes</a></li>
  1533.                        <li class="footer-link"><a href="#">Mon panier</a></li>
  1534.                        <li class="footer-link"><a href="#">Liste de souhaits</a></li>
  1535.                        <li class="footer-link"><a href="#">Suivi de commande</a></li>
  1536.                    </ul>
  1537.                </div>
  1538.            </div>
  1539.            
  1540.            <div class="footer-bottom">
  1541.                <p>&copy; 2025 VapeFrance - Tous droits réservés. Site développé par VapeFrance Team.</p>
  1542.            </div>
  1543.        </div>
  1544.    </footer>
  1545.    
  1546.    <!-- Scripts -->
  1547.    <script>
  1548.        // Animation d'apparition au scroll
  1549.        document.addEventListener('DOMContentLoaded', function() {
  1550.            const fadeElements = document.querySelectorAll('.fade-in');
  1551.            
  1552.            const observer = new IntersectionObserver((entries) => {
  1553.                entries.forEach(entry => {
  1554.                    if (entry.isIntersecting) {
  1555.                        entry.target.style.opacity = 1;
  1556.                        entry.target.style.transform = 'translateY(0)';
  1557.                    }
  1558.                });
  1559.            }, {
  1560.                threshold: 0.1
  1561.            });
  1562.            
  1563.            fadeElements.forEach(element => {
  1564.                element.style.opacity = 0;
  1565.                element.style.transform = 'translateY(20px)';
  1566.                element.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
  1567.                observer.observe(element);
  1568.            });
  1569.            
  1570.            // Navigation smooth scroll
  1571.            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  1572.                anchor.addEventListener('click', function (e) {
  1573.                    e.preventDefault();
  1574.                    
  1575.                    const targetId = this.getAttribute('href');
  1576.                    
  1577.                    if (targetId === '#') return;
  1578.                    
  1579.                    document.querySelector(targetId).scrollIntoView({
  1580.                        behavior: 'smooth'
  1581.                    });
  1582.                    
  1583.                    // Update active nav link
  1584.                    document.querySelectorAll('.nav-link').forEach(link => {
  1585.                        link.classList.remove('active');
  1586.                    });
  1587.                    
  1588.                    this.classList.add('active');
  1589.                });
  1590.            });
  1591.            
  1592.            // Category tabs functionality
  1593.            document.querySelectorAll('.category-btn').forEach(button => {
  1594.                button.addEventListener('click', function() {
  1595.                    const parentSection = this.closest('section');
  1596.                    
  1597.                    parentSection.querySelectorAll('.category-btn').forEach(btn => {
  1598.                        btn.classList.remove('active');
  1599.                    });
  1600.                    
  1601.                    this.classList.add('active');
  1602.                    
  1603.                    // Here you would typically filter products based on category
  1604.                    // For demo purposes, we're just toggling the active class
  1605.                });
  1606.            });
  1607.        });
  1608.        
  1609.        // Structured data for product ratings
  1610.        const productRatings = {
  1611.            "@context": "https://schema.org/",
  1612.            "@type": "Product",
  1613.            "name": "VapeFrance E-liquides",
  1614.            "description": "E-liquides premium fabriqués en France",
  1615.            "aggregateRating": {
  1616.                "@type": "AggregateRating",
  1617.                "ratingValue": "4.8",
  1618.                "bestRating": "5",
  1619.                "worstRating": "1",
  1620.                "ratingCount": "1250"
  1621.            }
  1622.        };
  1623.        
  1624.        // Structured data for organization
  1625.        const organization = {
  1626.            "@context": "https://schema.org",
  1627.            "@type": "Organization",
  1628.            "name": "VapeFrance",
  1629.            "url": "https://www.vapefrance.fr",
  1630.            "logo": "/api/placeholder/200/200",
  1631.            "sameAs": [
  1632.                "https://www.facebook.com/vapefrance",
  1633.                "https://www.instagram.com/vapefrance",
  1634.                "https://twitter.com/vapefrance",
  1635.                "https://www.youtube.com/vapefrance"
  1636.            ]
  1637.        };
  1638.        
  1639.        // Add structured data to page
  1640.        const scriptProduct = document.createElement('script');
  1641.        scriptProduct.type = 'application/ld+json';
  1642.        scriptProduct.text = JSON.stringify(productRatings);
  1643.        document.head.appendChild(scriptProduct);
  1644.        
  1645.        const scriptOrg = document.createElement('script');
  1646.        scriptOrg.type = 'application/ld+json';
  1647.        scriptOrg.text = JSON.stringify(organization);
  1648.        document.head.appendChild(scriptOrg);
  1649.        
  1650.        // SEO Optimization Comments
  1651.        /*
  1652.        * Optimisation SEO pour VapeFrance
  1653.        *
  1654.        * Mots-clés principaux ciblés :
  1655.        * - cigarette électronique
  1656.        * - e-liquide made in france
  1657.        * - puff premium
  1658.        * - vape shop france
  1659.        * - kit vape débutant
  1660.        *
  1661.        * Structure d'URL SEO :
  1662.        * - /cigarettes-electroniques/marque/modele
  1663.        * - /e-liquides/saveur/marque
  1664.        * - /puffs/marque/modele
  1665.        *
  1666.        * Balisage schema.org implémenté pour :
  1667.        * - Store
  1668.        * - WebSite
  1669.        * - BreadcrumbList
  1670.        * - Product
  1671.        * - Organization
  1672.        *
  1673.        * Meta-tags optimisés avec :
  1674.        * - Title unique et descriptif
  1675.        * - Meta-description attrayante
  1676.        * - Open Graph pour partage social
  1677.        * - Balises Alt sur toutes les images
  1678.        *
  1679.        * Contenu riche et pertinent :
  1680.        * - Texte descriptif optimisé naturellement
  1681.        * - Sections FAQ pour le référencement en position 0
  1682.        * - Témoignages clients pour la social proof
  1683.        * - Mise en avant du "Made in France" comme USP
  1684.        *
  1685.        * Structure optimisée :
  1686.        * - H1, H2, H3 hiérarchisés
  1687.        * - Liens internes pertinents
  1688.        * - URL canonique
  1689.        * - Navigation intuitive
  1690.        * - Page responsive et mobile-friendly
  1691.        */
  1692.    </script>
  1693. </body>
  1694. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda