diff --git a/apps/gacha/public/logos/logo.svg b/apps/gacha/public/logos/logo.svg new file mode 100644 index 0000000..ca0f36e --- /dev/null +++ b/apps/gacha/public/logos/logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/gacha/public/merch/1.png b/apps/gacha/public/merch/1.png new file mode 100644 index 0000000..84fa81b Binary files /dev/null and b/apps/gacha/public/merch/1.png differ diff --git a/apps/gacha/public/merch/2.png b/apps/gacha/public/merch/2.png new file mode 100644 index 0000000..e65518f Binary files /dev/null and b/apps/gacha/public/merch/2.png differ diff --git a/apps/gacha/public/merch/Vector-1.svg b/apps/gacha/public/merch/Vector-1.svg new file mode 100644 index 0000000..efecf04 --- /dev/null +++ b/apps/gacha/public/merch/Vector-1.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/gacha/public/merch/Vector-2.svg b/apps/gacha/public/merch/Vector-2.svg new file mode 100644 index 0000000..f66d3e0 --- /dev/null +++ b/apps/gacha/public/merch/Vector-2.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/gacha/src/app/layout.tsx b/apps/gacha/src/app/layout.tsx index dd57ce5..846ecea 100644 --- a/apps/gacha/src/app/layout.tsx +++ b/apps/gacha/src/app/layout.tsx @@ -4,7 +4,7 @@ import { Navbar } from '@imphnen-frontend-service/ui/organisms'; export const AppLayout: FC = (): ReactElement => { return ( -
+
diff --git a/apps/gacha/src/app/page.tsx b/apps/gacha/src/app/page.tsx index f135208..bae1c49 100644 --- a/apps/gacha/src/app/page.tsx +++ b/apps/gacha/src/app/page.tsx @@ -1,7 +1,13 @@ +import { LandingPage } from '@imphnen-frontend-service/ui/organisms'; import { FC, ReactElement } from 'react'; export const Components: FC = (): ReactElement => { - return <>Hallo; + return ( + <> + +
+ + ); }; export default Components; diff --git a/libs/ui/src/organisms/index.ts b/libs/ui/src/organisms/index.ts index f5899d0..e75a225 100644 --- a/libs/ui/src/organisms/index.ts +++ b/libs/ui/src/organisms/index.ts @@ -1 +1,2 @@ export * from './navbar'; +export * from './landing-page'; diff --git a/libs/ui/src/organisms/landing-page/index.ts b/libs/ui/src/organisms/landing-page/index.ts new file mode 100644 index 0000000..d78baa5 --- /dev/null +++ b/libs/ui/src/organisms/landing-page/index.ts @@ -0,0 +1 @@ +export * from './landing-page'; diff --git a/libs/ui/src/organisms/landing-page/landing-page.tsx b/libs/ui/src/organisms/landing-page/landing-page.tsx new file mode 100644 index 0000000..82528a0 --- /dev/null +++ b/libs/ui/src/organisms/landing-page/landing-page.tsx @@ -0,0 +1,68 @@ +import { ArrowDownOutlined } from '@ant-design/icons'; +import { FC, ReactElement } from 'react'; + +export const LandingPage: FC = (): ReactElement => { + return ( +
+
+ IMPHNEN Logo + +
+
+

New Merchandise

+

Coming UP

+
+
+ Periode Gacha: 1 - 31 Maret 2025 +
+
+ +
+

Let's Go Checkout Our Merch &

+

Gacha Your Prize Here

+
+
+ + Scroll For Gacha + +
+
+
+
+ Merch 1 + +
+
+ Official Merch IMPHNEN +
+
~ 175k ~
+
+
+
+ Merch 2 + +
+
+ IMPHNEN Mini Merch +
+
~ 90k ~
+
+
+ ); +};