From a2410a43331aab1b6989e2136b64f239a7542f53 Mon Sep 17 00:00:00 2001
From: Raj Jitendra Shah <141725750+Rajshah1302@users.noreply.github.com>
Date: Sat, 21 Dec 2024 16:43:28 +0530
Subject: [PATCH 1/2] feat: create responsive navbar
---
package-lock.json | 9 +++
package.json | 1 +
src/App.css | 2 +-
src/App.js | 16 +----
src/components/Navbar/Navbar.css | 107 +++++++++++++++++++++++++++++++
src/components/Navbar/Navbar.js | 45 +++++++++++++
src/index.css | 7 +-
src/index.js | 12 ++--
src/public/Resonate_Logo.png | Bin 0 -> 17424 bytes
9 files changed, 172 insertions(+), 27 deletions(-)
create mode 100644 src/components/Navbar/Navbar.css
create mode 100644 src/components/Navbar/Navbar.js
create mode 100644 src/public/Resonate_Logo.png
diff --git a/package-lock.json b/package-lock.json
index df6212b..b82d0eb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
+ "react-icons": "^5.4.0",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
}
@@ -14707,6 +14708,14 @@
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
"integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg=="
},
+ "node_modules/react-icons": {
+ "version": "5.4.0",
+ "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.4.0.tgz",
+ "integrity": "sha512-7eltJxgVt7X64oHh6wSWNwwbKTCtMfK35hcjvJS0yxEAhPM8oUKdS3+kqaW1vicIltw+kR2unHaa12S9pPALoQ==",
+ "peerDependencies": {
+ "react": "*"
+ }
+ },
"node_modules/react-is": {
"version": "17.0.2",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
diff --git a/package.json b/package.json
index 7a5c146..c0d267f 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
+ "react-icons": "^5.4.0",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},
diff --git a/src/App.css b/src/App.css
index 74b5e05..1ba58c9 100644
--- a/src/App.css
+++ b/src/App.css
@@ -14,7 +14,7 @@
}
.App-header {
- background-color: #282c34;
+ background-color: white;
min-height: 100vh;
display: flex;
flex-direction: column;
diff --git a/src/App.js b/src/App.js
index 3784575..912c1e1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,23 +1,11 @@
import logo from './logo.svg';
import './App.css';
+import Navbar from './components/Navbar/Navbar';
function App() {
return (
);
}
diff --git a/src/components/Navbar/Navbar.css b/src/components/Navbar/Navbar.css
new file mode 100644
index 0000000..40f52b1
--- /dev/null
+++ b/src/components/Navbar/Navbar.css
@@ -0,0 +1,107 @@
+.navbar {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ background-color: #1c1c1c;
+ padding: 10px 20px;
+ border-radius: 30px;
+ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
+ margin: 30px;
+ position: relative;
+}
+
+.navbar-left .app-name {
+ color: white;
+ font-size: 20px;
+ font-weight: bold;
+}
+
+.navbar-right {
+ display: flex;
+ align-items: center;
+ gap: 15px;
+}
+
+.icon-link {
+ color: #fff;
+ text-decoration: none;
+ font-size: 16px;
+}
+
+.icon {
+ width: 25px;
+ height: 25px;
+}
+
+.download-button {
+ background-color: #f7cc4d;
+ color: #1c1c1c;
+ border: none;
+ padding: 8px 15px;
+ font-size: 16px;
+ border-radius: 20px;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+}
+
+.download-button:hover {
+ background-color: #e6b645;
+}
+
+.menu {
+ display: none;
+ flex-direction: column;
+ justify-content: space-between;
+ width: 25px;
+ height: 25px;
+ cursor: pointer;
+}
+
+.menu span {
+ height: 0.4rem;
+ width: 100%;
+ background-color: #fff;
+ border-radius: 0.2rem;
+}
+
+@media (max-width: 480px) {
+ .navbar {
+ flex-direction: column;
+ align-items: flex-start;
+ }
+
+ .menu {
+ display: flex;
+ position: absolute;
+ right: 20px;
+ }
+
+ .navbar-right {
+ display: none;
+ flex-direction: column;
+ width: 100%;
+ align-items: center;
+ margin-top: 20px;
+ }
+
+ .navbar-right.open {
+ display: flex;
+ }
+
+ .navbar-right.open a,
+ .navbar-right.open button {
+ text-align: center;
+ margin: 0;
+ width: 100%;
+ }
+
+ .navbar-right.open a {
+ padding: 10px;
+ background-color: #333;
+ border-radius: 5px;
+ }
+
+ .navbar-right.open button {
+ background-color: #f7cc4d;
+ }
+}
diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
new file mode 100644
index 0000000..0f52f75
--- /dev/null
+++ b/src/components/Navbar/Navbar.js
@@ -0,0 +1,45 @@
+import React from "react";
+import "./Navbar.css";
+import Resonate_Logo from "../../public/Resonate_Logo.png";
+import { FaExternalLinkAlt } from "react-icons/fa";
+import { SiGithub } from "react-icons/si";
+import { useState } from "react";
+
+const Navbar = () => {
+ const [menuOpen, setMenuOpen] = useState(false);
+
+ return (
+
+ );
+};
+
+export default Navbar;
diff --git a/src/index.css b/src/index.css
index ec2585e..c0402a7 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,10 +1,5 @@
body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+ background-color: white;
}
code {
diff --git a/src/index.js b/src/index.js
index d563c0f..770ee7d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,10 +1,10 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
+import React from "react";
+import ReactDOM from "react-dom/client";
+import "./index.css";
+import App from "./App";
+import reportWebVitals from "./reportWebVitals";
-const root = ReactDOM.createRoot(document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
diff --git a/src/public/Resonate_Logo.png b/src/public/Resonate_Logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..21cae986a4dd188ad8b8a2687befecdd8087e91e
GIT binary patch
literal 17424
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
Date: Sat, 21 Dec 2024 17:20:42 +0530
Subject: [PATCH 2/2] Update README
---
README.md | 51 ++++++++++++++++++++++++++++++++++++++++++++++++++-
1 file changed, 50 insertions(+), 1 deletion(-)
diff --git a/README.md b/README.md
index fbe1682..8d54fa4 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,53 @@
# Resonate-Website
-Resonate Landing Page
+
+**Resonate Landing Page**
+
+This repository contains the code for the **Resonate** — a page designed to showcase our platform, provide users with an overview of its features, and direct them to relevant rooms or store listings based on whether they have the app installed or not.
+
+### Figma Design
+
+You can view the [Figma Design](https://www.figma.com/file/b3DxpcvL98arH8Pru0hTEa/Resonate-Landing-Page?type=design&node-id=0%3A1&mode=design&t=IzEKsikv4qAp7jV8-1) for the landing page layout and overall structure.
[](https://www.figma.com/file/b3DxpcvL98arH8Pru0hTEa/Resonate-Landing-Page?type=design&node-id=0%3A1&mode=design&t=IzEKsikv4qAp7jV8-1)
+
+### Project Overview
+
+**Resonate** is a platform currently under development, and this landing page serves as the **first touchpoint** for users. The goal of the landing page is to provide clear calls to action based on the user's app status. If the user has the app installed, they will be directed to the relevant rooms. If not, they will be shown a store listing for easy installation.
+
+---
+
+### Technologies Used
+
+- **React** for building the user interface
+- **Figma** for Design
+
+---
+
+### Development Setup
+
+To get started with the development, clone the repository:
+
+```bash
+git clone https://github.com/yourusername/Resonate-Website.git
+cd Resonate-Website
+```
+
+Install dependencies:
+
+```bash
+npm install
+```
+
+Run the project locally:
+
+```bash
+npm start
+```
+
+Visit `http://localhost:3000` in your browser.
+
+---
+
+### Contributing
+
+Feel free to contribute to the project. Open issues, fork the repository, and submit pull requests for new features, bug fixes, or improvements.
\ No newline at end of file