diff --git a/src/App.css b/src/App.css
index b9d355d..e69de29 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}
diff --git a/src/App.jsx b/src/App.jsx
index f14d5bc..cfe9c4d 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,10 +1,6 @@
-import { useState } from "react"
-import reactLogo from "./assets/react.svg"
-import viteLogo from "/vite.svg"
 import "./App.css"
 
 function App() {
-	const [count, setCount] = useState(0)
 
 	return (
 		<>
diff --git a/src/components/QuestionComponent/QuestionComponent.jsx b/src/components/QuestionComponent/QuestionComponent.jsx
new file mode 100644
index 0000000..a00397e
--- /dev/null
+++ b/src/components/QuestionComponent/QuestionComponent.jsx
@@ -0,0 +1,18 @@
+import React from 'react'
+import StakeInfo from './StakeInfo'
+import Questions from './Questions'
+
+const QuestionComponent = () => {
+  return (
+    <div className="flex justify-center bg-slate-700 min-h-screen h-full">
+      <div className="flex flex-col justify-center items-center w-1/2">
+        <Questions />
+      </div>
+      <div className="flex flex-col justify-center w-1/2">
+        <StakeInfo />
+      </div>
+    </div>
+  )
+}
+
+export default QuestionComponent
diff --git a/src/components/QuestionComponent/Questions.jsx b/src/components/QuestionComponent/Questions.jsx
new file mode 100644
index 0000000..f84c194
--- /dev/null
+++ b/src/components/QuestionComponent/Questions.jsx
@@ -0,0 +1,12 @@
+import React from 'react'
+
+const Questions = () => {
+  return (
+    <div className="w-4/5">
+        <h1 className="text-white text-2xl font-bold">Still have questions?</h1>
+        <button className="w-2/5 bg-blue-500 hover:bg-blue-700 text-white py-2 px-2 rounded text-xs mt-4" >Read our guides</button>
+    </div>
+  )
+}
+
+export default Questions
\ No newline at end of file
diff --git a/src/components/QuestionComponent/StakeInfo.jsx b/src/components/QuestionComponent/StakeInfo.jsx
new file mode 100644
index 0000000..cc579f7
--- /dev/null
+++ b/src/components/QuestionComponent/StakeInfo.jsx
@@ -0,0 +1,197 @@
+import { useState } from 'react';
+
+function StakeInfo() {
+  const [showSection, setShowSection] = useState(true);
+
+  const handleToggleSection = () => {
+    setShowSection(!showSection);
+  };
+
+  return (
+    <div 
+    className="text-slate-400 p-4 rounded-md w-4/5"
+    >
+      <div className="bg-slate-800 rounded-md rounded-b-none border-b border-slate-600 p-4 flex justify-between">
+        <h2 className="text-xl font-bold text-white">Who is Stake?</h2>
+        <button onClick={handleToggleSection}>
+          <svg
+            className="w-6 h-6"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={2}
+              d="M19 9l-7 7-7-7"
+            />
+          </svg>
+        </button>
+      </div>
+
+      {showSection && (
+        <div className="space-y-4 mt-0 p-2 bg-gray-800 font-semibold rounded-b">
+          <p className="text-sm">
+            Leading the online gambling industry since 2017, Stake.com offers a
+            wide variety of online casino and sports betting options, operating
+            globally in 15 different languages.
+          </p>
+          <p className="text-sm">
+            With a reputable and secure platform, Stake Casino is home to
+            worldwide local currencies and crypto betting options for online slot
+            games, Stake Originals and live casino games. Stake Sportsbook
+            offers unbeatable odds on all major sporting events including a
+            range of eSport leagues.
+          </p>
+          <p className="text-sm">
+            We host regular bet bonuses and promotions and offer an exclusive
+            VIP Club experience - all with a simple-to-use deposit process on our
+            licensed platform.
+          </p>
+        </div>
+      )}
+
+<div className="bg-slate-800 flex justify-between rounded-md p-4 mt-4 mb-4">
+      <div>
+      <h3 className="text-lg font-bold text-white">Is Stake licensed?</h3>
+      </div>
+      <div className="flex justify-between items-center">
+        <svg
+          className="w-6 h-6 text-white cursor-pointer"
+          fill="none"
+          stroke="currentColor"
+          viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={2}
+            d="M15 19l-7-7 7-7"
+          />
+        </svg>
+      </div>
+    </div>
+
+    <div className="bg-slate-800 flex justify-between rounded-md p-4 mb-4">
+      <h3 className="text-lg font-bold text-white">Is betting on Stake safe?</h3>
+      <div className="flex justify-between items-center">
+        <div className="text-gray-400">
+          {/* Add your content here */}
+        </div>
+        <svg
+          className="w-6 h-6 text-white cursor-pointer"
+          fill="none"
+          stroke="currentColor"
+          viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={2}
+            d="M15 19l-7-7 7-7"
+          />
+        </svg>
+      </div>
+    </div>
+
+    <div className="bg-slate-800 flex justify-between rounded-md p-4 mb-4">
+      <h3 className="text-lg font-bold text-white">What currencies can I bet with?</h3>
+      <div className="flex justify-between items-center">
+        <div className="text-gray-400">
+          {/* Add your content here */}
+        </div>
+        <svg
+          className="w-6 h-6 text-white cursor-pointer"
+          fill="none"
+          stroke="currentColor"
+          viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={2}
+            d="M15 19l-7-7 7-7"
+          />
+        </svg>
+      </div>
+    </div>
+
+    <div className="bg-slate-800 flex justify-between rounded-md p-4 mb-4">
+      <h3 className="text-lg font-bold text-white">What type of casino games can I play?</h3>
+      <div className="flex justify-between items-center">
+        <div className="text-gray-400">
+          {/* Add your content here */}
+        </div>
+        <svg
+          className="w-6 h-6 text-white cursor-pointer"
+          fill="none"
+          stroke="currentColor"
+          viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={2}
+            d="M15 19l-7-7 7-7"
+          />
+        </svg>
+      </div>
+    </div>
+    <div className="bg-slate-800 flex justify-between rounded-md p-4 mb-4">
+      <h3 className="text-lg font-bold text-white">What sports can I bet on?</h3>
+      <div className="flex justify-between items-center">
+        <div className="text-gray-400">
+          {/* Add your content here */}
+        </div>
+        <svg
+          className="w-6 h-6 text-white cursor-pointer"
+          fill="none"
+          stroke="currentColor"
+          viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={2}
+            d="M15 19l-7-7 7-7"
+          />
+        </svg>
+      </div>
+    </div>
+    <div className="bg-slate-800 flex justify-between rounded-md p-4 mb-4">
+      <h3 className="text-lg font-bold text-white">How do I watch live streams?</h3>
+      <div className="flex justify-between items-center">
+        <div className="text-gray-400">
+          {/* Add your content here */}
+        </div>
+        <svg
+          className="w-6 h-6 text-white cursor-pointer"
+          fill="none"
+          stroke="currentColor"
+          viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={2}
+            d="M15 19l-7-7 7-7"
+          />
+        </svg>
+      </div>
+    </div>
+
+    </div>
+
+    
+  );
+}
+
+export default StakeInfo;
\ No newline at end of file