From d0aedc43abd9b5cf3ec2bf87c26051c49d22c60d Mon Sep 17 00:00:00 2001
From: Amruta Kothawade <116087736+Amruta7203@users.noreply.github.com>
Date: Sun, 26 May 2024 18:42:22 +0530
Subject: [PATCH 1/2] Corrected spelling error
---
src/components/UI/Exercises.jsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/components/UI/Exercises.jsx b/src/components/UI/Exercises.jsx
index 7abdeca3..20a17e77 100644
--- a/src/components/UI/Exercises.jsx
+++ b/src/components/UI/Exercises.jsx
@@ -10,7 +10,7 @@ const Exercises = () => {
- Benifits of Exercise
+ Benefits of Exercise
You'll discover the transformative power it holds in shaping a life
From d42c812baa80042b0bd10d2c3b53760751a302f9 Mon Sep 17 00:00:00 2001
From: Amruta Kothawade
Date: Sun, 16 Jun 2024 13:38:23 +0530
Subject: [PATCH 2/2] msg
---
src/App.jsx | 2 +
src/components/UI/About.jsx | 72 ++++++++++++++++++++++++++++++++++++
src/components/UI/Footer.jsx | 2 +-
src/styles/About.css | 55 +++++++++++++++++++++++++++
4 files changed, 130 insertions(+), 1 deletion(-)
create mode 100644 src/components/UI/About.jsx
create mode 100644 src/styles/About.css
diff --git a/src/App.jsx b/src/App.jsx
index f49bd390..7619b300 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,6 +1,7 @@
import { useEffect, useState } from "react";
import Aos from "aos";
import "./App.css";
+import About from "./components/UI/About";
import Header from "./components/Header/Header";
import Exercises from "./components/UI/Exercises";
import Footer from "./components/UI/Footer";
@@ -50,6 +51,7 @@ function App() {
} />
} />
+
} />
} />
} />
} />
diff --git a/src/components/UI/About.jsx b/src/components/UI/About.jsx
new file mode 100644
index 00000000..a55b4adf
--- /dev/null
+++ b/src/components/UI/About.jsx
@@ -0,0 +1,72 @@
+import React from "react";
+import "../../styles/About.css";
+import Footer from "./Footer";
+import Header from "../Header/Header";
+import Hero from "./Hero";
+
+const About = () => {
+ const socialMediaLinks = [
+ {
+ icon: "fa fa-facebook-f",
+ link: "https://www.facebook.com/", // Replace with your Facebook link
+ },
+ {
+ icon: "fa fa-instagram",
+ link: "https://www.instagram.com/", // Replace with your Instagram link
+ },
+ {
+ icon: "fa fa-twitter",
+ link: "https://www.twitter.com/", // Replace with your Twitter link
+ },
+ ];
+
+ return (
+ <>
+
+
+
+
+
About Us
+
+ We are passionate about helping people achieve their health and
+ fitness goals. We believe that exercise is a
+ powerful tool for transformation, not just physically but also
+ mentally and emotionally.
+
+
+
+
+ Our team consists of certified trainers who are not only
+ knowledgeable but also genuinely care about your success. They are
+ committed to providing personalized guidance, motivation, and
+ encouragement to help you push your limits and achieve results you
+ never thought possible.
+
+
Here's what sets us apart:
+
+ -
+ A welcoming and inclusive atmosphere: We believe in creating a
+ space where everyone feels comfortable, regardless of their
+ fitness background.
+
+ -
+ Variety and flexibility: We offer a wide range of classes,
+ programs, and equipment to cater to different needs and
+ preferences. We understand that schedules can be busy, so we
+ provide flexible options to fit your lifestyle.
+
+ -
+ Holistic approach to wellness: We go beyond just physical
+ training. We offer resources and guidance to help you integrate
+ healthy habits into all aspects of your life.
+
+
+
+
+
+
+ >
+ );
+};
+
+export default About;
diff --git a/src/components/UI/Footer.jsx b/src/components/UI/Footer.jsx
index 312308c2..65b23d3f 100644
--- a/src/components/UI/Footer.jsx
+++ b/src/components/UI/Footer.jsx
@@ -47,7 +47,7 @@ const Footer = () => {
Home
-
+
About Us
diff --git a/src/styles/About.css b/src/styles/About.css
new file mode 100644
index 00000000..cf48b886
--- /dev/null
+++ b/src/styles/About.css
@@ -0,0 +1,55 @@
+/* Create styles specific to About Us page */
+#about-us {
+ padding: 5rem 0;
+ }
+
+ #about-us .container {
+ max-width: 800px;
+ margin: 0 auto;
+ }
+
+ #about-us .about_top {
+ text-align: center;
+ }
+
+ #about-us .about_top h2{
+ font-size: 3rem;
+ line-height: 60px;
+ margin-bottom: 20px;
+ color: var(--primary-color);
+ }
+
+ #about-us .section_title {
+ margin-bottom: 1rem;
+ }
+
+ #about-us p {
+ font-size: 1rem;
+ margin-bottom: 30px;
+ line-height: 30px;
+ }
+
+ #about-us .about_content p {
+ text-align: center;
+ font-size: 1rem;
+ margin-bottom: 50px;
+ line-height: 30px;
+ }
+
+ #about-us h3 {
+ color: var(--primary-color);
+ margin-top: 2rem;
+ margin-bottom: 2rem;
+ }
+
+ #about-us ul {
+ list-style: disc;
+ margin-bottom: 0;
+ }
+
+ #about-us ul li {
+ margin-bottom: 10px;
+ list-style: none;
+ line-height: 30px;
+ }
+
\ No newline at end of file