NativeON/aesthetic-haven
0
1<!DOCTYPE html>2<html lang="en" class="scroll-smooth">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Aesthetic Haven | Minimal & Cozy Decor</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <link rel="stylesheet" href="style.css">9 <script src="https://cdn.tailwindcss.com"></script>10 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11 <script src="https://unpkg.com/feather-icons"></script>12 <script src="components/navbar.js"></script>13 <script src="components/footer.js"></script>14 <script src="components/product-card.js"></script>15 <script src="components/hero-section.js"></script>16 <script src="components/testimonial-card.js"></script>17 <script src="components/feature-card.js"></script>18</head>19<body class="bg-white text-gray-800 font-sans">20 <aesthetic-navbar></aesthetic-navbar>21 22 <main>23 <hero-section></hero-section>24 25 <!-- Featured Products Section -->26 <section class="py-16 px-4 md:px-8 lg:px-16">27 <div class="container mx-auto">28 <div class="text-center mb-12">29 <h2 class="text-3xl md:text-4xl font-light mb-4">Featured Products ✨</h2>30 <p class="text-gray-600 max-w-2xl mx-auto">Carefully curated items to transform your space into a serene sanctuary</p>31 </div>32 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">33 <product-card 34 title="Minimalist Ceramic Vase"35 price="€45.99"36 image="http://static.photos/minimal/640x360/101"37 category="Decor"38 ></product-card>39 <product-card 40 title="Rattan Pendant Light"41 price="€89.50"42 image="http://static.photos/nature/640x360/202"43 category="Lighting"44 ></product-card>45 <product-card 46 title="Linen Bedding Set"47 price="€120.00"48 image="http://static.photos/white/640x360/303"49 category="Textiles"50 ></product-card>51 <product-card 52 title="Oak Wood Side Table"53 price="€156.75"54 image="http://static.photos/wood/640x360/404"55 category="Furniture"56 ></product-card>57 </div>58 </div>59 </section>60 61 <!-- Features Section -->62 <section class="py-16 bg-gray-50">63 <div class="container mx-auto px-4 md:px-8 lg:px-16">64 <div class="text-center mb-12">65 <h2 class="text-3xl md:text-4xl font-light mb-4">Why Choose Aesthetic Haven? 🌿</h2>66 <p class="text-gray-600 max-w-2xl mx-auto">Our philosophy revolves around simplicity, quality, and mindfulness</p>67 </div>68 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">69 <feature-card 70 icon="package"71 title="Sustainable Packaging"72 description="All our products come in eco-friendly, recyclable packaging to minimize environmental impact."73 ></feature-card>74 <feature-card 75 icon="check-circle"76 title="Quality Guaranteed"77 description="Each item is carefully inspected and selected for durability, craftsmanship, and aesthetic appeal."78 ></feature-card>79 <feature-card 80 icon="truck"81 title="Free EU Shipping"82 description="Enjoy free shipping on all orders over €100 within the European Union. Fast & reliable delivery."83 ></feature-card>84 </div>85 </div>86 </section>87 88 <!-- Testimonials Section -->89 <section class="py-16 px-4 md:px-8 lg:px-16">90 <div class="container mx-auto">91 <div class="text-center mb-12">92 <h2 class="text-3xl md:text-4xl font-light mb-4">Customer Love 💌</h2>93 <p class="text-gray-600 max-w-2xl mx-auto">See what our community says about their Aesthetic Haven experience</p>94 </div>95 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">96 <testimonial-card 97 name="Sofia M."98 location="Milan, Italy"99 text="The ceramic vase transformed my living room! The quality is exceptional and it arrived perfectly packaged."100 rating="5"101 image="http://static.photos/people/200x200/501"102 ></testimonial-card>103 <testimonial-card 104 name="Lucas T."105 location="Berlin, Germany"106 text="I love the minimalist design of all products. My apartment finally feels like the peaceful retreat I wanted."107 rating="5"108 image="http://static.photos/people/200x200/502"109 ></testimonial-card>110 <testimonial-card 111 name="Emma K."112 location="Paris, France"113 text="The linen bedding is so comfortable and looks gorgeous. Customer service was incredibly helpful too!"114 rating="4"115 image="http://static.photos/people/200x200/503"116 ></testimonial-card>117 </div>118 </div>119 </section>120 121 <!-- Newsletter Section -->122 <section class="py-16 bg-gray-900 text-white">123 <div class="container mx-auto px-4 md:px-8 lg:px-16 text-center">124 <h2 class="text-3xl md:text-4xl font-light mb-4">Join Our Community 🌸</h2>125 <p class="text-gray-300 mb-8 max-w-2xl mx-auto">Subscribe to receive exclusive offers, styling tips, and early access to new collections</p>126 <form class="max-w-md mx-auto flex flex-col sm:flex-row gap-4">127 <input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-lg text-gray-900 focus:outline-none focus:ring-2 focus:ring-gray-300">128 <button type="submit" class="bg-white text-gray-900 px-6 py-3 rounded-lg font-medium hover:bg-gray-100 transition duration-300">Subscribe</button>129 </form>130 <p class="text-gray-400 text-sm mt-4">We respect your privacy. Unsubscribe at any time.</p>131 </div>132 </section>133 </main>134 135 <aesthetic-footer></aesthetic-footer>136 137 <script src="script.js"></script>138 <script>139 feather.replace();140 // Initialize any page-specific functionality141 document.addEventListener('DOMContentLoaded', function() {142 console.log('Aesthetic Haven loaded');143 });144 </script>145<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>146</body>147</html>