Lampe a poser exterieur BO Nomad - Led sans fil🏖️

Boethic Verified independent store

→

:root { --primary-color: #AC3B2A; --text-color: #2B2B2B; --background-color: #FDF8F3; --white: #FFFFFF; --accent-light: #F4EEE6; --accent-yellow: #F5C34C; --accent-blue: #7C9AAF; - -accent-dark: #72483A; --transition-fast: 0.3s ease; --transition-medium: 0.5s ease; } body { font-family: 'Poppins', sans-serif; color: var(--text-color); background-color: var(--background-color); line-height: 1.6; margin: 0; padding: 20px; } .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } /* Typography */ h1, h2, h3 { font-weight: 600; line-height: 1.2; color: var(--primary-color); } h1 { font-size: 2.5rem; margin-bottom: 0.5rem; } h2 { font-size: 2rem; margin-top: 2rem; margin-bottom: 1rem; } h3 { font-size: 1.25rem; margin-bottom: 0.5rem; } p { margin-bottom: 1.5rem; font-size: 1.1rem; } /* Hero Section */ .hero-content { margin-bottom: 2rem; position: relative; padding: 4rem 0; text-align: center; background: linear-gradient(45deg, var(--accent-light), var(--background-color)); border-radius: 20px; } .product-title { font-size: 3.5rem; color: var(--primary-color); margin-bottom: 0.5rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); } .product-subtitle { font-size: 1.8rem; color: var(--primary-color); opacity: 0.9; margin-bottom: 1.5rem; } .hero-tagline { font-size: 1.3rem; font-weight: 500; color: var(--text-color); margin-bottom: 2rem; max-width: 850px; margin: 0 auto; padding: 0 2rem; } /* Image Showcase */ .image-showcase { margin: 4rem 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } .image-item { position: relative; overflow: hidden; border-radius: 20px; aspect-ratio: 1/1; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); cursor: pointer; transition: transform var(--transition-medium); } .image-item:hover { transform: translateY(-10px); } .image-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); } .image-item:hover img { transform: scale(1.05); } .image-caption { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); color: white; padding: 2rem; transform: translateY(100%); transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); } .image-item:hover .image-caption { transform: translateY(0); } /* Animated Banner */ .animated-banner { position: relative; height: 250px; border-radius: 20px; margin: 4rem 0; background: linear-gradient(135deg, var(--primary-color), var(--accent-dark)); overflow: hidden; display: flex; align-items: center; justify-content: center; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); } .banner-text { color: white; font-size: 2.5rem; font-weight: 600; text-align: center; z-index: 10; padding: 1rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); } .floating-shape { position: absolute; border-radius: 50%; opacity: 0.15; z-index: 1; animation: float 12s infinite ease-in-out; } .shape-1 { width: 400px; height: 400px; background-color: var(--accent-yellow); top: -150px; left: -150px; animation-delay: 0s; } .shape-2 { width: 300px; height: 300px; background-color: var(--accent-light); bottom: -100px; right: -100px; animation-delay: 3s; } .shape-3 { width: 200px; height: 200px; background-color: var(--accent-blue); top: 50%; left: 50%; transform: translate(-50%, -50%); animation-delay: 6s; } @keyframes float { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 25% { transform: translate(30px, -30px) rotate(8deg); } 50% { transform: translate(0, 40px) rotate(-8deg); } 75% { transform: translate(-30px, -15px) rotate(5deg); } } /* Product Gallery */ .product-gallery { margin: 4rem 0; } .gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .gallery-item { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); transition: all var(--transition-medium); } .gallery-item:hover { transform: translateY(-10px); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15); } .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); } .gallery-item:hover img { transform: scale(1.1); } .main-item { grid-column: span 2; grid-row: span 2; } /* Design Section */ .design-section { margin: 4rem 0; background: var(--white); padding: 3rem; border-radius: 20px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); } .design-text { margin-bottom: 3rem; } .design-quote { position: relative; margin: 3rem 0; padding: 2rem; border-left: 6px solid var(--primary-color); background: linear-gradient(to right, var(--accent-light), var(--white)); border-radius: 12px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); } .design-quote p { font-size: 1.4rem; font-weight: 500; font-style: italic; color: var(--primary-color); margin: 0; line-height: 1.8; } .quote-icon { position: absolute; top: -20px; left: -20px; background-color: var(--white); padding: 10px; border-radius: 50%; font-size: 2rem; color: var(--primary-color); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .tech-title { color: var(--primary-color); font-size: 1.6rem; margin: 2rem 0 1rem; font-weight: 600; } .tech-description { margin-bottom: 2rem; font-size: 1.2rem; } .design-specs { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; margin-top: 2rem; } .spec { background: linear-gradient(135deg, var(--white), var(--accent-light)); padding: 1.5rem; border-radius: 12px; display: flex; flex-direction: column; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); transition: transform var(--transition-fast); } .spec:hover { transform: translateY(-5px); } .spec-label { font-size: 0.9rem; text-transform: uppercase; color: var(--text-color); opacity: 0.7; margin-bottom: 0.5rem; } .spec-value { font-size: 1.2rem; font-weight: 600; color: var(--primary-color); } /* Image Compare Slider */ .image-compare { position: relative; width: 100%; margin: 4rem 0; overflow: hidden; border-radius: 20px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); aspect-ratio: 16/9; } .image-compare-before, .image-compare-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .image-compare-before img, .image-compare-after img { width: 100%; height: 100%; object-fit: cover; } .image-compare-after { width: 50%; border-right: 4px solid var(--white); } .image-compare-handle { position: absolute; top: 0; left: 50%; width: 4px; height: 100%; background-color: var(--white); z-index: 10; cursor: ew-resize; } .image-compare-handle::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; background-color: var(--white); border-radius: 50%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } /* Lifestyle Section */ .lifestyle-section { margin: 4rem 0; text-align: center; } .lifestyle-text { max-width: 800px; margin: 0 auto 3rem; } .lifestyle-text h2 { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 1.5rem; } .lifestyle-text p { font-size: 1.3rem; line-height: 1.8; } /* Context Gallery */ .context-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin: 3rem 0; } .context-gallery .gallery-item { aspect-ratio: 1/1; } /* For Who Section */ .for-who-section { background: var(--white); padding: 4rem; border-radius: 20px; margin: 4rem 0; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); } .for-who-text h2 { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 2rem; text-align: center; } .audience-list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .audience-list li { background: linear-gradient(135deg, var(--white), var(--accent-light)); padding: 2rem; border-radius: 12px; font-size: 1.2rem; line-height: 1.8; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); transition: transform var(--transition-fast); } .audience-list li:hover { transform: translateY(-5px); } .audience-list li strong { color: var(--primary-color); display: block; margin-bottom: 0.5rem; font-size: 1.3rem; } /* Designer Note */ .note-container { background: linear-gradient(135deg, var(--white), var(--accent-light)); border-radius: 20px; padding: 3rem; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); max-width: 900px; margin: 4rem auto; position: relative; } .note-content h3 { color: var(--primary-color); font-size: 1.8rem; margin-bottom: 1.5rem; text-align: center; } .note-content p { font-size: 1.2rem; line-height: 1.8; margin-bottom: 2rem; font-style: italic; color: var(--text-color); } .note-signature { text-align: right; font-size: 1.1rem; font-weight: 500; color: var(--primary-color); } /* Parallax Section */ .parallax-section { position: relative; height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 4rem 0; display: flex; align-items: center; justify-content: center; border-radius: 20px; overflow: hidden; } .parallax-content { text-align: center; color: var(--white); z-index: 10; padding: 3rem; background: rgba(0, 0, 0, 0.4); border-radius: 20px; backdrop-filter: blur(8px); max-width: 800px; } .parallax-content h2 { color: var(--white); font-size: 2.5rem; margin-bottom: 1rem; } .parallax-content p { font-size: 1.3rem; line-height: 1.8; } /* FAQ Accordion */ .faq-section { margin: 4rem 0; padding: 3rem; background: var(--white); border-radius: 20px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); } .faq-section h2 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; } .accordion { max-width: 900px; margin: 0 auto; } .accordion-item { margin-bottom: 1.5rem; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); background: linear-gradient(135deg, var(--white), var(--accent-light)); } .accordion-header { padding: 1.5rem; font-weight: 600; font-size: 1.2rem; color: var(--primary-color); cursor: pointer; position: relative; display: flex; justify-content: space-between; align-items: center; transition: background-color var(--transition-fast); } .accordion-header:hover { background-color: var(--accent-light); } .accordion-header::after { content: '+'; font-size: 1.8rem; transition: transform var(--transition-fast); } .accordion-item.active .accordion-header::after { transform: rotate(45deg); } .accordion-content { background-color: var(--white); max-height: 0; overflow: hidden; transition: max-height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); } .accordion-item.active .accordion-content { max-height: 500px; } .accordion-body { padding: 0 1.5rem 1.5rem; } .accordion-body p { font-size: 1.1rem; line-height: 1.8; color: var(--text-color); } /* Responsive Design */ @media (max-width: 1200px) { .container { padding: 0 2rem; } .product-title { font-size: 3rem; } .banner-text { font-size: 2rem; } } @media (max-width: 992px) { .image-showcase { grid-template-columns: 1fr 1fr; } .gallery-grid { grid-template-columns: repeat(2, 1fr); } .context-gallery { grid-template-columns: repeat(2, 1fr); } .design-specs { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { body { padding: 10px; } .product-title { font-size: 2.5rem; } .product-subtitle { font-size: 1.5rem; } .hero-tagline { font-size: 1.1rem; } .image-showcase { grid-template-columns: 1fr; } .gallery-grid { grid-template-columns: 1fr; } .main-item { grid-column: auto; grid-row: auto; } .context-gallery { grid-template-columns: 1fr; } .design-specs { grid-template-columns: 1fr; } .for-who-section { padding: 2rem; } .audience-list { grid-template-columns: 1fr; } .parallax-section { height: 400px; } .parallax-content { padding: 2rem; } .note-container { padding: 2rem; } } @media (max-width: 480px) { .container { padding: 0 1rem; } .product-title { font-size: 2rem; } .banner-text { font-size: 1.5rem; } .design-quote p { font-size: 1.1rem; } .parallax-content h2 { font-size: 2rem; } .parallax-content p { font-size: 1.1rem; } .faq-section { padding: 2rem; } .accordion-header { font-size: 1.1rem; padding: 1.2rem; } } Lampe Bo Design minimaliste des années 60 La Lampe Bo fusionne esthétique contemporaine et vintage, une création unique réalisée en Rhône Alpes. Design Épuré Lignes minimalistes et élégantes Finition Impeccable Détails soignés et fabrication artisanale Intégration Parfaite S'adapte à tous les intérieurs Ambiance Créée Éclairage chaleureux et design L'Art de l'Éclairage Minimaliste Philosophie de Conception La Lampe Bo est conçue avec une attention particulière portée à l'esthétique et la fonctionnalité. Chaque pièce incarne l'équilibre parfait entre artisanat traditionnel et sensibilité design contemporaine. Vous pouvez aussi l'adopter sous d'autres formes comme une applique, une suspension, un plafonnier, un lampadaire . Conçue en acier recyclé laqué, elle combine durabilité et élégance. Fabrication Française d'Excellence Pour les magasins partenaires ou les bureaux de design intérieur, une personnalisation est possible dès la mise en série de 20 unités. Notre engagement envers la qualité garantit un produit exceptionnel. Matériau Acier 100% Recyclé français Finition Laqué Premium Dimensions 25 x 35 cm Origine Fabriqué en France Pourquoi choisir la Lampe Bo? Notre lampe n'est pas qu'un simple éclairage; c'est un élément central qui transforme votre espace. Du quotidien aux occasions spéciales, la Lampe Bo apporte une touche d'élégance à chaque pièce. Les Avantages de la Lampe Bo Design contemporain 🖤 : La Lampe Bo séduit par ses couleurs vives et son esthétique moderne, apportant une touche unique à chaque espace tout en respectant un style épuré. Fabrication Française 🇫🇷 : Toutes nos lampes sont fabriquées et assemblées par CELLUX (proche de St Etienne), mettant en avant le savoir-faire et l'excellence de l'artisanat français. Dimensions compactes 📏 : Avec 25 cm de longueur et 35 cm de largeur, la Lampe Bo s'intègre facilement dans n'importe quel espace sans surcharger l'environnement. 100% Acier recyclé ♻️ : Nous utilisons de l'acier recyclé, garantissant une durabilité exceptionnelle et une fabrication éthique et respectueuse de l'environnement. Finition soignée 🎨 : Chaque lampe est dotée d'un câble tissu assorti made in Italie pour un rendu impeccable, créant une harmonie parfaite entre design et fonctionnalité. Éthique et durable 💚 : La Lampe Bo est un choix résolument moderne, éthique, et durable, alliant beauté et respect de l'environnement. De l'Atelier du Designer "Chaque Lampe Bo est réalisée avec passion. Nous sélectionnons l'acier recyclé de la plus haute qualité, façonnons méticuleusement chaque pièce, et appliquons une finition laquée parfaite. Les couleurs que nous proposons sont inspirées par les tendances contemporaines et l'héritage du design des années 60." "Nos créations rendent hommage au design minimaliste tout en incorporant des fonctionnalités modernes qui répondent aux exigences des intérieurs d'aujourd'hui. Nous croyons que les lampes doivent être suffisamment belles pour être exposées, tout en restant pratiques pour une utilisation quotidienne." Cécile fondatrice de Boethic Rejoignez Notre Communauté Si vous êtes passionné-e par le design éthique et durable, rejoignez-nous et faites partie d'une communauté qui valorise des créations responsables et innovantes. Questions Fréquentes Comment entretenir ma Lampe Bo? Nos lampes sont conçues pour un entretien facile. Un simple dépoussiérage régulier avec un chiffon doux suffit. Évitez les produits nettoyants abrasifs qui pourraient endommager la finition laquée. En cas de tache, un chiffon légèrement humide fera l'affaire. Quelle ampoule utiliser avec la Lampe Bo? La Lampe Bo est compatible avec des ampoules standard E27. Nous recommandons l'utilisation d'ampoules LED pour leur efficacité énergétique et leur longue durée de vie. Une puissance de 7 à 9W LED (équivalent 60W incandescent) offre un éclairage optimal. Est-il possible de personnaliser la couleur? La Lampe Bo est disponible en 9 couleurs standards. Pour les commandes spéciales ou professionnelles (à partir de 20 unités), nous proposons un service de personnalisation complète, incluant des couleurs sur mesure et des finitions spécifiques. Contactez-nous pour plus d'informations. Qu'est-ce qui rend la Lampe Bo si spéciale? Contrairement aux produits de masse, chaque Lampe Bo est fabriquée en France par des artisans qualifiés. Notre utilisation d'acier 100% recyclé offre une durabilité exceptionnelle tout en respectant l'environnement. Le design minimaliste inspiré des années 60, combiné à des techniques de fabrication modernes, crée un objet intemporel qui traverse les époques. Show more