Updating all the necessary files

Dockerfile

@@ -0,0 +1,25 @@
+# Use an official Python runtime as a parent image
+FROM python:3.9
+
+# The two following lines are requirements for the Dev Mode to be functional
+# Learn more about the Dev Mode at https://huggingface.co/dev-mode-explorers
+RUN useradd -m -u 1000 user
+WORKDIR /app
+
+# Copy requirements.txt and install dependencies
+COPY --chown=user ./requirements.txt requirements.txt
+RUN pip install --no-cache-dir --upgrade -r requirements.txt
+
+# Copy the entire application to the working directory
+COPY --chown=user . /app
+
+# Set the environment variable for Flask
+ENV FLASK_APP=main.py
+ENV FLASK_RUN_HOST=0.0.0.0
+ENV FLASK_RUN_PORT=7860
+
+# Expose the port Flask will run on
+EXPOSE 7860
+
+# Command to run the Flask app
+CMD ["flask", "run"]

README.md

@@ -1,12 +1,12 @@
 ---
-title: Arasioils
-emoji: 📊
-colorFrom: gray
+title: Alyahya
+emoji: 🐨
+colorFrom: green
 colorTo: red
 sdk: docker
 pinned: false
-license: mit
-short_description: This Space is to Publish Arasi Oil websites
+license: openrail
+short_description: Arasi Oils
 ---
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

main.py

@@ -0,0 +1,18 @@
+from flask import Flask, render_template
+from flask_compress import Compress
+import socket
+
+host_name = socket.gethostname()
+host_name_ipaddress = socket.gethostbyname(host_name)
+
+app = Flask(__name__)
+Compress(app)
+
+
+@app.route('/')
+def get_all_posts():
+    return render_template("index.html")
+
+
+if __name__ == "__main__":
+    app.run(debug=False,host="0.0.0.0",port=8190)

requirements.txt

@@ -0,0 +1,8 @@
+pandas
+numpy
+fastapi
+uvicorn
+python-multipart
+pyzmq
+flask
+flask-compress

static/css/styles.css

@@ -0,0 +1,205 @@
+body
+{
+font-family: 'Montserrat';
+text-align : center;
+}
+
+h1,h2,h3,h4,h5,h6{
+    font-family: 'Montserrat-bold';
+
+}
+
+
+#title
+{
+    color:#36454F;
+    text-align:left;
+}
+
+.big-heading{
+    font-size: 4.0rem;
+    line-height: 1.2;
+    font-weight: 900;
+}
+
+.container-fluid {
+    padding: 3% 15% 5%;
+}
+
+/* Sections */
+.coloured-section{
+    background-color:#89CFF0;
+}
+
+.white-section{
+    background-color:#fff;
+}
+
+/* Navigation bar */
+
+.navbar
+{
+    padding:0 0 5.0rem;
+
+}
+
+.navbar-brand
+{
+    font-family: "Ubuntu";
+    font-size: 3.0rem;
+    font-weight: Bold;
+}
+
+.nav-item
+{
+    padding: 0 20px;
+    color: black;
+
+}
+
+.nav-link
+{
+    font-size: 2rem;
+    font-family: "Montserrat-Thin"
+}
+
+/* Download-button */
+
+.download-button
+{
+
+    margin: 5% 3% 5% 0;
+}
+
+/* Title image */
+
+.title-image
+{
+    width:50px;
+    position:relative;
+    left: -3%;
+
+ }
+
+/* Features Icon */
+
+.feature-icon
+{
+    color:#ADD8E6;
+    margin-bottom: 1rem;
+
+}
+
+.features-text{
+    font-family: 'Montserrat-Bold';
+    font-weight:900;
+
+}
+
+
+.features-col{
+    padding:5%;
+}
+
+#features
+{
+    padding:7% 15%;
+    align : center;
+    position:relative;
+    z-index: 1;
+}
+
+.feature-icon:hover {
+  color: #ff4c68;
+
+}/* testimonials */
+
+.testimonial-text{
+    font-size: 3rem;
+    line-height: 1.5;
+    color:#fff;
+
+}
+
+#testimonials
+{
+    background-color: #ff4c68
+}
+
+.testimonial-image
+{
+    width:10%;
+    margin: 20px;
+    border-radius: 100%;
+}
+
+/* press */
+#press{
+    background-color:#ff4c68;
+    padding-bottom:3%;
+
+}
+
+.press-image {
+
+    width: 10%;
+    margin :20px 20px 50px;
+}
+
+.carousel-item {
+    padding : 7% 15%;
+}
+
+/* Pricing */
+
+.pricing-text{
+    font-family: 'Montserrat-Bold';
+    font-weight:900;
+}
+
+#pricing {
+    padding: 100px;
+}
+
+.pricing-column{
+    padding: 3% 2%;
+}
+
+/*CTA section */
+
+#cta{
+    padding: 10% 20%;
+    color:#36454F;
+}
+
+.cta-heading{
+    font-family: "Montserrat-Black";
+    font-size: 3.5rem;
+    line-height: 1.5;
+}
+
+/* Footer */
+
+#footer{
+    padding: 5% 10%;
+}
+
+.contact-icon{
+    margin:10px 10px;
+    padding: 2% 2%;
+}
+
+@media (max-width:900px)
+{
+#title{
+    text-align: center;
+}
+
+.title-image
+{
+    position: relative;
+    transform: rotate(0);
+    left:10%;
+}
+}
+

