Spaces:

spwotton
/

maxlifenaturals

Running

App Files Files Community

spwotton commited on Apr 26, 2025

Commit

f15a35a

verified ·

1 Parent(s): 0f4f9f2

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +619 -19
prompts.txt +5 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Maxlifenaturals
-emoji: 🐠
-colorFrom: green
-colorTo: green
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: maxlifenaturals
+emoji: 🐳
+colorFrom: blue
+colorTo: red
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,619 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Day Chill™ Natural Stress and Anxiety Relief Supplement</title>
+    <meta name="description" content="Day Chill provides all the benefits of anti-anxiety supplements without needing to take multiple pills daily. Made with natural DHH-b.">
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://maxlifenaturals.com/products/day-chill">
+    <meta property="og:title" content="Day Chill™ Natural Stress and Anxiety Relief Supplement">
+    <meta property="og:description" content="Day Chill provides all the benefits of anti-anxiety supplements without needing to take multiple pills daily. Made with natural DHH-b.">
+    <meta property="og:image" content="https://maxlifenaturals.com/cdn/shop/files/DayChill_60_Front.png?v=1703371757">
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://maxlifenaturals.com/products/day-chill">
+    <meta property="twitter:title" content="Day Chill™ Natural Stress and Anxiety Relief Supplement">
+    <meta property="twitter:description" content="Day Chill provides all the benefits of anti-anxiety supplements without needing to take multiple pills daily. Made with natural DHH-b.">
+    <meta property="twitter:image" content="https://maxlifenaturals.com/cdn/shop/files/DayChill_60_Front.png?v=1703371757">
+    <!-- Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Nunito+Sans:wght@400;600;700&display=swap" rel="stylesheet">
+    <!-- Tailwind CSS -->
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    colors: {
+                        'dark-blue': '#265283',
+                        'green': '#528326',
+                    },
+                    fontFamily: {
+                        'sans': ['Lato', 'sans-serif'],
+                        'heading': ['Nunito Sans', 'sans-serif'],
+                    },
+                    borderRadius: {
+                        'custom': '8px',
+                    }
+                }
+            }
+        }
+    </script>
+    <!-- Custom CSS -->
+    <style>
+        body {
+            font-family: 'Lato', sans-serif;
+        }
+        h1, h2, h3, h4 {
+            font-family: 'Nunito Sans', sans-serif;
+        }
+        .hero-bg {
+            background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(242,247,252,1) 100%);
+        }
+        .benefit-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
+        }
+        .ingredient-highlight {
+            position: relative;
+        }
+        .ingredient-highlight::after {
+            content: '';
+            position: absolute;
+            bottom: -2px;
+            left: 0;
+            width: 100%;
+            height: 2px;
+            background-color: #528326;
+            transform: scaleX(0);
+            transform-origin: right;
+            transition: transform 0.3s ease;
+        }
+        .ingredient-highlight:hover::after {
+            transform: scaleX(1);
+            transform-origin: left;
+        }
+        .accordion-content {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease;
+        }
+        .accordion.active .accordion-content {
+            max-height: 300px;
+        }
+        .accordion.active .accordion-icon {
+            transform: rotate(180deg);
+        }
+    </style>
+    <!-- Font Awesome for icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+</head>
+<body class="bg-white text-gray-800">
+    <!-- Header/Navigation -->
+    <header class="sticky top-0 z-50 bg-white shadow-sm">
+        <div class="container mx-auto px-4 py-4 flex justify-between items-center">
+            <div class="flex items-center">
+                <a href="#" class="text-2xl font-bold text-dark-blue">MaxLife Naturals</a>
+            </div>
+            <nav class="hidden md:flex space-x-8">
+                <a href="#" class="text-dark-blue hover:text-green transition">Home</a>
+                <a href="#" class="text-dark-blue hover:text-green transition">Products</a>
+                <a href="#" class="text-dark-blue hover:text-green transition">About</a>
+                <a href="#" class="text-dark-blue hover:text-green transition">Contact</a>
+            </nav>
+            <div class="flex items-center space-x-4">
+                <a href="#" class="text-dark-blue hover:text-green transition"><i class="fas fa-shopping-cart"></i></a>
+                <button class="md:hidden text-dark-blue">
+                    <i class="fas fa-bars text-xl"></i>
+                </button>
+            </div>
+        </div>
+    </header>
+    <!-- Hero Section -->
+    <section class="hero-bg py-12 md:py-20">
+        <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
+            <div class="md:w-1/2 mb-10 md:mb-0">
+                <h1 class="text-3xl md:text-5xl font-bold text-dark-blue mb-4">Stay Calm, Stay Focused – Naturally.</h1>
+                <p class="text-xl text-gray-600 mb-8">Day Chill™ helps you take control of your day with powerful natural stress relief.</p>
+                <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
+                    <a href="#order" class="bg-dark-blue hover:bg-green text-white font-bold py-3 px-8 rounded-custom transition duration-300 text-center">Shop Now - $39.99</a>
+                    <a href="#benefits" class="border-2 border-dark-blue text-dark-blue hover:bg-gray-100 font-bold py-3 px-8 rounded-custom transition duration-300 text-center">Learn More</a>
+                </div>
+            </div>
+            <div class="md:w-1/2 flex justify-center">
+                <img src="https://maxlifenaturals.com/cdn/shop/files/DayChill_60_Front.png?v=1703371757" alt="Day Chill Bottle" class="w-full max-w-md md:max-w-lg">
+            </div>
+        </div>
+    </section>
+    <!-- Trust Badges -->
+    <section class="py-8 bg-gray-50">
+        <div class="container mx-auto px-4">
+            <div class="flex flex-wrap justify-center items-center gap-8 md:gap-16">
+                <div class="text-center">
+                    <i class="fas fa-leaf text-green text-4xl mb-2"></i>
+                    <p class="font-bold">100% Natural</p>
+                </div>
+                <div class="text-center">
+                    <i class="fas fa-flask text-dark-blue text-4xl mb-2"></i>
+                    <p class="font-bold">Scientifically Proven</p>
+                </div>
+                <div class="text-center">
+                    <i class="fas fa-medal text-green text-4xl mb-2"></i>
+                    <p class="font-bold">Premium Quality</p>
+                </div>
+                <div class="text-center">
+                    <i class="fas fa-heart text-dark-blue text-4xl mb-2"></i>
+                    <p class="font-bold">Made in USA</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Benefits Section -->
+    <section id="benefits" class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <h2 class="text-3xl md:text-4xl font-bold text-center text-dark-blue mb-12">Experience the Day Chill™ Difference</h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+                <!-- Benefit 1 -->
+                <div class="benefit-card bg-white p-6 rounded-custom shadow-md hover:shadow-lg transition duration-300">
+                    <div class="w-16 h-16 bg-green bg-opacity-10 rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-brain text-green text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-dark-blue mb-2">Calm Mind</h3>
+                    <p class="text-gray-600">Promotes relaxation without drowsiness, helping you stay focused and clear-headed throughout your day.</p>
+                </div>
+                <!-- Benefit 2 -->
+                <div class="benefit-card bg-white p-6 rounded-custom shadow-md hover:shadow-lg transition duration-300">
+                    <div class="w-16 h-16 bg-green bg-opacity-10 rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-heart text-green text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-dark-blue mb-2">Reduced Anxiety</h3>
+                    <p class="text-gray-600">Helps manage stress responses and anxious feelings with clinically-studied natural ingredients.</p>
+                </div>
+                <!-- Benefit 3 -->
+                <div class="benefit-card bg-white p-6 rounded-custom shadow-md hover:shadow-lg transition duration-300">
+                    <div class="w-16 h-16 bg-green bg-opacity-10 rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-smile text-green text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-dark-blue mb-2">Natural Mood Support</h3>
+                    <p class="text-gray-600">Supports balanced neurotransmitter activity for improved emotional wellbeing and positivity.</p>
+                </div>
+                <!-- Benefit 4 -->
+                <div class="benefit-card bg-white p-6 rounded-custom shadow-md hover:shadow-lg transition duration-300">
+                    <div class="w-16 h-16 bg-green bg-opacity-10 rounded-full flex items-center justify-center mb-4">
+                        <i class="fas fa-bolt text-green text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-dark-blue mb-2">Daily Energy Boost</h3>
+                    <p class="text-gray-600">Unlike sedatives, Day Chill™ helps reduce stress while maintaining your natural energy levels.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Product Details -->
+    <section class="py-16 bg-gray-50">
+        <div class="container mx-auto px-4">
+            <div class="flex flex-col lg:flex-row items-center">
+                <div class="lg:w-1/2 mb-10 lg:mb-0 lg:pr-10">
+                    <h2 class="text-3xl font-bold text-dark-blue mb-6">The Science of Calm</h2>
+                    <p class="text-lg text-gray-600 mb-6">Day Chill™ combines cutting-edge neuroscience with traditional herbal wisdom to create a powerful yet gentle formula for modern stress relief. Our unique blend of Natural DHH-B Extract and complementary botanicals works synergistically to support your body's natural stress response systems.</p>
+                    <p class="text-lg text-gray-600 mb-8">Unlike prescription medications that often come with unwanted side effects, Day Chill™ provides effective relief while keeping you alert and focused throughout your day.</p>
+                    <div class="bg-white p-6 rounded-custom shadow-sm">
+                        <h3 class="text-xl font-bold text-dark-blue mb-4">Key Features:</h3>
+                        <ul class="space-y-2">
+                            <li class="flex items-start">
+                                <i class="fas fa-check-circle text-green mt-1 mr-2"></i>
+                                <span>Non-habit forming formula</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i class="fas fa-check-circle text-green mt-1 mr-2"></i>
+                                <span>No artificial additives or fillers</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i class="fas fa-check-circle text-green mt-1 mr-2"></i>
+                                <span>Vegetarian capsules</span>
+                            </li>
+                            <li class="flex items-start">
+                                <i class="fas fa-check-circle text-green mt-1 mr-2"></i>
+                                <span>60 capsules per bottle (30-day supply)</span>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="lg:w-1/2">
+                    <div class="bg-white p-8 rounded-custom shadow-sm">
+                        <h3 class="text-2xl font-bold text-dark-blue mb-6">Powerful Ingredients</h3>
+                        <div class="space-y-4">
+                            <div class="ingredient-highlight pb-2 border-b border-gray-100">
+                                <h4 class="font-bold text-dark-blue">Natural DHH-B Extract</h4>
+                                <p class="text-gray-600 text-sm">Our primary active compound that helps regulate stress response at the neurological level.</p>
+                            </div>
+                            <div class="ingredient-highlight pb-2 border-b border-gray-100">
+                                <h4 class="font-bold text-dark-blue">Magnesium Glycinate</h4>
+                                <p class="text-gray-600 text-sm">Highly bioavailable form of magnesium that supports nervous system function.</p>
+                            </div>
+                            <div class="ingredient-highlight pb-2 border-b border-gray-100">
+                                <h4 class="font-bold text-dark-blue">L-Theanine</h4>
+                                <p class="text-gray-600 text-sm">Amino acid from green tea that promotes alpha brain waves for relaxed focus.</p>
+                            </div>
+                            <div class="ingredient-highlight pb-2 border-b border-gray-100">
+                                <h4 class="font-bold text-dark-blue">Lemon Balm Extract</h4>
+                                <p class="text-gray-600 text-sm">Traditional herb known for its calming properties and cognitive benefits.</p>
+                            </div>
+                            <div class="ingredient-highlight pb-2 border-b border-gray-100">
+                                <h4 class="font-bold text-dark-blue">GABA</h4>
+                                <p class="text-gray-600 text-sm">Gamma-aminobutyric acid, your brain's primary inhibitory neurotransmitter.</p>
+                            </div>
+                            <div class="ingredient-highlight pb-2 border-b border-gray-100">
+                                <h4 class="font-bold text-dark-blue">Adaptogenic Herbs</h4>
+                                <p class="text-gray-600 text-sm">Ashwagandha, Rhodiola Rosea, and Passionflower help your body adapt to stress.</p>
+                            </div>
+                        </div>
+                        <div class="mt-8 bg-green bg-opacity-10 p-4 rounded-custom">
+                            <div class="flex items-start">
+                                <i class="fas fa-info-circle text-green mt-1 mr-3"></i>
+                                <p class="text-sm text-gray-700">Recommended Use: Take 2 capsules daily with water, preferably in the morning. For best results, use consistently for at least 30 days.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Testimonials -->
+    <section class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <h2 class="text-3xl font-bold text-center text-dark-blue mb-12">What Our Customers Say</h2>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <!-- Testimonial 1 -->
+                <div class="bg-gray-50 p-6 rounded-custom">
+                    <div class="flex items-center mb-4">
+                        <div class="flex -space-x-2">
+                            <img class="w-10 h-10 rounded-full" src="https://randomuser.me/api/portraits/women/43.jpg" alt="Sarah J.">
+                        </div>
+                        <div class="ml-3">
+                            <h4 class="font-bold">Sarah J.</h4>
+                            <div class="flex text-yellow-400">
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="text-gray-600">"I've tried many supplements for my anxiety, but Day Chill is the first one that actually works without making me drowsy. I can feel the difference within 30 minutes of taking it. My work performance has improved dramatically!"</p>
+                </div>
+                <!-- Testimonial 2 -->
+                <div class="bg-gray-50 p-6 rounded-custom">
+                    <div class="flex items-center mb-4">
+                        <div class="flex -space-x-2">
+                            <img class="w-10 h-10 rounded-full" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael T.">
+                        </div>
+                        <div class="ml-3">
+                            <h4 class="font-bold">Michael T.</h4>
+                            <div class="flex text-yellow-400">
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="text-gray-600">"As someone who's skeptical about supplements, I was pleasantly surprised by Day Chill. It helps me stay calm during high-pressure meetings without any side effects. The natural ingredients were a big selling point for me."</p>
+                </div>
+                <!-- Testimonial 3 -->
+                <div class="bg-gray-50 p-6 rounded-custom">
+                    <div class="flex items-center mb-4">
+                        <div class="flex -space-x-2">
+                            <img class="w-10 h-10 rounded-full" src="https://randomuser.me/api/portraits/women/65.jpg" alt="Lisa M.">
+                        </div>
+                        <div class="ml-3">
+                            <h4 class="font-bold">Lisa M.</h4>
+                            <div class="flex text-yellow-400">
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star-half-alt"></i>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="text-gray-600">"I've been using Day Chill for 3 months now and it's become an essential part of my morning routine. My husband noticed I'm less irritable and more patient with our kids. The effects are subtle but powerful."</p>
+                </div>
+            </div>
+            <div class="mt-12 text-center">
+                <a href="#" class="inline-flex items-center text-dark-blue font-bold hover:text-green transition">
+                    Read more reviews
+                    <i class="fas fa-chevron-right ml-2"></i>
+                </a>
+            </div>
+        </div>
+    </section>
+    <!-- Order Section -->
+    <section id="order" class="py-16 bg-dark-blue text-white">
+        <div class="container mx-auto px-4">
+            <div class="flex flex-col lg:flex-row items-center">
+                <div class="lg:w-1/2 mb-10 lg:mb-0 lg:pr-10">
+                    <h2 class="text-3xl font-bold mb-6">Ready to Experience Calm?</h2>
+                    <p class="text-lg mb-6 opacity-90">Take the first step toward a more relaxed, focused you with Day Chill™. Our 60-capsule bottle provides a full month's supply of premium natural stress support.</p>
+                    <div class="bg-white bg-opacity-10 p-6 rounded-custom mb-8">
+                        <div class="flex items-center mb-4">
+                            <i class="fas fa-truck text-2xl mr-4 text-green"></i>
+                            <div>
+                                <h4 class="font-bold">Free Shipping</h4>
+                                <p class="text-sm opacity-80">On all orders over $50</p>
+                            </div>
+                        </div>
+                        <div class="flex items-center">
+                            <i class="fas fa-shield-alt text-2xl mr-4 text-green"></i>
+                            <div>
+                                <h4 class="font-bold">90-Day Money Back Guarantee</h4>
+                                <p class="text-sm opacity-80">If you're not satisfied, we'll refund your purchase</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="lg:w-1/2">
+                    <div class="bg-white p-8 rounded-custom shadow-lg text-dark-blue">
+                        <div class="flex justify-between items-start mb-6">
+                            <div>
+                                <h3 class="text-2xl font-bold">Day Chill™</h3>
+                                <p class="text-gray-600">Natural Stress & Anxiety Relief</p>
+                            </div>
+                            <span class="text-3xl font-bold">$39.99</span>
+                        </div>
+                        <div class="mb-6">
+                            <img src="https://maxlifenaturals.com/cdn/shop/files/DayChill_60_Front.png?v=1703371757" alt="Day Chill Bottle" class="w-full max-w-xs mx-auto">
+                        </div>
+                        <div class="mb-6">
+                            <label for="quantity" class="block font-bold mb-2">Quantity</label>
+                            <select id="quantity" class="w-full p-3 border border-gray-300 rounded-custom">
+                                <option>1 Bottle (30-day supply) - $39.99</option>
+                                <option>2 Bottles (60-day supply) - $75.98</option>
+                                <option>3 Bottles (90-day supply) - $107.97</option>
+                            </select>
+                        </div>
+                        <button class="w-full bg-green hover:bg-dark-blue text-white font-bold py-4 px-6 rounded-custom transition duration-300 mb-4">
+                            Add to Cart
+                        </button>
+                        <div class="text-center">
+                            <img src="https://via.placeholder.com/300x50?text=Secure+Payment+Options" alt="Payment Methods" class="mx-auto">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- FAQ Section -->
+    <section class="py-16 bg-white">
+        <div class="container mx-auto px-4 max-w-4xl">
+            <h2 class="text-3xl font-bold text-center text-dark-blue mb-12">Frequently Asked Questions</h2>
+            <div class="space-y-4">
+                <!-- FAQ 1 -->
+                <div class="accordion border border-gray-200 rounded-custom overflow-hidden">
+                    <button class="accordion-btn w-full flex justify-between items-center p-4 bg-gray-50 hover:bg-gray-100 transition">
+                        <span class="text-lg font-bold text-dark-blue text-left">What is Day Chill™?</span>
+                        <i class="accordion-icon fas fa-chevron-down text-dark-blue transition-transform"></i>
+                    </button>
+                    <div class="accordion-content">
+                        <div class="p-4 pt-0 text-gray-600">
+                            <p>Day Chill™ is a premium natural supplement formulated to help manage everyday stress and anxiety while maintaining mental clarity and focus. It combines clinically-studied ingredients like Natural DHH-B Extract, L-Theanine, and adaptogenic herbs to support your body's natural stress response systems without sedation or drowsiness.</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- FAQ 2 -->
+                <div class="accordion border border-gray-200 rounded-custom overflow-hidden">
+                    <button class="accordion-btn w-full flex justify-between items-center p-4 bg-gray-50 hover:bg-gray-100 transition">
+                        <span class="text-lg font-bold text-dark-blue text-left">Is it safe for daily use?</span>
+                        <i class="accordion-icon fas fa-chevron-down text-dark-blue transition-transform"></i>
+                    </button>
+                    <div class="accordion-content">
+                        <div class="p-4 pt-0 text-gray-600">
+                            <p>Yes, Day Chill™ is formulated for daily use with natural ingredients that are generally recognized as safe. However, we recommend consulting with your healthcare provider before starting any new supplement, especially if you have pre-existing medical conditions or are taking medications.</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- FAQ 3 -->
+                <div class="accordion border border-gray-200 rounded-custom overflow-hidden">
+                    <button class="accordion-btn w-full flex justify-between items-center p-4 bg-gray-50 hover:bg-gray-100 transition">
+                        <span class="text-lg font-bold text-dark-blue text-left">When should I take it?</span>
+                        <i class="accordion-icon fas fa-chevron-down text-dark-blue transition-transform"></i>
+                    </button>
+                    <div class="accordion-content">
+                        <div class="p-4 pt-0 text-gray-600">
+                            <p>For best results, take 2 capsules in the morning with water. Some users find taking one capsule in the morning and one in the early afternoon works well for them. Avoid taking it too close to bedtime unless you're specifically using it for evening relaxation.</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- FAQ 4 -->
+                <div class="accordion border border-gray-200 rounded-custom overflow-hidden">
+                    <button class="accordion-btn w-full flex justify-between items-center p-4 bg-gray-50 hover:bg-gray-100 transition">
+                        <span class="text-lg font-bold text-dark-blue text-left">How long until I notice results?</span>
+                        <i class="accordion-icon fas fa-chevron-down text-dark-blue transition-transform"></i>
+                    </button>
+                    <div class="accordion-content">
+                        <div class="p-4 pt-0 text-gray-600">
+                            <p>Many users report feeling calmer within the first few days of use, but optimal results typically appear after 2-4 weeks of consistent use as the ingredients build up in your system. For long-term stress management, we recommend taking Day Chill™ consistently for at least 60 days.</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- FAQ 5 -->
+                <div class="accordion border border-gray-200 rounded-custom overflow-hidden">
+                    <button class="accordion-btn w-full flex justify-between items-center p-4 bg-gray-50 hover:bg-gray-100 transition">
+                        <span class="text-lg font-bold text-dark-blue text-left">Are there any side effects?</span>
+                        <i class="accordion-icon fas fa-chevron-down text-dark-blue transition-transform"></i>
+                    </button>
+                    <div class="accordion-content">
+                        <div class="p-4 pt-0 text-gray-600">
+                            <p>Day Chill™ is formulated to minimize side effects. Some sensitive individuals may experience mild digestive discomfort when first starting. The formula is non-sedating, but if you're particularly sensitive to calming herbs, you may want to start with one capsule per day.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-12 text-center">
+                <a href="#" class="inline-flex items-center text-dark-blue font-bold hover:text-green transition">
+                    More questions? Contact us
+                    <i class="fas fa-chevron-right ml-2"></i>
+                </a>
+            </div>
+        </div>
+    </section>
+    <!-- Final CTA -->
+    <section class="py-16 bg-green bg-opacity-10">
+        <div class="container mx-auto px-4 text-center">
+            <h2 class="text-3xl font-bold text-dark-blue mb-6">Ready to Take Control of Your Stress?</h2>
+            <p class="text-xl text-gray-600 mb-8 max-w-2xl mx-auto">Join thousands of satisfied customers who've discovered natural stress relief with Day Chill™.</p>
+            <a href="#order" class="inline-block bg-dark-blue hover:bg-green text-white font-bold py-3 px-8 rounded-custom transition duration-300">Get Day Chill Now</a>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="bg-dark-blue text-white py-12">
+        <div class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
+                <div>
+                    <h3 class="text-xl font-bold mb-4">MaxLife Naturals</h3>
+                    <p class="opacity-80">Premium natural supplements for modern wellness challenges.</p>
+                </div>
+                <div>
+                    <h4 class="font-bold mb-4">Shop</h4>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="opacity-80 hover:opacity-100 transition">All Products</a></li>
+                        <li><a href="#" class="opacity-80 hover:opacity-100 transition">Stress & Anxiety</a></li>
+                        <li><a href="#" class="opacity-80 hover:opacity-100 transition">Sleep Support</a></li>
+                        <li><a href="#" class="opacity-80 hover:opacity-100 transition">Energy & Focus</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="font-bold mb-4">Company</h4>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="opacity-80 hover:opacity-100 transition">About Us</a></li>
+                        <li><a href="#" class="opacity-80 hover:opacity-100 transition">Our Mission</a></li>
+                        <li><a href="#" class="opacity-80 hover:opacity-100 transition">Science & Research</a></li>
+                        <li><a href="#" class="opacity-80 hover:opacity-100 transition">Contact</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="font-bold mb-4">Connect</h4>
+                    <div class="flex space-x-4 mb-4">
+                        <a href="#" class="w-10 h-10 rounded-full bg-white bg-opacity-10 flex items-center justify-center hover:bg-opacity-20 transition"><i class="fab fa-facebook-f"></i></a>
+                        <a href="#" class="w-10 h-10 rounded-full bg-white bg-opacity-10 flex items-center justify-center hover:bg-opacity-20 transition"><i class="fab fa-instagram"></i></a>
+                        <a href="#" class="w-10 h-10 rounded-full bg-white bg-opacity-10 flex items-center justify-center hover:bg-opacity-20 transition"><i class="fab fa-twitter"></i></a>
+                    </div>
+                    <p class="opacity-80">Subscribe to our newsletter</p>
+                    <div class="mt-2 flex">
+                        <input type="email" placeholder="Your email" class="bg-white bg-opacity-10 border-none text-white p-2 rounded-l-custom focus:ring-0 w-full">
+                        <button class="bg-green text-white px-4 rounded-r-custom"><i class="fas fa-paper-plane"></i></button>
+                    </div>
+                </div>
+            </div>
+            <div class="border-t border-white border-opacity-10 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
+                <p class="text-sm opacity-70 mb-4 md:mb-0">© 2023 MaxLife Naturals. All rights reserved.</p>
+                <div class="flex space-x-6">
+                    <a href="#" class="text-sm opacity-70 hover:opacity-100 transition">Privacy Policy</a>
+                    <a href="#" class="text-sm opacity-70 hover:opacity-100 transition">Terms of Service</a>
+                    <a href="#" class="text-sm opacity-70 hover:opacity-100 transition">Shipping Policy</a>
+                </div>
+            </div>
+            <div class="mt-8 text-center text-sm opacity-50">
+                <p>These statements have not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease.</p>
+            </div>
+        </div>
+    </footer>
+    <!-- JavaScript -->
+    <script>
+        // Mobile menu toggle
+        document.querySelector('.md\\:hidden').addEventListener('click', function() {
+            // This would toggle a mobile menu - implementation would depend on your specific needs
+            console.log('Mobile menu clicked');
+        });
+        // Accordion functionality
+        const accordions = document.querySelectorAll('.accordion');
+        accordions.forEach(accordion => {
+            const btn = accordion.querySelector('.accordion-btn');
+            btn.addEventListener('click', () => {
+                accordion.classList.toggle('active');
+            });
+        });
+        // Smooth scrolling for anchor links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function(e) {
+                e.preventDefault();
+                const targetId = this.getAttribute('href');
+                if (targetId === '#') return;
+                const targetElement = document.querySelector(targetId);
+                if (targetElement) {
+                    window.scrollTo({
+                        top: targetElement.offsetTop - 100,
+                        behavior: 'smooth'
+                    });
+                }
+            });
+        });
+        // Quantity selector functionality
+        const quantitySelect = document.getElementById('quantity');
+        if (quantitySelect) {
+            quantitySelect.addEventListener('change', function() {
+                // Update price based on quantity selection
+                console.log('Quantity changed to:', this.value);
+            });
+        }
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=spwotton/maxlifenaturals" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1,5 @@

