diff --git a/src/App.jsx b/src/App.jsx
index e2c41ff..046109c 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,12 +1,12 @@
-import Router from './Router'
-
-function App() {
-
-  return (
-    <>
-      <Router />
-    </>
-  )
-}
-
-export default App
+import Router from './Router'
+
+function App() {
+
+  return (
+    <>
+      <Router />
+    </>
+  )
+}
+
+export default App
diff --git a/src/Components/AboutUs/index.jsx b/src/Components/AboutUs/index.jsx
index 242f1a9..f37d63f 100644
--- a/src/Components/AboutUs/index.jsx
+++ b/src/Components/AboutUs/index.jsx
@@ -1,14 +1,26 @@
-
-
-
-const AboutUs = () => {
-
-    return (
-        <>
-            <h1>About Us</h1>
-        </>
-    )
-}
-
-
-export default AboutUs;
\ No newline at end of file
+import "./styles.css";
+
+const AboutUs = () => {
+  return (
+    <div className="aboutPage">
+      <div className="inBox">
+        <div className="Box">
+          <div className="text-wrapper">About Us</div>
+          <p className="div">
+            The department lays prime focus on academics interspersed with
+            co-curricular and extra-curricular activities that bring the
+            versatility of its students to the fore and gives them a sound sense
+            of perspective. The faculty comprises of experienced and dedicated
+            teachers who with their expert inputs encourage students to explore
+            new avenues. The computer society “Websters” was started with the
+            aim to foster interest in the world of computers and technology. It
+            provides a platform for like-minded brains to communicate with each
+            other and expand their horizons.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default AboutUs;
diff --git a/src/Components/AboutUs/styles.css b/src/Components/AboutUs/styles.css
new file mode 100644
index 0000000..6785fe1
--- /dev/null
+++ b/src/Components/AboutUs/styles.css
@@ -0,0 +1,52 @@
+@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300&family=Montserrat:wght@300&family=PT+Sans:wght@700&family=Roboto+Mono:wght@300&family=Syne:wght@700&display=swap");
+
+.aboutPage {
+  background: linear-gradient(180deg, rgb(11, 2, 33) 0%, rgb(11, 1, 33) 100%);
+  background-color: rgba(255, 255, 255, 1);
+  min-height: 100vh;
+  width: 100vw;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.inBox {
+  background: linear-gradient(
+    180deg,
+    rgba(255, 255, 255, 0.05) 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  border-radius: 20px;
+  box-shadow: inset 0px 0.5px 0px #ffffff80, 0px -2px 40px #bb9bff26,
+    0px -2px 10px #e9dfff4c;
+  width: 85vw;
+  min-height: 85vh;
+}
+
+.Box {
+  width: 80%;
+  margin: auto;
+  min-height: 84vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.text-wrapper {
+  color: #ebebeb;
+  font-family: "Montserrat", Helvetica;
+  font-size: 4rem;
+  font-weight: 700;
+  letter-spacing: 0;
+  text-align: center;
+}
+
+.div {
+  align-self: stretch;
+  color: #ffffff;
+  font-family: "Montserrat", Helvetica;
+  font-size: 2rem;
+  font-weight: 300;
+  text-align: center;
+}
diff --git a/src/Components/Contact/index.jsx b/src/Components/Contact/index.jsx
index 1ceffe9..8fb58c2 100644
--- a/src/Components/Contact/index.jsx
+++ b/src/Components/Contact/index.jsx
@@ -1,14 +1,14 @@
-
-
-
-const Contact = () => {
-
-    return (
-        <>
-            <h1>Contact</h1>
-        </>
-    )
-}
-
-
+
+
+
+const Contact = () => {
+
+    return (
+        <>
+            <h1>Contact</h1>
+        </>
+    )
+}
+
+
 export default Contact;
\ No newline at end of file
diff --git a/src/Components/FaQs/index.jsx b/src/Components/FaQs/index.jsx
index 80f1d37..b1170d4 100644
--- a/src/Components/FaQs/index.jsx
+++ b/src/Components/FaQs/index.jsx
@@ -1,14 +1,14 @@
-
-
-
-const FaQs = () => {
-
-    return (
-        <>
-            <h1>FaQs</h1>
-        </>
-    )
-}
-
-
+
+
+
+const FaQs = () => {
+
+    return (
+        <>
+            <h1>FaQs</h1>
+        </>
+    )
+}
+
+
 export default FaQs;
\ No newline at end of file
diff --git a/src/Components/Header/header.css b/src/Components/Header/header.css
index f54017c..e13dce6 100644
--- a/src/Components/Header/header.css
+++ b/src/Components/Header/header.css
@@ -1,5 +1,41 @@
-
-
-.header{
-    color: blue;
-}
\ No newline at end of file
+@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300&family=Montserrat:wght@300&family=PT+Sans:wght@700&family=Roboto+Mono:wght@300&family=Syne:wght@700&display=swap");
+
+.navbarContent {
+  margin-top: 0vh;
+  margin: auto;
+  position: sticky;
+  display: flex;
+  justify-content: space-between;
+  color: #ececec;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 150%;
+  align-items: center;
+  width: 95svw;
+  position: relative;
+  top: 2vh;
+}
+.navbarMenu {
+  display: flex;
+  justify-content: space-around;
+  min-width: 40%;
+  color: #ececec;
+  font-family: Montserrat;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 150%; /* 24px */
+}
+
+nav {
+  width: 100vw;
+}
+
+.navbarMenu div {
+  margin-right: 10px;
+}
+
+.navbarContent img {
+  margin-left: 30px;
+  size: 120%;
+}
diff --git a/src/Components/Header/index.jsx b/src/Components/Header/index.jsx
index 299084c..a6e3ba7 100644
--- a/src/Components/Header/index.jsx
+++ b/src/Components/Header/index.jsx
@@ -1,14 +1,28 @@
-
-import "./header.css"
-
-const Header = () => {
-
-    return (
-        <>
-            <h1 className="header">Header</h1>
-        </>
-    )
-}
-
-
-export default Header;
\ No newline at end of file
+import "./header.css";
+import logo from "../../assets/logo.svg";
+
+const Header = () => {
+  return (
+    <nav className="navbar">
+      <div className="navbarContent">
+        <img src={logo} alt="Logo" className="logo" />
+        <div className="navbarMenu">
+          <div>
+            <p>About Us</p>
+          </div>
+          <div>
+            <p>Timeline</p>
+          </div>
+          <div>
+            <p>Sponsors</p>
+          </div>
+          <div>
+            <p>Contact</p>
+          </div>
+        </div>
+      </div>
+    </nav>
+  );
+};
+
+export default Header;
diff --git a/src/Components/Judges/index.jsx b/src/Components/Judges/index.jsx
index 05851e1..bb6bec4 100644
--- a/src/Components/Judges/index.jsx
+++ b/src/Components/Judges/index.jsx
@@ -1,14 +1,75 @@
-
-
-
-const Judges = () => {
-
-    return (
-        <>
-            <h1>Judges</h1>
-        </>
-    )
-}
-
-
-export default Judges;
\ No newline at end of file
+import "./styles.css";
+import logo from "../../assets/logo.svg";
+const Judges = () => {
+  return (
+    <div className="judgesPage">
+      <div className="Inbox">
+        <div className="judges-speakers">Judges &amp; Speakers</div>
+        <div className="box">
+          <div className="inlineBlock">
+            <div className="judge">
+              <div className="info">
+                <div className="designation">SOFTWARE</div>
+                <div className="title">TECHNICAL COUNCIL</div>
+                <div className="place">NIT TRICHY TECH COUNCIL</div>
+              </div>
+              <img src={logo} alt="logo" />
+            </div>
+          </div>
+          <div className="inlineBlock">
+            <div className="judge">
+              <div className="info">
+                <div className="designation">SOFTWARE</div>
+                <div className="title">TECHNICAL COUNCIL</div>
+                <div className="place">NIT TRICHY TECH COUNCIL</div>
+              </div>
+              <img src={logo} alt="logo" />
+            </div>
+          </div>
+          <div className="inlineBlock">
+            <div className="judge">
+              <div className="info">
+                <div className="designation">SOFTWARE</div>
+                <div className="title">TECHNICAL COUNCIL</div>
+                <div className="place">NIT TRICHY TECH COUNCIL</div>
+              </div>
+              <img src={logo} alt="logo" />
+            </div>
+          </div>
+          <div className="inlineBlock">
+            <div className="judge">
+              <div className="info">
+                <div className="designation">SOFTWARE</div>
+                <div className="title">TECHNICAL COUNCIL</div>
+                <div className="place">NIT TRICHY TECH COUNCIL</div>
+              </div>
+              <img src={logo} alt="logo" />
+            </div>
+          </div>
+          <div className="inlineBlock">
+            <div className="judge">
+              <div className="info">
+                <div className="designation">SOFTWARE</div>
+                <div className="title">TECHNICAL COUNCIL</div>
+                <div className="place">NIT TRICHY TECH COUNCIL</div>
+              </div>
+              <img src={logo} alt="logo" />
+            </div>
+          </div>
+          <div className="inlineBlock">
+            <div className="judge">
+              <div className="info">
+                <div className="designation">SOFTWARE</div>
+                <div className="title">TECHNICAL COUNCIL</div>
+                <div className="place">NIT TRICHY TECH COUNCIL</div>
+              </div>
+              <img src={logo} alt="logo" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Judges;
diff --git a/src/Components/Judges/styles.css b/src/Components/Judges/styles.css
new file mode 100644
index 0000000..b9c8ce0
--- /dev/null
+++ b/src/Components/Judges/styles.css
@@ -0,0 +1,125 @@
+.judgesPage {
+  background: linear-gradient(180deg, rgb(11, 2, 33) 0%, rgb(11, 1, 33) 100%);
+  background-color: rgba(255, 255, 255, 1);
+  min-height: 100vh;
+  width: 100vw;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.Inbox {
+  align-items: center;
+  background: linear-gradient(
+    180deg,
+    rgba(255, 255, 255, 0.05) 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  border-radius: 20px;
+  box-shadow: inset 0px 0.5px 0px #ffffff80, 0px -2px 40px #bb9bff26,
+    0px -2px 10px #e9dfff4c;
+  width: 85vw;
+  min-height: 85vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  /* overflow: scroll; */
+}
+
+.judges-speakers {
+  align-self: stretch;
+  color: #ebebeb;
+  font-family: "Montserrat", Helvetica;
+  font-size: 4rem;
+  font-weight: 700;
+  text-align: center;
+}
+
+.box {
+  text-align: center;
+  max-width: 1100px;
+  min-width: 200px;
+  margin: 10px auto;
+  height: 65%;
+}
+
+.inlineBlock {
+  display: inline-block;
+  margin: 17px 15px;
+}
+
+.judge {
+  display: flex;
+  border-radius: 10px;
+  border: 1px solid #5000ff;
+  background: #000;
+  box-shadow: 0px 0px 15px -4px #bb6a0e;
+  width: 286px;
+  height: 119px;
+  padding: 20px 20px;
+  text-align: initial;
+}
+
+.designation {
+  width: 121px;
+  height: 20px;
+  flex-shrink: 0;
+  font-family: Syne;
+  font-size: 1.1rem;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  background: linear-gradient(96deg, #b89af9 47.44%, #f49efd 106.01%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.title {
+  width: 139px;
+  height: 58px;
+  flex-shrink: 0;
+  font-family: Syne;
+  font-size: 1.5rem;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  background: linear-gradient(94deg, #fff 56.86%, #bb7009 87.14%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.place {
+  width: 165px;
+  color: rgba(255, 255, 255, 0.62);
+  font-family: Syne;
+  font-size: 1.05rem;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+}
+
+.judge img {
+  border: 1px solid #ebebeb;
+  border-radius: 50%;
+  width: 120px;
+  height: 120px;
+}
+
+/* .hero-no-image .div1 {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 37px 24px;
+  height: 195px;
+  justify-content: center;
+  position: relative;
+  width: 1102px;
+}
+
+.hero-no-image .vectors-wrapper {
+  flex: 0 0 auto;
+  height: 168px;
+  position: relative;
+} */
diff --git a/src/Components/Landing/index.jsx b/src/Components/Landing/index.jsx
index 10e9e43..a6f6115 100644
--- a/src/Components/Landing/index.jsx
+++ b/src/Components/Landing/index.jsx
@@ -1,14 +1,76 @@
-
-
-
-const Landing = () => {
-
-    return (
-        <>
-            <h1>Landing</h1>
-        </>
-    )
-}
-
-
-export default Landing;
\ No newline at end of file
+import React, { useState, useEffect } from "react";
+import "./styles.css";
+import img from "../../assets/12313124.png";
+import logo from "../../assets/logo.svg";
+
+const Landing = () => {
+  // TIMER
+  const [days, setDays] = useState(0);
+  const [hours, setHours] = useState(0);
+  const [minutes, setMinutes] = useState(0);
+  const [seconds, setSeconds] = useState(0);
+
+  const deadline = new Date("October 26, 2023").getTime();
+
+  const getTime = () => {
+    const currentTime = new Date().getTime();
+    const time = deadline - currentTime;
+
+    setDays(Math.floor(time / (1000 * 60 * 60 * 24)));
+    setHours(Math.floor((time / (1000 * 60 * 60)) % 24));
+    setMinutes(Math.floor((time / (1000 * 60)) % 60));
+    setSeconds(Math.floor((time / 1000) % 60));
+  };
+
+  useEffect(() => {
+    const interval = setInterval(getTime, 1000);
+
+    return () => clearInterval(interval);
+  }, []);
+
+  const divStyle = {
+    backgroundImage: `url(${img})`,
+  };
+
+  return (
+    <div className="content">
+      <div className="smallContainer">
+        <h3>27-29th OCTOBER</h3>
+        <h1>TRANSFINITE</h1>
+        <h2>Innovation Knows No Bounds</h2>
+        <div className="buttonHolder">
+          <button id="regbtn">REGISTER NOW</button>
+          <button id="archbtn">2022 ARCHIVE</button>
+        </div>
+      </div>
+      <div className="timer">
+        <div className="element">
+          <div className="time">{days}</div>
+          <div className="timeText">Days</div>
+        </div>
+        <div className="element">
+          <div className="time">{hours}</div>
+          <div className="timeText">Hours</div>
+        </div>
+        <div className="element">
+          <div className="time">{minutes}</div>
+          <div className="timeText">Minutes</div>
+        </div>
+        <div className="element">
+          <div className="time">{seconds}</div>
+          <div className="timeText">Seconds</div>
+        </div>
+      </div>
+      <footer>
+        Sponsored and Co-hosted by
+        <div className="sponsorLogo">
+          <p>logo1</p>
+          <p>logo2</p>
+          <p>logo3</p>
+        </div>
+      </footer>
+    </div>
+  );
+};
+
+export default Landing;
diff --git a/src/Components/Landing/styles.css b/src/Components/Landing/styles.css
new file mode 100644
index 0000000..3b089f8
--- /dev/null
+++ b/src/Components/Landing/styles.css
@@ -0,0 +1,160 @@
+@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300&family=Roboto+Mono:wght@300&family=Syne:wght@700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300&family=PT+Sans:wght@700&family=Roboto+Mono:wght@300&family=Syne:wght@700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300&family=Montserrat:wght@300&family=PT+Sans:wght@700&family=Roboto+Mono:wght@300&family=Syne:wght@700&display=swap");
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+.smallContainer {
+  width: 90vw;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  margin-top: 20vh;
+}
+
+.smallContainer h3 {
+  color: #a3a3a3;
+  text-align: center;
+  font-size: 20px;
+  font-family: JetBrains Mono;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 138%;
+  width: 220px;
+  border-radius: 61.909px;
+  border: 1.238px solid rgba(255, 255, 255, 0.3);
+}
+
+.smallContainer h1 {
+  background: linear-gradient(
+    146deg,
+    #ececec 20.35%,
+    rgba(236, 236, 236, 0) 128.73%
+  );
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-align: center;
+  font-family: Syne;
+  font-size: 96px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 67%;
+  letter-spacing: -2.88px;
+  margin-top: 5vh;
+}
+
+.smallContainer h2 {
+  display: flex;
+  width: 961px;
+  height: 29px;
+  flex-direction: column;
+  justify-content: center;
+  flex-shrink: 0;
+  color: rgba(255, 255, 255, 0.62);
+  text-align: center;
+  font-family: Syne;
+  font-size: 40px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  margin-top: 3vh;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 100%;
+  align-items: center;
+  background-repeat: no-repeat;
+  background-position: center;
+  height: 90vh;
+}
+
+#regbtn {
+  padding: 12px 24px;
+  gap: 8px;
+  border-radius: 5px;
+  background: #ececec;
+  color: #0b081c;
+  font-family: JetBrains Mono;
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 150%; /* 27px */
+}
+#archbtn {
+  padding: 12px 24px;
+  border-radius: 5px;
+  border: 2px solid #a90a7d;
+  box-shadow: 0px 0px 15px 0px #c925ab;
+  color: #ececec;
+  background: none;
+  font-family: JetBrains Mono;
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 150%; /* 27px */
+}
+
+.timer {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  width: 60%;
+}
+
+.element {
+  display: flex;
+  flex-direction: column;
+}
+
+.timeText {
+  color: #fff;
+  font-family: JetBrains Mono;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 138%;
+  text-align: center;
+}
+
+.time {
+  color: #fff;
+  text-align: center;
+  font-family: PT Sans;
+  font-size: 48px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 138%;
+}
+
+.sponsorLogo {
+  display: flex;
+  justify-content: space-around;
+}
+
+.buttonHolder {
+  display: flex;
+  justify-content: space-around;
+  min-width: 35%;
+  margin-top: 6vh;
+}
+
+.buttonHolder button {
+  margin-right: 20px;
+}
+
+footer {
+  color: rgba(255, 255, 255, 0.8);
+  font-feature-settings: "clig" off, "liga" off;
+  font-family: Montserrat;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 130%;
+}
diff --git a/src/Components/Sponsors/index.jsx b/src/Components/Sponsors/index.jsx
index d4dd19b..16fde2d 100644
--- a/src/Components/Sponsors/index.jsx
+++ b/src/Components/Sponsors/index.jsx
@@ -1,14 +1,14 @@
-
-
-
-const Sponsors = () => {
-
-    return (
-        <>
-            <h1>Sponsors</h1>
-        </>
-    )
-}
-
-
+
+
+
+const Sponsors = () => {
+
+    return (
+        <>
+            <h1>Sponsors</h1>
+        </>
+    )
+}
+
+
 export default Sponsors;
\ No newline at end of file
diff --git a/src/Components/Timeline/index.jsx b/src/Components/Timeline/index.jsx
index a5af180..103c902 100644
--- a/src/Components/Timeline/index.jsx
+++ b/src/Components/Timeline/index.jsx
@@ -1,14 +1,14 @@
-
-
-
-const TimeLine = () => {
-
-    return (
-        <>
-            <h1>Time Line</h1>
-        </>
-    )
-}
-
-
+
+
+
+const TimeLine = () => {
+
+    return (
+        <>
+            <h1>Time Line</h1>
+        </>
+    )
+}
+
+
 export default TimeLine;
\ No newline at end of file
diff --git a/src/Components/index.jsx b/src/Components/index.jsx
index 8346b32..05fa994 100644
--- a/src/Components/index.jsx
+++ b/src/Components/index.jsx
@@ -1,10 +1,10 @@
-
-
-export {default as AboutUs} from "./AboutUs/index";
-export {default as FaQs} from "./FaQs/index";
-export {default as Header} from "./Header/index";
-export {default as Landing} from "./Landing/index";
-export {default as Sponsors} from "./Sponsors/index";
-export {default as TimeLine} from "./Timeline/index";
-export {default as Judges} from './Judges/index';
+
+
+export {default as AboutUs} from "./AboutUs/index";
+export {default as FaQs} from "./FaQs/index";
+export {default as Header} from "./Header/index";
+export {default as Landing} from "./Landing/index";
+export {default as Sponsors} from "./Sponsors/index";
+export {default as TimeLine} from "./Timeline/index";
+export {default as Judges} from './Judges/index';
 export {default as Contact} from "./Contact/index";
\ No newline at end of file
diff --git a/src/Pages/Home/index.jsx b/src/Pages/Home/index.jsx
index 192224c..967e5df 100644
--- a/src/Pages/Home/index.jsx
+++ b/src/Pages/Home/index.jsx
@@ -1,20 +1,35 @@
-
-import { Header,Landing,AboutUs,Judges,TimeLine,Sponsors,FaQs,Contact } from "../../Components";
-
-const Home = () => {
-
-    return (
-        <>
-            <Header />
-            <Landing />
-            <AboutUs />
-            <Judges />
-            <TimeLine />
-            <Sponsors />
-            <FaQs />
-            <Contact />
-        </>
-    )
-}
-
-export default Home;
\ No newline at end of file
+import {
+  Header,
+  Landing,
+  AboutUs,
+  Judges,
+  TimeLine,
+  Sponsors,
+  FaQs,
+  Contact,
+} from "../../Components";
+
+import img from "../../assets/12313124.png";
+const divStyle = {
+  backgroundImage: `url(${img})`,
+  height: "100vh",
+};
+
+const Home = () => {
+  return (
+    <>
+      <div style={divStyle}>
+        <Header />
+        <Landing />
+      </div>
+      <AboutUs />
+      <Judges />
+      {/* <TimeLine />
+      <Sponsors />
+      <FaQs />
+      <Contact /> */}
+    </>
+  );
+};
+
+export default Home;
diff --git a/src/Pages/Register/index.jsx b/src/Pages/Register/index.jsx
index fcc038e..b619a04 100644
--- a/src/Pages/Register/index.jsx
+++ b/src/Pages/Register/index.jsx
@@ -1,12 +1,12 @@
-
-
-const Register = () => {
-
-    return (
-        <>
-            <h1>Embedded form</h1>
-        </>
-    )
-}
-
+
+
+const Register = () => {
+
+    return (
+        <>
+            <h1>Embedded form</h1>
+        </>
+    )
+}
+
 export default Register;
\ No newline at end of file
diff --git a/src/Pages/index.jsx b/src/Pages/index.jsx
index 643c835..6f9a1f9 100644
--- a/src/Pages/index.jsx
+++ b/src/Pages/index.jsx
@@ -1,4 +1,4 @@
-
-
-export {default as Home} from "./Home/index";
+
+
+export {default as Home} from "./Home/index";
 export {default as Register} from './Register/index';
\ No newline at end of file
diff --git a/src/Router/index.jsx b/src/Router/index.jsx
index 7f33dd8..3308a3e 100644
--- a/src/Router/index.jsx
+++ b/src/Router/index.jsx
@@ -1,25 +1,25 @@
-import { BrowserRouter, Route, Routes } from "react-router-dom";
-import routes from "./routes";
-
-
-const Router = () => {
-    return (
-      <>
-        <BrowserRouter>
-            <Routes>
-              {routes.map((route) => {
-                return (
-                  <Route
-                    key={route.path}
-                    path={route.path}
-                    element={route.element}
-                  />
-                );
-              })}
-            </Routes>
-        </BrowserRouter>
-      </>
-    );
-  };
-  
+import { BrowserRouter, Route, Routes } from "react-router-dom";
+import routes from "./routes";
+
+
+const Router = () => {
+    return (
+      <>
+        <BrowserRouter>
+            <Routes>
+              {routes.map((route) => {
+                return (
+                  <Route
+                    key={route.path}
+                    path={route.path}
+                    element={route.element}
+                  />
+                );
+              })}
+            </Routes>
+        </BrowserRouter>
+      </>
+    );
+  };
+  
   export default Router;
\ No newline at end of file
diff --git a/src/Router/routes.jsx b/src/Router/routes.jsx
index ba0a4a2..67b3a10 100644
--- a/src/Router/routes.jsx
+++ b/src/Router/routes.jsx
@@ -1,18 +1,18 @@
-import {Home, Register}  from "../Pages/index";
-
-const routes = [
-  {
-    title: "Home",
-    path: "/",
-    description: "home",
-    element: <Home />,
-  },
-  {
-    title: "Register",
-    path: "/register",
-    description: "register Page",
-    element: <Register />,
-  },
-];
-
+import {Home, Register}  from "../Pages/index";
+
+const routes = [
+  {
+    title: "Home",
+    path: "/",
+    description: "home",
+    element: <Home />,
+  },
+  {
+    title: "Register",
+    path: "/register",
+    description: "register Page",
+    element: <Register />,
+  },
+];
+
 export default routes;
\ No newline at end of file
diff --git a/src/assets/12313124.png b/src/assets/12313124.png
new file mode 100644
index 0000000..278abaf
Binary files /dev/null and b/src/assets/12313124.png differ
diff --git a/src/assets/Ellipse 13.svg b/src/assets/Ellipse 13.svg
new file mode 100644
index 0000000..fa1b70b
--- /dev/null
+++ b/src/assets/Ellipse 13.svg	
@@ -0,0 +1,3 @@
+<svg width="130" height="123" viewBox="0 0 130 123" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse id="Ellipse 13" cx="65.25" cy="61.5" rx="64.5" ry="61.5" fill="#1A1A1A"/>
+</svg>
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 0000000..da76ccc
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1,7 @@
+<svg width="36" height="27" viewBox="0 0 36 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="transfinitte logo">
+<rect id="Rectangle 50" x="0.5" y="0.0889893" width="14.1999" height="6.31107" fill="#D9D9D9"/>
+<rect id="Rectangle 51" x="20.2223" y="0.0889893" width="15.7777" height="6.31107" fill="#D9D9D9"/>
+<path id="Rectangle 52" d="M17.0667 3.24452C17.0667 1.50177 18.4794 0.0889893 20.2222 0.0889893C21.9649 0.0889893 23.3777 1.50177 23.3777 3.24452V26.911H17.0667V3.24452Z" fill="#D9D9D9"/>
+</g>
+</svg>
diff --git a/src/main.jsx b/src/main.jsx
index 51a8c58..6bd83c9 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.jsx'
-
-ReactDOM.createRoot(document.getElementById('root')).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-)
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App.jsx'
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)