+)
+
+export default GradientWrapper
\ No newline at end of file
diff --git a/eventHub-dApp/Frontend/Event Application/components/Layout.jsx b/eventHub-dApp/Frontend/Event Application/components/Layout.jsx
new file mode 100644
index 00000000..54b1e487
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/components/Layout.jsx
@@ -0,0 +1,24 @@
+import Head from "next/head";
+import Footer from "./ui/Footer";
+import Navbar from "./ui/Navbar";
+
+const Layout = ({ children }) => {
+ return (
+ <>
+
+ EventHub
+
+
+
+
+
+ {children}
+
+
+ );
+};
+
+export default Layout;
diff --git a/eventHub-dApp/Frontend/Event Application/components/SectionWrapper.jsx b/eventHub-dApp/Frontend/Event Application/components/SectionWrapper.jsx
new file mode 100644
index 00000000..447db6c2
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/components/SectionWrapper.jsx
@@ -0,0 +1,7 @@
+const SectionWrapper = ({ children, ...props }) => (
+
+ {children}
+
+)
+
+export default SectionWrapper
\ No newline at end of file
diff --git a/eventHub-dApp/Frontend/Event Application/components/ui/AnimatedContent/index.jsx b/eventHub-dApp/Frontend/Event Application/components/ui/AnimatedContent/index.jsx
new file mode 100644
index 00000000..52f974cd
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/components/ui/AnimatedContent/index.jsx
@@ -0,0 +1,44 @@
+import { CldVideoPlayer } from "next-cloudinary"
+import NavLink from "../NavLink";
+
+const AnimatedContent = () => {
+ return (
+
+
+
+
+ What is the Benifit of Organizing Event?
+
+
+ Event organizers have special benefits. If an event organizer's payment for their organized events reaches 10 ETH, they will be given a free pass to attend an event.
+
+
+
+ Create an event
+
+
+
+
+
+
+
+ )
+}
+
+export default AnimatedContent
\ No newline at end of file
diff --git a/eventHub-dApp/Frontend/Event Application/components/ui/Benefits/index.jsx b/eventHub-dApp/Frontend/Event Application/components/ui/Benefits/index.jsx
new file mode 100644
index 00000000..7052bdc0
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/components/ui/Benefits/index.jsx
@@ -0,0 +1,33 @@
+import React from 'react'
+import { Check } from 'lucide-react';
+
+const Benefits = () => {
+ const totalBenefit = [
+ "Decentralized Event Management", "Smart Contract Integration", "Blockchain Technology", "Immutable Event History" ,"Access to resources", "Streamline event's", "Community Support", "Free Event Hub", "Networking Opportunities", "Knowledge and Skill Enhancement", "Brand Exposure and Visibility", "Open Source and Community-Driven Development"
+ ]
+ return (
+
+
+ Get these DAPP features
+
+
+ Listen to what the experts around the world are saying about our event applications.
+
+
+
+ {
+ totalBenefit.map((Items, _idx)=> (
+
+
+
{Items}
+
+ ))
+ }
+
+
+ )
+}
+
+export default Benefits
diff --git a/eventHub-dApp/Frontend/Event Application/components/ui/Brand/index.jsx b/eventHub-dApp/Frontend/Event Application/components/ui/Brand/index.jsx
new file mode 100644
index 00000000..ab24ffc6
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/components/ui/Brand/index.jsx
@@ -0,0 +1,13 @@
+import Link from "next/link";
+
+const Brand = () => (
+
+
+
+)
+export default Brand
\ No newline at end of file
diff --git a/eventHub-dApp/Frontend/Event Application/components/ui/Button/index.jsx b/eventHub-dApp/Frontend/Event Application/components/ui/Button/index.jsx
new file mode 100644
index 00000000..89c89cf8
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/components/ui/Button/index.jsx
@@ -0,0 +1,10 @@
+const Button = ({ children, ...props }) => (
+
+)
+export default Button
\ No newline at end of file
diff --git a/eventHub-dApp/Frontend/Event Application/components/ui/CTA/index.jsx b/eventHub-dApp/Frontend/Event Application/components/ui/CTA/index.jsx
new file mode 100644
index 00000000..9f505cec
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/components/ui/CTA/index.jsx
@@ -0,0 +1,35 @@
+import SectionWrapper from "../../SectionWrapper"
+import NavLink from "../NavLink"
+import ctaImage from "../../../public/cta-image.jpg"
+import Image from "next/image"
+
+const CTA = () => {
+ return (
+
+
+ Unleash the Power of Events with Our Interactive Platform! Join us as we revolutionize event creation and organization, empowering you to shape unforgettable experiences. Together, let's bring your vision to life and engage your audience like never before
+
+
+ )
+}
\ No newline at end of file
diff --git a/eventHub-dApp/Frontend/Event Application/components/ui/Testimonials/index.jsx b/eventHub-dApp/Frontend/Event Application/components/ui/Testimonials/index.jsx
new file mode 100644
index 00000000..543b280f
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/components/ui/Testimonials/index.jsx
@@ -0,0 +1,84 @@
+import SectionWrapper from "../../SectionWrapper"
+
+const Testimonials = () => {
+
+ const testimonials = [
+ {
+ avatar: "https://images.unsplash.com/photo-1599566150163-29194dcaad36?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80",
+ name: "Alex wonderson",
+ title: "Founder of Lyconf",
+ quote: "As the founder of Lyconf, managing events used to be overwhelming. Thanks to this DApp events application, I can now streamline the entire process with decentralized event management, smart contracts, and a transparent approach, allowing me to focus on what matters most: creating memorable experiences for our clients."
+ },
+ {
+ avatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80",
+ name: "Karim ahmed",
+ title: "DevOps engineer",
+ quote: "Being a DevOps engineer, I understand the importance of efficiency. This DApp events application not only simplifies event management but also saves time and resources."
+ },
+ {
+ avatar: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80",
+ name: "Lysa stian",
+ title: "System manger",
+ quote: "Facing challenges in my business, I was losing hope until I discovered this DApp events application. It transformed my approach to event management, introducing automation and efficiency. Now, I can navigate the complexities of organizing events with ease, thanks to the power of decentralization."
+ },
+ {
+ avatar: "https://randomuser.me/api/portraits/women/79.jpg",
+ name: "Angela stian",
+ title: "Product designer",
+ quote: "Struggling to keep my company afloat, I stumbled upon our DApp events application. The decentralized features and user-friendly interface have been instrumental in our success and growth."
+ },
+ {
+ avatar: "https://images.unsplash.com/photo-1464863979621-258859e62245?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=386&q=80",
+ name: "Jurica koletic",
+ title: "Founder of Let’s code",
+ quote: "In these challenging economic times, this DApp events application has been a game-changer for entrepreneurs. The decentralized approach, coupled with smart contract functionalities, has made doing business more resilient and efficient."
+ },
+ {
+ avatar: "https://images.unsplash.com/photo-1590038767624-dac5740a997b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80",
+ name: "Kavi laron",
+ title: "Full stack engineer",
+ quote: "Facing a critical staffing issue, this DApp events application came to the rescue. Event Hub features proved invaluable when I lost crucial staff."
+ },
+ ]
+
+ return (
+
+
+
+
+ See what others saying about us
+
+
+ Listen to what the experts around the world are saying about us.
+
+ )
+}
+
+export default index
\ No newline at end of file
diff --git a/eventHub-dApp/Frontend/Event Application/pages/get-started.js b/eventHub-dApp/Frontend/Event Application/pages/get-started.js
new file mode 100644
index 00000000..53b60525
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/pages/get-started.js
@@ -0,0 +1,92 @@
+import Head from "next/head";
+import Input from "../components/ui/Input";
+import Button from "../components/ui/Button";
+import Checkbox from "../components/ui/Checkbox";
+
+export default function GetStarted() {
+ const servicesItems = [
+ "Mobile development",
+ "UI/UX Design",
+ "web development",
+ "SEO",
+ ];
+
+ return (
+ <>
+
+ Contact us - Blinder
+
+
+
+
+
+
+ Talk to a Blinder expert
+
+
+ We are here to help. Get in touch with sales our press team and
+ let us know how we can help, or shoot us an email on{" "}
+
+ support@blinder.com.
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/eventHub-dApp/Frontend/Event Application/pages/index.js b/eventHub-dApp/Frontend/Event Application/pages/index.js
new file mode 100644
index 00000000..bf52b00e
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/pages/index.js
@@ -0,0 +1,36 @@
+import Head from "next/head";
+import GradientWrapper from "../components/GradientWrapper";
+import CTA from "../components/ui/CTA";
+import Features from "../components/ui/Features";
+import FooterCTA from "../components/ui/FooterCTA";
+import Hero from "../components/ui/Hero";
+import LogoGrid from "../components/ui/LogoGrid";
+import Testimonials from "../components/ui/Testimonials";
+import ToolKit from "../components/ui/ToolKit";
+import AnimatedContent from "../components/ui/AnimatedContent";
+import SwiperComponent from "../components/ui/Swipper";
+import Benefits from "components/ui/Benefits"
+
+export default function Home() {
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/eventHub-dApp/Frontend/Event Application/pages/login/index.js b/eventHub-dApp/Frontend/Event Application/pages/login/index.js
new file mode 100644
index 00000000..0612e9d7
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/pages/login/index.js
@@ -0,0 +1,12 @@
+import React from 'react'
+import Login from '../../components/ui/Login'
+
+const login = () => {
+ return (
+
+
+)
+export default Brand
\ No newline at end of file
diff --git a/eventHub-dApp/Frontend/Event Application/components/ui/Button/index.jsx b/eventHub-dApp/Frontend/Event Application/components/ui/Button/index.jsx
new file mode 100644
index 00000000..89c89cf8
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/components/ui/Button/index.jsx
@@ -0,0 +1,10 @@
+const Button = ({ children, ...props }) => (
+
+)
+export default Button
\ No newline at end of file
diff --git a/eventHub-dApp/Frontend/Event Application/components/ui/CTA/index.jsx b/eventHub-dApp/Frontend/Event Application/components/ui/CTA/index.jsx
new file mode 100644
index 00000000..9f505cec
--- /dev/null
+++ b/eventHub-dApp/Frontend/Event Application/components/ui/CTA/index.jsx
@@ -0,0 +1,35 @@
+import SectionWrapper from "../../SectionWrapper"
+import NavLink from "../NavLink"
+import ctaImage from "../../../public/cta-image.jpg"
+import Image from "next/image"
+
+const CTA = () => {
+ return (
+ 
+ 
+ 
+ +
+ {item.name} + {item.title} +++
++