diff --git a/src/About.js b/src/components/About/About.js
similarity index 95%
rename from src/About.js
rename to src/components/About/About.js
index 9716c1c..002d24d 100644
--- a/src/About.js
+++ b/src/components/About/About.js
@@ -5,8 +5,9 @@ import { Link } from 'react-router-dom';
import './About.scss';
-import Header from './components/Header';
-import Footer from './components/Footer';
+import Header from '../Header';
+import Footer from '../Footer';
+import FaqSection from './FaqSection';
function About() {
return (
@@ -71,6 +72,7 @@ function About() {
+
diff --git a/src/About.scss b/src/components/About/About.scss
similarity index 100%
rename from src/About.scss
rename to src/components/About/About.scss
diff --git a/src/components/About/FaqSection.js b/src/components/About/FaqSection.js
new file mode 100644
index 0000000..fe5e9f9
--- /dev/null
+++ b/src/components/About/FaqSection.js
@@ -0,0 +1,67 @@
+import React from 'react';
+
+const faqSectionData = [
+ {
+ id: 1,
+ question: 'What is an npub and why is it needed in Nostr?',
+ answer:
+ 'An npub is a unique identifier for a user on the Nostr network. It is generated based on the public key when creating a Nostr wallet and allows unambiguously identifying a user, signing their messages, and verifying authenticity. Each user needs to have their own unique npub to operate on the Nostr network.',
+ },
+ {
+ id: 2,
+ question: 'What is a note in Nostr and how is it used?',
+ answer:
+ 'A note in Nostr is a message posted by a user on the network. Notes can contain text, images, links, and other content. They are used to share information and interact between users. Examples of using notes include posts in feeds, private messages, reposts, mentions, etc.',
+ },
+ {
+ id: 3,
+ question: 'What is an event (nevent) in Nostr and why is it needed?',
+ answer: `Nevent is the event mechanism in Nostr that allows user's to subscribe to updates from other accounts. When a user publishes a note, an nevent is generated that subscribers can react to. This enables propagating information and interacting in the decentralized Nostr network. nevent is the event mechanism in Nostr that allows users to subscribe to updates from other accounts. When a user publishes a note, an nevent is generated that subscribers can react to. This enables propagating information and interacting in the decentralized Nostr network.`,
+ },
+ {
+ id: 4,
+ question: 'What is a profile (nprofile) in Nostr and why is it needed?',
+ answer: `Nprofile is a user's public profile on the Nostr network. It contains account information like a name, avatar, description, and other data. nprofile allows users to tell about themselves and configure their public image on the network. Profiles make communication in Nostr more personalized.`,
+ },
+ {
+ id: 5,
+ question: 'What are addresses (naddr) in Nostr and how to use them?',
+ answer:
+ 'Naddr is a Nostr user s address that can be used to subscribe to their updates. The address has the format naddr://, where npub is the user identifier. To start following someone, you need to add their naddr to your Nostr wallet. You can also publish your address for others to subscribe to you',
+ },
+];
+
+const FaqSection = () => {
+ return (
+
+
Frequently Asked Questions ?
+ {faqSectionData.map((faqItem) => (
+
+
+
+
+
+
{faqItem.answer}
+
+
+ ))}
+
+ );
+};
+
+export default FaqSection;
diff --git a/src/index.js b/src/index.js
index 46d7e11..bbad720 100644
--- a/src/index.js
+++ b/src/index.js
@@ -8,7 +8,7 @@ import RepositoryPage from './pages/RepositoryPage';
import './index.scss';
import Root from './Root';
-import About from './About';
+import About from './components/About/About';
import Recommendations from './Recommendations';
import Profile from './Profile';
import AppInfo from './AppInfo';