Designed Landing Pages

README.md

@@ -1 +1,4 @@
 # langchain-pages
+<!-- add image center alligned -->
+
+![Rewamped Homepage](shot.png "Screenshot")

css/style.css

@@ -0,0 +1,92 @@
+
+/* Custom Primary Color */
+:root {
+  --primary: #ee6e73;
+  --secondary: #6c757d88; /* Replace with your desired primary color */
+}
+
+.bg-light {
+  background-color: var(--primary)!important;
+}
+
+/* Custom Button Colors */
+.btn-primary {
+  background-color: var(--primary);
+  border-color: var(--primary);
+}
+
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active {
+  background-color: var(--primary, #0069d9);
+  border-color: var(--primary, #0062cc);
+}
+
+.btn-secondary {
+  background-color: var(--secondary);
+  border-color: var(--secondary);
+}
+
+.btn-secondary:hover,
+.btn-secondary:focus,
+.btn-secondary:active {
+  background-color: var(--secondary, #5a6268);
+  border-color: var(--secondary, #545b62);
+}
+
+/* Custom Navbar Color */
+.navbar .navbar-brand {
+  color: #fff;
+  font-weight: 700;
+}
+
+.navbar-light .navbar-nav .nav-link {
+  color: #fff;
+}
+/* aslo add to active */
+.navbar-light .navbar-nav .active>.nav-link {
+  color: #fff;
+  font-weight: 700;
+}
+
+.navbar-light .navbar-brand,
+.navbar-light .navbar-brand:focus,
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-brand:active,
+.navbar-light .navbar-nav .nav-link,
+.navbar-light .navbar-nav .nav-link:focus,
+.navbar-light .navbar-nav .nav-link:hover,
+.navbar-light .navbar-nav .nav-link:active,
+.navbar-light .navbar-nav .nav-link.active {
+  color: #fff;
+}
+
+.navbar {
+  background-color: var(--primary);
+  /* change color */
+  color:var(--primary);;
+  /* Add shadow to the navbar */
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+.navbar-light{
+  background-color: var(--primary);
+  color:#ffff;;
+}
+
+/* Custom Footer Color */
+footer {
+  background-color: var(--secondary);
+}
+
+
+.social-icons li {
+    display: inline-block;
+  }
+
+.bg-dim {
+  background-color: rgba(250, 230, 230, 0.5);
+}
+
+.icon-color {
+  color: var(--primary);
+}

favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}