Add idea: create landing page for this product:

https://www.alibaba.com/product-detail/EELHOE-Natural-and-Pure-Vegan-Organic_1600937560569.html?spm=a2700.picsearch.normal_offer.d_image.3f185f93aWPoNp
landing-page-generator · Oct 23, 2024 · b51c2cf · b51c2cf
1 parent 6f11945
commit b51c2cf
Showing 1 changed file with 362 additions and 0 deletions.
diff --git a/1729714514.939205.html b/1729714514.939205.html
@@ -0,0 +1,362 @@
+<!DOCTYPE html>
+<html lang="ar">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>زيت طبيعي وعضوي نباتي خالص | EELHOE</title>
+    <meta name="description" content="زيت طبيعي وعضوي نباتي خالص من EELHOE، مثالي للبشرة والشعر. اشترِ الآن واحصل على خصم حصري!">
+    <!-- Open Graph for Social Sharing -->
+    <meta property="og:title" content="زيت طبيعي وعضوي نباتي خالص | EELHOE">
+    <meta property="og:description" content="زيت طبيعي وعضوي نباتي خالص من EELHOE، مثالي للبشرة والشعر. اشترِ الآن واحصل على خصم حصري!">
+    <meta property="og:image" content="https://www.alibaba.com/product-detail/EELHOE-Natural-and-Pure-Vegan-Organic_1600937560569.html?spm=a2700.picsearch.normal_offer.d_image.3f185f93aWPoNp">
+    <meta property="og:url" content="https://yourwebsite.com/">
+    <meta name="twitter:card" content="summary_large_image">
+    <!-- Favicon -->
+    <link rel="icon" href="/path-to-favicon.ico" type="image/x-icon">
+    <link rel="icon" href="/path-to-favicon.png" type="image/png">
+    <!-- Google Fonts -->
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
+    <!-- Tailwind CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.0.2/dist/tailwind.min.css" rel="stylesheet">
+    <style>
+        /* Custom Styles */
+        :root {
+            --primary-color: #F1AE11FF;
+            --secondary-color: #DEC435;
+            --text-color: #1a1a1a;
+            --background-color: #E79713FF;
+            --accent-color: #2ABF47FF;
+        }
+
+        body {
+            font-family: 'Poppins', sans-serif;
+            line-height: 1.6;
+            color: var(--text-color);
+            background-color: var(--background-color);
+            direction: rtl; /* Set direction to right-to-left for Arabic */
+        }
+
+        .hero-background {
+            background: url('https://www.alibaba.com/product-detail/EELHOE-Natural-and-Pure-Vegan-Organic_1600937560569.html?spm=a2700.picsearch.normal_offer.d_image.3f185f93aWPoNp') no-repeat center center;
+            background-size: cover;
+            height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+            color: #fff;
+            position: relative;
+        }
+
+        .hero-background::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.5);
+        }
+
+        .hero-background > div {
+            position: relative;
+            z-index: 2;
+        }
+
+        .text-shadow-strong {
+            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
+        }
+
+        .cta-button {
+            display: inline-block;
+            background-color: var(--accent-color);
+            color: #fff;
+            padding: 1rem 2rem;
+            border-radius: 50px;
+            text-decoration: none;
+            font-weight: 600;
+            transition: background-color 0.3s ease;
+        }
+
+        .cta-button:hover {
+            background-color: #39C43CFF;
+        }
+
+        nav {
+            background-color: var(--background-color);
+            padding: 1rem 0;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+
+        nav ul {
+            list-style: none;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin: 0;
+            padding: 0;
+        }
+
+        nav ul li {
+            margin: 0 1.5rem;
+        }
+
+        nav ul li a {
+            color: var(--text-color);
+            text-decoration: none;
+            font-weight: 500;
+            transition: color 0.3s ease;
+        }
+
+        nav ul li a:hover {
+            color: var(--primary-color);
+        }
+
+        .logo {
+            flex: 1;
+            text-align: left;
+            font-size: 1.5rem;
+            font-weight: bold;
+            color: var(--primary-color);
+        }
+
+        /* Icon Styling using Data Attributes */
+        .service-icon::before,
+        .process-icon::before,
+        .entity-icon::before {
+            content: attr(data-icon);
+            font-size: 3rem;
+            margin-bottom: 1rem;
+            color: var(--secondary-color);
+            display: block;
+        }
+
+        /* Specific adjustments for entity icons */
+        .entity-icon::before {
+            font-size: 2rem;
+            color: var(--primary-color);
+        }
+
+        .process-step {
+            text-align: center;
+            margin-bottom: 2rem;
+        }
+
+        .client-image {
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            margin-right: 1rem;
+        }
+
+        .trusted-logo {
+            max-width: 120px;
+            height: auto;
+            margin: 1rem;
+            filter: grayscale(100%);
+            transition: filter 0.3s ease;
+        }
+
+        .trusted-logo:hover {
+            filter: grayscale(0%);
+        }
+
+        footer {
+            background-color: #1a202c;
+            color: #fff;
+            padding: 2rem 0;
+            text-align: center;
+        }
+
+        .footer-links {
+            display: flex;
+            justify-content: center;
+            margin-bottom: 1rem;
+        }
+
+        .footer-links a {
+            color: #fff;
+            margin: 0 1rem;
+            text-decoration: none;
+        }
+
+        .footer-links a:hover {
+            color: var(--accent-color);
+        }
+
+        @media (max-width: 768px) {
+            h1 {
+                font-size: 2.5rem;
+            }
+
+            /* Hide desktop menu on small screens */
+            .desktop-menu {
+                display: none;
+            }
+
+            /* Show mobile menu icon on small screens */
+            .mobile-menu {
+                display: block;
+            }
+
+            .trusted-logo {
+                max-width: 100px;
+            }
+        }
+    </style>
+    <!-- Structured Data -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "Product",
+      "name": "زيت طبيعي وعضوي نباتي خالص",
+      "description": "زيت طبيعي وعضوي نباتي خالص مثالي للبشرة والشعر.",
+      "image": "https://www.alibaba.com/product-detail/EELHOE-Natural-and-Pure-Vegan-Organic_1600937560569.html?spm=a2700.picsearch.normal_offer.d_image.3f185f93aWPoNp",
+      "brand": {
+        "@type": "Brand",
+        "name": "EELHOE"
+      },
+      "offers": {
+        "@type": "Offer",
+        "url": "https://yourwebsite.com/",
+        "priceCurrency": "KWD",
+        "availability": "https://schema.org/InStock",
+        "itemCondition": "https://schema.org/NewCondition"
+      }
+    }
+    </script>
+</head>
+
+<body>
+    <!-- Navigation -->
+    <nav class="bg-white py-4 shadow-md sticky top-0 z-50">
+        <div class="container mx-auto flex justify-between items-center px-4">
+            <div class="logo">
+                <!-- Replace with your logo or brand name -->
+                EELHOE
+            </div>
+            <ul class="desktop-menu flex space-x-4">
+                <li><a href="#benefits">فوائد الزيت</a></li>
+                <li><a href="#features">مميزات الزيت</a></li>
+                <li><a href="#order">اطلب الآن</a></li>
+            </ul>
+            <div class="mobile-menu md:hidden">
+                <button id="menu-toggle" class="text-blue-500" aria-label="Toggle navigation menu">
+                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+                        xmlns="http://www.w3.org/2000/svg">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="M4 6h16M4 12h16m-7 6h7"></path>
+                    </svg>
+                </button>
+            </div>
+        </div>
+        <div id="mobile-menu-items" class="hidden bg-white w-full">
+            <a href="#benefits" class="block py-2 px-4 text-blue-500">فوائد الزيت</a>
+            <a href="#features" class="block py-2 px-4 text-blue-500">مميزات الزيت</a>
+            <a href="#order" class="block py-2 px-4 text-blue-500">اطلب الآن</a>
+        </div>
+    </nav>
+
+    <!-- Hero Section -->
+    <header class="hero-background">
+        <div>
+            <h1 class="text-4xl md:text-6xl text-shadow-strong">زيت طبيعي وعضوي نباتي خالص</h1>
+            <p class="text-xl md:text-2xl">للبشرة والشعر، من EELHOE</p>
+            <a href="#order" class="cta-button mt-4">اطلب الآن</a>
+        </div>
+    </header>
+
+    <!-- Benefits Section -->
+    <section id="benefits" class="container mx-auto my-12 p-6">
+        <h2 class="text-3xl font-bold text-center mb-8">فوائد الزيت</h2>
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <!-- Benefit 1 -->
+            <div class="bg-white rounded-lg shadow-lg p-6 text-center">
+                <div class="service-icon" data-icon="🌿"></div>
+                <h3 class="text-xl font-bold">طبيعي وعضوي</h3>
+                <p>مصنوع من مكونات طبيعية وعضوية، خالٍ من المواد الكيميائية الضارة.</p>
+            </div>
+            <!-- Benefit 2 -->
+            <div class="bg-white rounded-lg shadow-lg p-6 text-center">
+                <div class="service-icon" data-icon="💆‍♀️"></div>
+                <h3 class="text-xl font-bold">يعزز صحة البشرة</h3>
+                <p>يساعد على ترطيب البشرة وتغذيتها، مما يجعلها ناعمة ومشرقة.</p>
+            </div>
+            <!-- Benefit 3 -->
+            <div class="bg-white rounded-lg shadow-lg p-6 text-center">
+                <div class="service-icon" data-icon="💇‍♀️"></div>
+                <h3 class="text-xl font-bold">يساعد على نمو الشعر</h3>
+                <p>يساعد على تحفيز نمو الشعر وتقويته، مما يجعله أكثر صحة ولمعانًا.</p>
+            </div>
+        </div>
+    </section>
+
+    <!-- Features Section -->
+    <section id="features" class="container mx-auto my-12 p-6">
+        <h2 class="text-3xl font-bold text-center mb-8">مميزات الزيت</h2>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+            <!-- Feature 1 -->
+            <div class="bg-white p-6 rounded-lg shadow-lg flex items-start">
+                <div class="entity-icon mr-4" data-icon="🌱"></div>
+                <div>
+                    <h3 class="text-xl font-bold mb-4">نباتي</h3>
+                    <p>خالٍ من أي مكونات حيوانية، مناسب للنباتيين.</p>
+                </div>
+            </div>
+            <!-- Feature 2 -->
+            <div class="bg-white p-6 rounded-lg shadow-lg flex items-start">
+                <div class="entity-icon mr-4" data-icon="💯"></div>
+                <div>
+                    <h3 class="text-xl font-bold mb-4">جودة عالية</h3>
+                    <p>مصنوع من مكونات عالية الجودة، يضمن نتائج ممتازة.</p>
+                </div>
+            </div>
+            <!-- Feature 3 -->
+            <div class="bg-white p-6 rounded-lg shadow-lg flex items-start">
+                <div class="entity-icon mr-4" data-icon="🌎"></div>
+                <div>
+                    <h3 class="text-xl font-bold mb-4">آمن على البشرة</h3>
+                    <p>خالٍ من المواد المهيجة، مناسب لجميع أنواع البشرة.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Order Section -->
+    <section id="order" class="container mx-auto my-12 p-6">
+        <h2 class="text-3xl font-bold text-center mb-8">اطلب الآن</h2>
+        <div class="flex justify-center">
+            <a href="https://www.alibaba.com/product-detail/EELHOE-Natural-and-Pure-Vegan-Organic_1600937560569.html?spm=a2700.picsearch.normal_offer.d_image.3f185f93aWPoNp" class="cta-button mt-4">اطلب الآن</a>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer class="bg-gray-800 text-white py-8">
+        <div class="container mx-auto text-center">
+            <p>&copy; 2024 EELHOE. جميع الحقوق محفوظة.</p>
+            <p class="mt-4">مصنوع باستخدام <a href="https://landing-page-generator-tau.vercel.app" target="_blank" class="text-blue-400">LPG</a>.</p>
+        </div>
+    </footer>
+
+    <!-- Mobile Menu Toggle Script -->
+    <script>
+        const menuToggle = document.getElementById('menu-toggle');
+        const mobileMenu = document.getElementById('mobile-menu-items');
+
+        menuToggle.addEventListener('click', () => {
+            mobileMenu.classList.toggle('hidden');
+        });
+    </script>
+    <!-- Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=YOUR_TRACKING_ID"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', 'YOUR_TRACKING_ID');
+    </script>
+</body>
+
+</html>