From 01393ef439ccee079d53ac764de0d888c1476102 Mon Sep 17 00:00:00 2001
From: naman9271 <namanjain9271@gmail.com>
Date: Sat, 22 Feb 2025 14:45:10 +0530
Subject: [PATCH 1/3] added home landing page

---
 webapp/src/App.jsx             |  3 ++-
 webapp/src/pages/Home/Home.css | 37 ++++++++++++++++++++++++++++++++++
 webapp/src/pages/Home/Home.jsx | 20 ++++++++++++++++++
 3 files changed, 59 insertions(+), 1 deletion(-)
 create mode 100644 webapp/src/pages/Home/Home.css
 create mode 100644 webapp/src/pages/Home/Home.jsx

diff --git a/webapp/src/App.jsx b/webapp/src/App.jsx
index 4145449..7355c6a 100644
--- a/webapp/src/App.jsx
+++ b/webapp/src/App.jsx
@@ -9,6 +9,7 @@ import BreakPoints from "./components/GdbComponents/BreakPoints/BreakPoints";
 import Footer from "./components/Footer/Footer";
 import Header from "./components/Header/Header";
 import { DataState } from "./context/DataContext";
+import Home from "./pages/Home/Home";
 
 const App = () => {
   const { setDark, dark, isDarkMode, setDarkMode } = DataState();
@@ -28,8 +29,8 @@ const App = () => {
         toggleDarkMode={toggleDarkMode}
         dark={dark}
       />
-
       <Routes>
+        <Route path="/" element={<Home />} />
         <Route path="debug" element={<Debug />}>
           <Route path="threads" element={<Threads />} />
           <Route path="localVariable" element={<LocalVariable />} />
diff --git a/webapp/src/pages/Home/Home.css b/webapp/src/pages/Home/Home.css
new file mode 100644
index 0000000..c1240a6
--- /dev/null
+++ b/webapp/src/pages/Home/Home.css
@@ -0,0 +1,37 @@
+.home-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 62vh;
+  padding: 20px;
+  background-color: var(--main-background-color);
+  color: var(--main-color);
+  text-align: center;
+}
+
+.home-title {
+  font-size: 2.5rem;
+  margin-bottom: 20px;
+}
+
+.home-overview {
+  font-size: 1.2rem;
+  margin-bottom: 30px;
+  max-width: 900px;
+}
+
+.start-debugging-button {
+  padding: 10px 20px;
+  font-size: 1.2rem;
+  color: #fff;
+  background-color: var(--primary-orange, #e88f40);
+  border: none;
+  border-radius: 5px;
+  text-decoration: none;
+  transition: background-color 0.3s ease;
+}
+
+.start-debugging-button:hover {
+  background-color: #d77a30;
+}
diff --git a/webapp/src/pages/Home/Home.jsx b/webapp/src/pages/Home/Home.jsx
new file mode 100644
index 0000000..90e1d86
--- /dev/null
+++ b/webapp/src/pages/Home/Home.jsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import './Home.css';
+
+function Home() {
+  return (
+    <div className="home-container">
+      <h1 className="home-title">Welcome to GDB-UI</h1>
+      <p className="home-overview">
+        GDB-UI is a user-friendly interface built for the GNU Debugger (GDB). 
+        It provides a modern web-based UI for debugging applications, allowing developers to monitor program execution, inspect variables, set breakpoints, and more through an intuitive interface. 
+        GDB-UI simplifies the debugging process by integrating powerful GDB features with a sleek design, making it particularly useful for developers working with languages like C, C++, and Ada. 
+        This interface offers a more accessible and visual approach to debugging, facilitating easier identification and resolution of code issues.
+      </p>
+      <Link to="/debug" className="start-debugging-button">Start Debugging</Link>
+    </div>
+  );
+}
+
+export default Home;
\ No newline at end of file

From 14df447b4b48b4059a1b39fe44bf16f5a48b265a Mon Sep 17 00:00:00 2001
From: naman9271 <namanjain9271@gmail.com>
Date: Sat, 22 Feb 2025 14:45:55 +0530
Subject: [PATCH 2/3] fix css

---
 webapp/src/pages/Home/Home.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/src/pages/Home/Home.css b/webapp/src/pages/Home/Home.css
index c1240a6..ed0f624 100644
--- a/webapp/src/pages/Home/Home.css
+++ b/webapp/src/pages/Home/Home.css
@@ -18,7 +18,7 @@
 .home-overview {
   font-size: 1.2rem;
   margin-bottom: 30px;
-  max-width: 900px;
+  max-width: 875px;
 }
 
 .start-debugging-button {

From d8c38d671a2eb130c1056c3e3d70309c065892a3 Mon Sep 17 00:00:00 2001
From: naman9271 <namanjain9271@gmail.com>
Date: Sat, 22 Feb 2025 15:39:10 +0530
Subject: [PATCH 3/3] css added

---
 webapp/src/pages/Home/Home.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/webapp/src/pages/Home/Home.css b/webapp/src/pages/Home/Home.css
index ed0f624..25f3ac9 100644
--- a/webapp/src/pages/Home/Home.css
+++ b/webapp/src/pages/Home/Home.css
@@ -11,6 +11,7 @@
 }
 
 .home-title {
+  color: #d77a30;
   font-size: 2.5rem;
   margin-bottom: 20px;
 }