+create a website for maxlifenaturals.com, highlighting their flagship DayChill (tm) with DHH-b, use react/js minimal style but with your own twist, super clean like huel and other top tier brands
+create a website for maxlifenaturals.com, highlighting their flagship DayChill (tm) with DHH-b, use react/js minimal style but with your own twist, super clean like huel and other top tier brands
+create a website for maxlifenaturals.com, highlighting their flagship DayChill (tm) with DHH-b, use react/js minimal style but with your own twist, super clean like huel and other top tier brands
+New Imagine and Share in 1-Click  Load Space  Space IconSpace Load Project Load an existing DeepSite Space to continue working on it.  Space URL  https://huggingface.co/spaces/username/space-name Load Space  Connected as spwotton  Deploy to Space Space IconSpace Configure Deployment Deploy your project to a space on the Hub. Spaces are a way to share your project with the world.  Space Title  My Awesome Space Create Space create a website for maxlifenaturals.com, highlighting their flagship DayChill (tm) with DHH-b, use react/js minimal style but with your own twist, super clean like huel and other top tier brands
+Build a modern, SEO-optimized product landing page for "Day Chill™" — a natural anti-anxiety and stress relief supplement by MaxLife Naturals.  Page Details:  Title: Day Chill™ Natural Stress and Anxiety Relief Supplement  Meta Description: Day Chill provides all the benefits of anti-anxiety supplements without needing to take multiple pills daily. Made with natural DHH-b.  URL: https://maxlifenaturals.com/products/day-chill  Price: $39.99  Product Images:  Main Bottle Image: https://maxlifenaturals.com/cdn/shop/files/DayChill_60_Front.png?v=1703371757  Ingredients:  Natural DHH-B Extract (primary active compound)  Magnesium Glycinate  L-Theanine  Lemon Balm Extract  GABA (Gamma-Aminobutyric Acid)  Chamomile Extract  Ashwagandha Root Extract  Rhodiola Rosea Extract  Passionflower Extract  Brand Style:  Font: Lato (body text), Nunito Sans (headings)  Colors:  White (#ffffff) — Background  Dark Blue (#265283) — Accent 1  Green (#528326) — Accent 2  Button Text: White (#ffffff)  Minimalist, clean professional style with 8px rounded corners.  Design Elements:  Hero Section:  Large product bottle hero image  Headline: "Stay Calm, Stay Focused – Naturally."  Subheadline: "Day Chill™ helps you take control of your day with powerful natural stress relief."  CTA Button: "Shop Now"  Benefits Section: (icon cards)  Calm Mind  Reduced Anxiety  Natural Mood Support  No Sedation / Daily Energy Boost  Product Details Section:  Short description paragraph.  List key ingredients with short bullet points (see above).  Reviews Section: (sample testimonials placeholder)  FAQ Section:  What is Day Chill™?  Is it safe for daily use?  When should I take it?  Footer: Minimal with logo, menu links, and social media icons.  Technical Instructions:  Fully responsive (mobile-first).  Fast and lightweight.  Semantic HTML5, CSS (preferably Tailwind).  Implement Open Graph meta tags (use image URL listed above).  Tone:  Friendly, confident, science-based reassurance.