From 22c002a68394ae73cb2abc90932408e897edda38 Mon Sep 17 00:00:00 2001
From: kat <katarzyna.zofia.kolasa@gmail.com>
Date: Tue, 21 Nov 2023 17:09:20 +0100
Subject: [PATCH] =?UTF-8?q?Dodanie=20zak=C5=82adki=20"About"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                   | 10 ++++------
 blurme/components/about.py   |  8 ++++++++
 blurme/pages/about.py        |  7 +++++++
 blurme/templates/template.py |  2 +-
 4 files changed, 20 insertions(+), 7 deletions(-)
 create mode 100644 blurme/components/about.py
 create mode 100644 blurme/pages/about.py

diff --git a/.gitignore b/.gitignore
index 6e4e04e..702282d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,7 +1,5 @@
-*.db
-
-*.py[cod]
-
-.web/
-
+*.db

+*.py[cod]

+.web

+.web/

 __pycache__/
\ No newline at end of file
diff --git a/blurme/components/about.py b/blurme/components/about.py
new file mode 100644
index 0000000..17d491d
--- /dev/null
+++ b/blurme/components/about.py
@@ -0,0 +1,8 @@
+import reflex as rx
+
+def about_content() -> rx.Component:
+    return rx.box(
+        rx.h1("About BlurMe"),
+        rx.p("BlurMe is an awesome app that blurs faces and license plates on photos."),
+        # Dodaj więcej treści o aplikacji BlurMe...
+    )
diff --git a/blurme/pages/about.py b/blurme/pages/about.py
new file mode 100644
index 0000000..5d8b410
--- /dev/null
+++ b/blurme/pages/about.py
@@ -0,0 +1,7 @@
+from blurme.components import about
+
+about_page = about.template(
+    route="/about",
+    title="About BlurMe",
+    description="Learn more about the BlurMe app and its features.",
+)(about.about_content)
\ No newline at end of file
diff --git a/blurme/templates/template.py b/blurme/templates/template.py
index ad0b44a..0b074ae 100644
--- a/blurme/templates/template.py
+++ b/blurme/templates/template.py
@@ -47,7 +47,7 @@ def menu_button() -> rx.Component:
                 ],
                 rx.menu_divider(),
                 rx.menu_item(
-                    rx.link("About", href="https://github.com/reflex-dev", width="100%")
+                    rx.link("About", href="/about", width="100%")
                 ),
                 rx.menu_item(
                     rx.link("Contact", href="mailto:founders@=reflex.dev", width="100%")