templates/index.html

@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>AlYahya Agency</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity=
+          \"sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+
+  <link rel="stylesheet" href="static/css/styles.css">
+
+
+
+<!--    Bootstrap scripts-->
+  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+
+<!--    Google fonts-->
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;900&family=Ubuntu:ital,wght@0,300;0,700;1,700&display=swap" rel="stylesheet">
+
+   <!--    This is font awesome page-->
+   <script src="https://kit.fontawesome.com/83cf88b735.js" crossorigin="anonymous"></script>
+
+</head>
+
+<body>
+
+  <section class="coloured-section" id="title">
+
+    <!-- Nav Bar -->
+  <div class="container-fluid">
+
+  <nav class="navbar navbar-expand-lg navbar-dark">
+    <a class="navbar-brand" href="">ARASI OILS</a>
+     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav ml-auto">
+        <li class="nav-item">
+            <a class="nav-link" href="#footer">Contact</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#pricing">Pricing</a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#cta">Download</a>
+        </li>
+    </ul>
+ </div>
+</nav>
+
+
+
+    <!-- Title -->
+
+    <div class="row">
+      <div class="col-lg-7" >
+        <h1 class="big-heading">OIL FROM BEST HANDS</h1>
+        <button type="button" class="btn btn-dark btn-lg download-button"> <i class="fab fa-apple"></i> Download</button>
+        <button type="button" class="btn btn-outline-light btn-lg download-button"><i class="fab fa-google-play"></i> Download</button>
+      </div>
+
+      <div class="col-lg-2 title-image" >
+          <img src="static/assets/images/all_oils_image.webp" alt="iphone-mockup">
+      </div>
+
+<!--          <div class="col-lg-2 title-image" >-->
+<!--            <img src="images/IC.jpg" alt="iphone-mockup">-->
+<!--          </div>-->
+
+    </div>
+
+</div>
+
+  </section>
+
+
+  <!-- Features -->
+
+  <section class="white-section" id="features">
+
+  <div class="row features">
+
+    <div class="col-lg-4 features-col">
+        <i class="fas fa-check-circle fa-4x feature-icon"></i>
+        <h3 class="features-text"> Quality Organic Oil </h3> <p>Quality is our top priority.</p>
+    </div>
+
+    <div class="col-lg-4 features-col">
+        <i class="fas fa-bullseye fa-4x feature-icon"></i>
+        <h3 class="features-text">Natural and Healthy</h3> <p>Natural in every drop. We aim to make you Healthy</p>
+    </div>
+
+    <div class="col-lg-4 features-col">
+        <i class="fas fa-heart fa-4x feature-icon"></i>
+        <h3 class="features-text">Enjoy</h3> <p>Enjoy the Life with Health</p>
+    </div>
+
+  </div>
+
+
+  </section>
+
+
+  <!-- Testimonials -->
+
+  <section class="coloured-section" id="testimonials">
+
+  <div id="testimonial-carousel" class="carousel slide" data-ride="false" >
+    <div class="carousel-inner">
+        <div class="carousel-item active">
+            <h2 class="testimonial-text">ARASI OILS PROVIDE HIGH QUALITY OIL</h2>
+            <img class="testimonial-image" src="static/assets/images/circle.png" alt="my-profile">
+            <em>Ansari, Malaysia</em>
+        </div>
+        <div class="carousel-item">
+            <h2 class="testimonial-text">ARASI OILS PROVIDE HIGH QUALITY OIL</h2>
+            <img class="testimonial-image" src="static/assets/images/IC.jpg" alt="lady-profile">
+            <em>Fareed, Malaysia</em>
+        </div>
+
+     </div>
+
+        <a class="carousel-control-prev" href="#testimonial-carousel" role="button" data-slide="prev">
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+
+        </a>
+        <a class="carousel-control-next" href="#testimonial-carousel" role="button" data-slide="next">
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+        </a>
+  </div>
+
+
+  </section>
+
+
+  <!-- Press -->
+
+  <!-- <section id="press">
+    <img class="press-image" src="static/assets/images/techcrunch.png" alt="tc-logo">
+    <img class="press-image" src="static/assets/images/tnw.png" alt="tnw-logo">
+    <img class="press-image" src="static/assets/images/bizinsider.png" alt="biz-insider-logo">
+    <img class="press-image" src="static/assets/images/mashable.png" alt="mashable-logo">
+
+  </section> -->
+
+
+  <!-- Pricing -->
+
+
+  <section class="white-section" id="pricing">
+    <h1 class="big-heading">Choose Pure and Choose Nature</h1>
+    <p>Simple and affordable price for your needs.</p>
+
+
+   <div class="row">
+     <div class ="pricing-column col-lg-4 col-md-6">
+              <div class="card">
+                <div class="card-header">
+                    <h3 class="pricing-text">COCONUT OIL</h3>
+                </div>
+                <div class="card-body">
+                    <h1 class="big-heading">₹260 / Liter</h1>
+                    <p>Extracted from raw Coconut</p>
+                    <p>Filtered Naturally</p>
+                    <p>Packed Neatly and Served Freshly</p>
+                    <!-- <button type="button" class="btn btn-lg btn-block btn-outline-dark" href="https://wa.me/+9181484 82568">Buy Now</button> -->
+                    <a href="https://wa.me/+918148482568" class="btn btn-lg btn-block btn-outline-dark" target="_blank">Buy Now</a>
+                  </div>
+              </div>
+     </div>
+
+       <div class ="pricing-column col-lg-4 col-md-6">
+          <div class="card">
+            <div class="card-header">
+                <h3 class="pricing-text">GROUNDNUT OIL</h3>
+            </div>
+            <div class="card-body">
+                <h1 class="big-heading">₹240 / Liter</h1>
+                <p>Extracted from raw GROUNDNUT</p>
+                <p>Filtered Naturally</p>
+                <p>Packed Neatly and Served Freshly</p>
+                <!-- <button type="button" class="btn btn-lg btn-block btn-dark">Buy Now</button> -->
+                <a href="https://wa.me/+918148482568" class="btn btn-lg btn-block btn-outline-dark" target="_blank">Buy Now</a>
+            </div>
+         </div>
+       </div>
+
+
+      <div class ="pricing-column col-lg-4">
+              <div class="card">
+                <div class="card-header">
+                    <h3 class="pricing-text">SESAME OIL</h3>
+                </div>
+                <div class="card-body">
+                    <h1 class="big-heading">₹400 / Liter</h1>
+                    <p>Extracted from raw Seasame</p>
+                    <p>Filtered Naturally</p>
+                    <p>Unlimited layers</p>
+                    <p>Packed Neatly and Served Freshly</p>
+                    <!-- <button type="button" class="btn btn-lg btn-block btn-dark">Buy now</button> -->
+                    <a href="https://wa.me/+918148482568" class="btn btn-lg btn-block btn-outline-dark" target="_blank">Buy Now</a>
+                </div>
+              </div>
+      </div>
+     </div>
+
+  </section>
+
+
+  <!-- Call to Action -->
+
+  <section class="coloured-section" id="cta">
+
+    <h1 class="big-heading">Find the best oil supplier who can bring your imagination to reality</h1>
+    <button type="button" class="btn btn-dark btn-lg download-button"> <i class="fab fa-apple"></i> Download</button>
+    <button type="button" class="btn btn-outline-light btn-lg download-button"><i class="fab fa-google-play"></i> Download</button>
+
+
+  </section>
+
+
+  <!-- Footer -->
+
+  <footer class="white-section" id="footer">
+
+    <i class="contact-icon fab fa-twitter fa-3x"></i>
+    <i class="contact-icon fab fa-facebook fa-3x"></i>
+    <i class="contact-icon fab fa-instagram fa-3x"></i>
+    <i class="contact-icon fab fa-linkedin fa-3x"></i>
+    <p>© Copyright 2024 AlYahya Agencies</p>
+
+  </footer>
+
+
+</body>
+
+</html>

wsgx.py

@@ -0,0 +1,5 @@
+# wsgi.py
+from main import *
+
+# Create the Flask app
+obj_app = get_all_posts()