diff --git a/Frontend/src/App.jsx b/Frontend/src/App.jsx index 0c89e64..20f6bd7 100644 --- a/Frontend/src/App.jsx +++ b/Frontend/src/App.jsx @@ -19,9 +19,9 @@ import NavConsole from "./components/ui/nav/NavConsole"; const App = () => { return (
- + {/* */} {/* */} - {/* */} + {/* */} {/* */} diff --git a/Frontend/src/components/homepage/GameCard.jsx b/Frontend/src/components/homepage/GameCard.jsx index 68a1535..0957437 100644 --- a/Frontend/src/components/homepage/GameCard.jsx +++ b/Frontend/src/components/homepage/GameCard.jsx @@ -1,5 +1,7 @@ -export const GameCard = (props) => { - return
+import { Bgmi } from "../ui/Cards/Bgmi" +export const GameCard = (props) => { + return
+ {props.card}
} \ No newline at end of file diff --git a/Frontend/src/components/homepage/Hero.jsx b/Frontend/src/components/homepage/Hero.jsx index d9f65e5..cb89afb 100644 --- a/Frontend/src/components/homepage/Hero.jsx +++ b/Frontend/src/components/homepage/Hero.jsx @@ -1,9 +1,14 @@ +import { Ashpalt } from "../ui/Cards/Ashpalt"; +import { Bgmi } from "../ui/Cards/Bgmi"; +import { Codm } from "../ui/Cards/Codm"; +import { Freefire } from "../ui/Cards/Freefire"; +import { Valo } from "../ui/Cards/Valo"; import { GameCard } from "./GameCard"; import { NoticeCard } from "./NoticeCard"; export default function Hero(props) { return ( -
+
{/* greet */}
@@ -16,13 +21,13 @@ export default function Hero(props) {
{/* board */} -
-
+
+

Top Rated Series

-
+
-
+

choose your best match of series, among all games.

-
+
@@ -53,12 +58,12 @@ export default function Hero(props) {
{/* card */}
-
- - - - - +
+ }/> + }/> + } /> + } /> + } />
diff --git a/Frontend/src/components/homepage/Homepage.jsx b/Frontend/src/components/homepage/Homepage.jsx index d633d82..5448935 100644 --- a/Frontend/src/components/homepage/Homepage.jsx +++ b/Frontend/src/components/homepage/Homepage.jsx @@ -21,11 +21,11 @@ const Homepage = () => {
-
-
+
+
-
+
diff --git a/Frontend/src/components/homepage/NoticeCard.jsx b/Frontend/src/components/homepage/NoticeCard.jsx index dd0a033..73fe90c 100644 --- a/Frontend/src/components/homepage/NoticeCard.jsx +++ b/Frontend/src/components/homepage/NoticeCard.jsx @@ -2,8 +2,8 @@ import { GradientText } from "../ui/GradientElements/GradientText"; export const NoticeCard = (props) => { return ( -
-
+
+
{ size={"sm"} />

{props.name}

-
+
{ />
-
+
{ />
-
+
{

{ + return ( + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/Frontend/src/components/ui/Cards/Bgmi.jsx b/Frontend/src/components/ui/Cards/Bgmi.jsx new file mode 100644 index 0000000..9237051 --- /dev/null +++ b/Frontend/src/components/ui/Cards/Bgmi.jsx @@ -0,0 +1,580 @@ +export const Bgmi = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/Frontend/src/components/ui/Cards/Codm.jsx b/Frontend/src/components/ui/Cards/Codm.jsx new file mode 100644 index 0000000..d0b1f34 --- /dev/null +++ b/Frontend/src/components/ui/Cards/Codm.jsx @@ -0,0 +1,549 @@ +export const Codm = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/Frontend/src/components/ui/Cards/Freefire.jsx b/Frontend/src/components/ui/Cards/Freefire.jsx new file mode 100644 index 0000000..b1a7a9c --- /dev/null +++ b/Frontend/src/components/ui/Cards/Freefire.jsx @@ -0,0 +1,569 @@ +export const Freefire = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/Frontend/src/components/ui/Cards/Valo.jsx b/Frontend/src/components/ui/Cards/Valo.jsx new file mode 100644 index 0000000..cd696ab --- /dev/null +++ b/Frontend/src/components/ui/Cards/Valo.jsx @@ -0,0 +1,506 @@ +export const Valo = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/Frontend/src/components/ui/Sidebar/Sidebar.jsx b/Frontend/src/components/ui/Sidebar/Sidebar.jsx index 920501d..c21e7ae 100644 --- a/Frontend/src/components/ui/Sidebar/Sidebar.jsx +++ b/Frontend/src/components/ui/Sidebar/Sidebar.jsx @@ -6,8 +6,8 @@ import { YoutubeIcon } from "../svg/YoutubeIcon"; export function Sidebar() { return ( -
-
+
+
} />
diff --git a/Frontend/src/components/ui/nav/NavConsole.jsx b/Frontend/src/components/ui/nav/NavConsole.jsx index 930d967..0493daa 100644 --- a/Frontend/src/components/ui/nav/NavConsole.jsx +++ b/Frontend/src/components/ui/nav/NavConsole.jsx @@ -2,7 +2,7 @@ import navConsole from "../../../assets/navConsole.svg"; import { TeamLogo } from "../svg/TeamLogo"; const NavConsole = (props) => { return ( -
+
@@ -10,7 +10,7 @@ const NavConsole = (props) => {

{props.name}

-
+
diff --git a/Frontend/src/components/ui/nav/UpperNav.jsx b/Frontend/src/components/ui/nav/UpperNav.jsx index b3e53d4..4d46cc8 100644 --- a/Frontend/src/components/ui/nav/UpperNav.jsx +++ b/Frontend/src/components/ui/nav/UpperNav.jsx @@ -7,15 +7,15 @@ import NavConsole from "./NavConsole"; const UpperNav = (props) => { return ( -
-
-
+
+
+
-
- +
+
-
+
} /> }/> diff --git a/Frontend/src/index.css b/Frontend/src/index.css index f18e112..35cbe73 100644 --- a/Frontend/src/index.css +++ b/Frontend/src/index.css @@ -457,6 +457,9 @@ background-size: cover; } .no-scrollbar::-webkit-scrollbar { display: none; +} + .no-scrollbar::-webkit-scrollbar { + display: none; } } .ACMAIN{