diff --git a/app/GlobalRedux/provider.tsx b/app/GlobalRedux/provider.tsx index 1dfe341..f17cf08 100644 --- a/app/GlobalRedux/provider.tsx +++ b/app/GlobalRedux/provider.tsx @@ -4,8 +4,10 @@ import store from "./store"; import Navbar from "@/components/Navbar"; export default function GlobalReduxProvider({ children }: any) { - return - - {children} - ; + return ( + + + {children} + + ); } diff --git a/app/about/page.tsx b/app/about/page.tsx index b07a022..76092e3 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -3,6 +3,7 @@ import React from "react"; import Image from "next/image"; import { Carousel, OfferCard } from "@/components"; import Navbar from "@/components/Navbar"; +import Slider from "@/components/Slider"; const About = () => { const carouselItems = [ @@ -38,8 +39,10 @@ const About = () => {
-

SHARKTANK

-

+

+ Sharktank +

+

Welcome to Shark-Tank, a cutting-edge platform where aspiring entrepreneurs converge with seasoned investors. Our sleek interface transforms ideas into compelling pitches, fostering live @@ -48,7 +51,7 @@ const About = () => { future shaped by groundbreaking innovations.

- +

Some Offers

diff --git a/app/layout.tsx b/app/layout.tsx index 346fc69..9d66e4a 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,19 +1,26 @@ import "./globals.css"; import type { Metadata } from "next"; -import { Poppins, Oswald, Roboto } from "next/font/google"; +import { Poppins, Oswald, Kanit } from "next/font/google"; import GlobalReduxProvider from "./GlobalRedux/provider"; -export const poppins = Poppins({ +const poppins = Poppins({ subsets: ["latin"], weight: ["400", "500", "300", "600", "700"], + variable: "--font-poppins", }); -export const oswald = Oswald({ +const oswald = Oswald({ subsets: ["latin"], weight: ["400", "500", "600", "700"], variable: "--font-oswald", }); +const kanit = Kanit({ + subsets: ["latin"], + weight: ["400", "500", "600", "700"], + variable: "--font-kanit", +}); + export const metadata: Metadata = { title: "Shark Tank", description: @@ -28,7 +35,7 @@ export default function RootLayout({ return ( {children} diff --git a/app/page.tsx b/app/page.tsx index 40b93a6..c4f0e19 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,6 +1,27 @@ +"use client"; import Navbar from "@/components/Navbar"; import Image from "next/image"; import Link from "next/link"; +import { motion } from "framer-motion"; + +const item = { + initial: { + y: 100, + opacity: 0, + transition: { + duration: 0.5, + ease: [0.37, 0, 0.63, 0], + }, + }, + animate: { + y: 0, + opacity: 1, + transition: { + duration: 0.7, + ease: [0, 0.55, 0.45, 1], + }, + }, +}; export default function Home() { return ( @@ -15,25 +36,38 @@ export default function Home() { /> */}
-

SHARKTANK

+ + {"SHARKTANK".split("").map((e, id) => { + return ( + + {e} + + ); + })} +

- "Shark Tank" is a popular American television show that - features aspiring entrepreneurs and inventors pitching their + Shark Tank is a popular American television show + that features aspiring entrepreneurs and inventors pitching their business ideas or products to a panel of wealthy investors, known - as "sharks". The entrepreneurs hope to secure investment - deals from the sharks in exchange for a percentage of their - company's equity. Each contestant has a limited time to make - their pitch, after which the sharks can ask questions and + as Sharks. The entrepreneurs hope to secure + investment deals from the sharks in exchange for a percentage of + their company's equity. Each contestant has a limited time to + make their pitch, after which the sharks can ask questions and negotiate terms. The show is known for its high-stakes drama, candid feedback from the sharks, and the potential for - life-changing investment offers. "Shark Tank" has not - only provided a platform for entrepreneurs to showcase their + life-changing investment offers. Shark Tank has + not only provided a platform for entrepreneurs to showcase their innovations but has also entertained and inspired millions of viewers around the world.

See more → diff --git a/app/user/[id]/page.tsx b/app/user/[id]/page.tsx index 213751f..3a457cf 100644 --- a/app/user/[id]/page.tsx +++ b/app/user/[id]/page.tsx @@ -117,11 +117,10 @@ export default function Page({ params }: any) { } return ( - <> - -
-
-
+
+
+
+

User Information

{(userDatabase as any).User_Avatar ? ( @@ -209,7 +208,7 @@ export default function Page({ params }: any) { )}
- +
) } diff --git a/components/Logout.tsx b/components/Logout.tsx index 47d032b..6bfd372 100644 --- a/components/Logout.tsx +++ b/components/Logout.tsx @@ -11,7 +11,7 @@ function Logout() { }); }; return ( - ); diff --git a/components/Navbar.tsx b/components/Navbar.tsx index dba1128..33f19e7 100644 --- a/components/Navbar.tsx +++ b/components/Navbar.tsx @@ -9,6 +9,7 @@ import { useDispatch } from "react-redux"; import authService from "@/app/appwrite/auth"; import { authlogout, login } from "@/app/GlobalRedux/Features/authSlice"; import { motion, AnimatePresence } from "framer-motion"; +import { FaRegCircleUser } from "react-icons/fa6"; const NavbarAnim = { initial: { @@ -36,15 +37,14 @@ const item = { y: "30vh", transition: { duration: 0.5, - ease: [0.12, 0, 0.39, 0], + ease: [0.37, 0, 0.63, 1], }, }, - animate: { + open: { y: 0, transition: { - delay: 0.5, - duration: 1, - ease: [0.22, 1, 0.36, 1], + duration: 0.7, + ease: [0, 0.55, 0.45, 1], }, }, }; @@ -58,7 +58,7 @@ const container = { }, open: { transition: { - delayChildren: 0.4, + delayChildren: 0.2, staggerChildren: 0.09, staggerDirection: 1, }, @@ -137,7 +137,7 @@ const Navbar = () => {
{authStatus && ( - + {(userDatabase as any).User_Avatar ? (
{/* eslint-disable-next-line @next/next/no-img-element */} @@ -150,30 +150,7 @@ const Navbar = () => { />
) : ( - - - - - - - + )} )} @@ -185,7 +162,7 @@ const Navbar = () => { {isActive && ( { exit="initial" >
- + Pitches
{authStatus ? (
- + Add Pitch
) : (
- + About
)}
- + Contact
{authStatus ? (
- +
) : (
- + Login
diff --git a/components/Slider.tsx b/components/Slider.tsx new file mode 100644 index 0000000..86dfcd2 --- /dev/null +++ b/components/Slider.tsx @@ -0,0 +1,72 @@ +"use client"; +import { useEffect, useState } from "react"; +import { Swiper, SwiperSlide } from "swiper/react"; +import { Pagination, Autoplay } from "swiper/modules"; + +import "swiper/css"; +import "swiper/css/pagination"; + +interface CarouselItem { + imageUrl: string; + heading?: string; + paragraph?: string; +} + +interface CarouselProps { + items: CarouselItem[]; +} + +const Slider: React.FC = ({ items }) => { + return ( +
+
+ + {items.map((item, index) => { + return ( + +
+ slide +
+
+

+ {item.heading} +

+

{item.paragraph}

+
+
+
+ + ); + })} + +
+
+ ); +}; + +export default Slider; diff --git a/package-lock.json b/package-lock.json index 182c2b3..460932a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -20,6 +20,7 @@ "react-icons": "^4.11.0", "react-redux": "^8.1.3", "react-tsparticles": "^2.12.2", + "swiper": "^11.0.6", "tsparticles-slim": "^2.12.0" }, "devDependencies": { @@ -4231,6 +4232,24 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/swiper": { + "version": "11.0.6", + "resolved": "https://registry.npmjs.org/swiper/-/swiper-11.0.6.tgz", + "integrity": "sha512-W/Me7MQl5rNgdM5x9i3Gll76WsyVpnHn91GhBOyL7RCFUeg62aVnflzlVfIpXzZ/87FtJOfAoDH79ZH2Yq76zA==", + "funding": [ + { + "type": "patreon", + "url": "https://www.patreon.com/swiperjs" + }, + { + "type": "open_collective", + "url": "http://opencollective.com/swiper" + } + ], + "engines": { + "node": ">= 4.7.0" + } + }, "node_modules/tailwindcss": { "version": "3.3.3", "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz", diff --git a/package.json b/package.json index 9ddf8ec..6c398f8 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,7 @@ "react-icons": "^4.11.0", "react-redux": "^8.1.3", "react-tsparticles": "^2.12.2", + "swiper": "^11.0.6", "tsparticles-slim": "^2.12.0" }, "devDependencies": { diff --git a/tailwind.config.ts b/tailwind.config.ts index 9b7f84d..5d2a1db 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -15,6 +15,8 @@ const config: Config = { }, fontFamily: { oswald: ["var(--font-oswald)"], + poppins: ["var(--font-poppins)"], + kanit: ["var(--font-kanit)"], }, }, },