created components and base structure

package.json

@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "styled-components": "^6.1.8"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",

src/App.jsx

@@ -1,3 +1,27 @@
+import { Happenings } from "./components/Happenings";
+import { Header } from "./components/Header";
+import { About } from "./components/About";
+import { Philosophy } from "./components/Philosophy";
+import { Start } from "./components/Start";
+import { Yogis } from "./components/Yogis";
+import { Quote } from "./components/Quote";
+import { FAQ } from "./components/FAQ";
+import { Form } from "./components/Form";
+import { Footer } from "./components/Footer";
+
 export const App = () => {
-  return <div>Find me in src/app.jsx!</div>;
+  return (
+    <div>
+      <Header />
+      <About />
+      <Philosophy />
+      <Yogis />
+      <Happenings />
+      <Start />
+      <Quote />
+      <FAQ />
+      <Form />
+      <Footer />
+    </div>
+  );
 };

src/components/About.jsx

@@ -0,0 +1,3 @@
+export const About = () => {
+  return <div>About</div>;
+};

src/components/FAQ.jsx

@@ -0,0 +1,3 @@
+export const FAQ = () => {
+  return <div>FAQ</div>;
+};

src/components/Footer.jsx

@@ -0,0 +1,3 @@
+export const Footer = () => {
+  return <div>Footer</div>;
+};

src/components/Form.jsx

@@ -0,0 +1,3 @@
+export const Form = () => {
+  return <div>Form</div>;
+};

src/components/Happenings.jsx

@@ -0,0 +1,3 @@
+export const Happenings = () => {
+  return <div>Happenings</div>;
+};

src/components/Header.jsx

@@ -0,0 +1,3 @@
+export const Header = () => {
+  return <div>Header</div>;
+};

src/components/Philosophy.jsx

@@ -0,0 +1,3 @@
+export const Philosophy = () => {
+  return <div>Philosophy</div>;
+};

src/components/Quote.jsx

@@ -0,0 +1,3 @@
+export const Quote = () => {
+  return <div>Quote</div>;
+};

src/components/Start.jsx

@@ -0,0 +1,3 @@
+export const Start = () => {
+  return <div>Start</div>;
+};

src/components/Yogis.jsx

@@ -0,0 +1,3 @@
+export const Yogis = () => {
+  return <div>Yogis</div>;
+};

src/reusables/Arrow.jsx

@@ -0,0 +1,3 @@
+export const Arrow = () => {
+  return <div>Arrow</div>;
+};

src/reusables/Button.jsx

@@ -0,0 +1,3 @@
+export const Button = () => {
+  return <div>Button</div>;
+};

src/reusables/Logo.jsx

@@ -0,0 +1,3 @@
+export const Logo = () => {
+  return <div>Logo</div>;
+};

src/reusables/Socials.jsx

@@ -0,0 +1,3 @@
+export const Socials = () => {
+  return <div>Socials</div>;
+};