diff --git a/.gitignore b/.gitignore
index 0c3e5abb0b..8c9d07306d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 _site/
 .sass-cache/
+product-showcase.code-workspace
diff --git a/_config.yml b/_config.yml
index cb4bc83a66..e731e3eb24 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,12 +1,13 @@
 # Site settings
-title:
-email:
+title: "GreenFit AI - Product Showcase"
+email: "greenfitai.team@gmail.com"
 description: > # this means to ignore newlines until "baseurl:"
-baseurl: "" # the subpath of your site, e.g. /blog/
-url: "" # the base hostname & protocol for your site
+  "Find out about sustainability in your favorite sport clothing brands, in just one click!"
+baseurl: "/" # the subpath of your site, e.g. /blog/
+url: "https://astrabert.github.io" # the base hostname & protocol for your site
 
-twitter_username:
-github_username:
+twitter_username: starrynightdev
+github_username: astrabert
 
 # Build settings
 markdown: kramdown
diff --git a/_includes/aside.html b/_includes/aside.html
index ee5c4ed934..a324a2a936 100644
--- a/_includes/aside.html
+++ b/_includes/aside.html
@@ -1,8 +1,8 @@
   <aside class="bg-dark">
       <div class="container text-center">
           <div class="call-to-action">
-              <h2>Free Download at Start Bootstrap!</h2>
-              <a href="#" class="btn btn-default btn-xl wow tada">Download Now!</a>
+              <h2>Find out the impact of your sport clothing, starting from now!</h2>
+              <a href="https://greenfit-ai.streamlit.app" class="btn btn-default btn-xl wow tada">Try GreenFit AI</a>
           </div>
       </div>
   </aside>
diff --git a/_includes/call-to-action.html b/_includes/call-to-action.html
index 852e5b669c..9ea8ab4dbe 100644
--- a/_includes/call-to-action.html
+++ b/_includes/call-to-action.html
@@ -4,8 +4,8 @@
             <div class="col-lg-8 col-lg-offset-2 text-center">
                 <h2 class="section-heading">We've got what you need!</h2>
                 <hr class="light">
-                <p class="text-faded">Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!</p>
-                <a href="#" class="btn btn-default btn-xl">Get Started!</a>
+                <p class="text-faded">GreenFit AI is an open-source, data-centered and AI-powered application that helps you navigate the dangerous waters of environmental sustainability in sport fashion: either you are a user, a clothing brand or a developer, we've got you covered!</p>
+                <a href="https://github.com/AstraBert/greenfit-ai" class="btn btn-default btn-xl">Get Started!</a>
             </div>
         </div>
     </div>
diff --git a/_includes/head.html b/_includes/head.html
index 639c4b0116..f4b83eb048 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -6,7 +6,7 @@
     <meta name="description" content="">
     <meta name="author" content="">
 
-    <title>Creative - Start Bootstrap Theme</title>
+    <title>GreenFit AI - Product Showcase</title>
 
     <!-- Bootstrap Core CSS -->
     <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
diff --git a/_includes/services.html b/_includes/services.html
index b2f619fbd7..56890230f7 100644
--- a/_includes/services.html
+++ b/_includes/services.html
@@ -11,30 +11,30 @@ <h2 class="section-heading">At Your Service</h2>
         <div class="row">
             <div class="col-lg-3 col-md-6 text-center">
                 <div class="service-box">
-                    <i class="fa fa-4x fa-diamond wow bounceIn text-primary"></i>
-                    <h3>Sturdy Templates</h3>
-                    <p class="text-muted">Our templates are updated regularly so they don't break.</p>
+                    <i class="fa fa-4x fa-pagelines wow bounceIn text-primary"></i>
+                    <h3>Reliable sustainability</h3>
+                    <p class="text-muted">Discover the environmental impact of sports clothing, in a easy and reliable way</p>
                 </div>
             </div>
             <div class="col-lg-3 col-md-6 text-center">
                 <div class="service-box">
-                    <i class="fa fa-4x fa-paper-plane wow bounceIn text-primary" data-wow-delay=".1s"></i>
-                    <h3>Ready to Ship</h3>
-                    <p class="text-muted">You can use this theme as is, or you can make changes!</p>
+                    <i class="fa fa-4x fa-microchip wow bounceIn text-primary" data-wow-delay=".1s"></i>
+                    <h3>AI powered</h3>
+                    <p class="text-muted">AI handles your searches, evaluates product sustainability and creates summaries for you!</p>
                 </div>
             </div>
             <div class="col-lg-3 col-md-6 text-center">
                 <div class="service-box">
-                    <i class="fa fa-4x fa-newspaper-o wow bounceIn text-primary" data-wow-delay=".2s"></i>
-                    <h3>Up to Date</h3>
-                    <p class="text-muted">We update dependencies to keep things fresh.</p>
+                    <i class="fa fa-4x fa-bolt wow bounceIn text-primary" data-wow-delay=".2s"></i>
+                    <h3>Lightining fast responses</h3>
+                    <p class="text-muted">Get your results in less than a minute</p>
                 </div>
             </div>
             <div class="col-lg-3 col-md-6 text-center">
                 <div class="service-box">
-                    <i class="fa fa-4x fa-heart wow bounceIn text-primary" data-wow-delay=".3s"></i>
-                    <h3>Made with Love</h3>
-                    <p class="text-muted">You have to make your websites with love these days!</p>
+                    <i class="fa fa-4x fa-database wow bounceIn text-primary" data-wow-delay=".3s"></i>
+                    <h3>Data-driven and data-centered</h3>
+                    <p class="text-muted">We accurately selected data for RAG and are continuously updating them! Powered by <a href="https://qdrant.tech">Qdrant</a></p>
                 </div>
             </div>
         </div>
diff --git a/css/bootstrap.css b/css/bootstrap.css
index c46af7dfbd..0c0ee360d5 100644
--- a/css/bootstrap.css
+++ b/css/bootstrap.css
@@ -1516,7 +1516,7 @@ samp {
 code {
   padding: 2px 4px;
   font-size: 90%;
-  color: #c7254e;
+  color: #c7254e
   background-color: #f9f2f4;
   border-radius: 4px;
 }
diff --git a/css/main.scss b/css/main.scss
index 5b60373599..119c56ca5a 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -34,7 +34,7 @@
 // }
 
 // variables.less
-$theme-primary: #F05F40;
+$theme-primary: #2eb82e;
 $theme-dark: #222;
 
 // Import partials from `sass_dir` (defaults to `_sass`)
diff --git a/img/header.jpg b/img/header.jpg
index b21a437ab7..729210a8f2 100644
Binary files a/img/header.jpg and b/img/header.jpg differ
diff --git a/img/portfolio/G.jpg b/img/portfolio/G.jpg
new file mode 100644
index 0000000000..729210a8f2
Binary files /dev/null and b/img/portfolio/G.jpg differ
diff --git a/product-showcase.code-workspace b/product-showcase.code-workspace
new file mode 100644
index 0000000000..876a1499c0
--- /dev/null
+++ b/product-showcase.code-workspace
@@ -0,0 +1,8 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {}
+}
\ No newline at end of file