diff --git a/AGENTS.md b/AGENTS.md deleted file mode 100644 index 8bd0e39..0000000 --- a/AGENTS.md +++ /dev/null @@ -1,5 +0,0 @@ - -# This is NOT the Next.js you know - -This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices. - diff --git a/CLAUDE.md b/CLAUDE.md deleted file mode 100644 index 43c994c..0000000 --- a/CLAUDE.md +++ /dev/null @@ -1 +0,0 @@ -@AGENTS.md diff --git a/package-lock.json b/package-lock.json index 3870cd0..186c6c0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "compro-mit", "version": "0.1.0", "dependencies": { + "@phosphor-icons/react": "^2.1.10", "next": "16.2.6", "react": "19.2.4", "react-dom": "19.2.4" @@ -1240,6 +1241,19 @@ "node": ">=12.4.0" } }, + "node_modules/@phosphor-icons/react": { + "version": "2.1.10", + "resolved": "https://registry.npmjs.org/@phosphor-icons/react/-/react-2.1.10.tgz", + "integrity": "sha512-vt8Tvq8GLjheAZZYa+YG/pW7HDbov8El/MANW8pOAz4eGxrwhnbfrQZq0Cp4q8zBEu8NIhHdnr+r8thnfRSNYA==", + "license": "MIT", + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "react": ">= 16.8", + "react-dom": ">= 16.8" + } + }, "node_modules/@rtsao/scc": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz", diff --git a/package.json b/package.json index 1e67bbe..ab8ec40 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "lint": "eslint" }, "dependencies": { + "@phosphor-icons/react": "^2.1.10", "next": "16.2.6", "react": "19.2.4", "react-dom": "19.2.4" diff --git a/public/font/open-sauce-one/OpenSauceOne-Black.ttf b/public/font/open-sauce-one/OpenSauceOne-Black.ttf new file mode 100644 index 0000000..a3a0a2a Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-Black.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-BlackItalic.ttf b/public/font/open-sauce-one/OpenSauceOne-BlackItalic.ttf new file mode 100644 index 0000000..bd9c573 Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-BlackItalic.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-Bold.ttf b/public/font/open-sauce-one/OpenSauceOne-Bold.ttf new file mode 100644 index 0000000..7693d46 Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-Bold.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-BoldItalic.ttf b/public/font/open-sauce-one/OpenSauceOne-BoldItalic.ttf new file mode 100644 index 0000000..4540aee Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-BoldItalic.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-ExtraBold.ttf b/public/font/open-sauce-one/OpenSauceOne-ExtraBold.ttf new file mode 100644 index 0000000..105393d Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-ExtraBold.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-ExtraBoldItalic.ttf b/public/font/open-sauce-one/OpenSauceOne-ExtraBoldItalic.ttf new file mode 100644 index 0000000..886f4a5 Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-ExtraBoldItalic.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-Italic.ttf b/public/font/open-sauce-one/OpenSauceOne-Italic.ttf new file mode 100644 index 0000000..2e1b133 Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-Italic.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-Light.ttf b/public/font/open-sauce-one/OpenSauceOne-Light.ttf new file mode 100644 index 0000000..dd7645a Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-Light.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-LightItalic.ttf b/public/font/open-sauce-one/OpenSauceOne-LightItalic.ttf new file mode 100644 index 0000000..587c030 Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-LightItalic.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-Medium.ttf b/public/font/open-sauce-one/OpenSauceOne-Medium.ttf new file mode 100644 index 0000000..e2daa1b Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-Medium.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-MediumItalic.ttf b/public/font/open-sauce-one/OpenSauceOne-MediumItalic.ttf new file mode 100644 index 0000000..248c44c Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-MediumItalic.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-Regular.ttf b/public/font/open-sauce-one/OpenSauceOne-Regular.ttf new file mode 100644 index 0000000..395a857 Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-Regular.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-SemiBold.ttf b/public/font/open-sauce-one/OpenSauceOne-SemiBold.ttf new file mode 100644 index 0000000..d04ee46 Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-SemiBold.ttf differ diff --git a/public/font/open-sauce-one/OpenSauceOne-SemiBoldItalic.ttf b/public/font/open-sauce-one/OpenSauceOne-SemiBoldItalic.ttf new file mode 100644 index 0000000..ae84944 Binary files /dev/null and b/public/font/open-sauce-one/OpenSauceOne-SemiBoldItalic.ttf differ diff --git a/public/image/logo-white.png b/public/image/logo-white.png new file mode 100644 index 0000000..f7c9580 Binary files /dev/null and b/public/image/logo-white.png differ diff --git a/public/image/logo.png b/public/image/logo.png new file mode 100644 index 0000000..bd098c7 Binary files /dev/null and b/public/image/logo.png differ diff --git a/public/image/portofolio/about-us.png b/public/image/portofolio/about-us.png new file mode 100644 index 0000000..d5360f0 Binary files /dev/null and b/public/image/portofolio/about-us.png differ diff --git a/public/image/portofolio/ai-icon.svg b/public/image/portofolio/ai-icon.svg new file mode 100644 index 0000000..2af2af2 --- /dev/null +++ b/public/image/portofolio/ai-icon.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/image/portofolio/banner-desktop.png b/public/image/portofolio/banner-desktop.png new file mode 100644 index 0000000..150cacb Binary files /dev/null and b/public/image/portofolio/banner-desktop.png differ diff --git a/public/image/portofolio/banner-mobile.png b/public/image/portofolio/banner-mobile.png new file mode 100644 index 0000000..6474158 Binary files /dev/null and b/public/image/portofolio/banner-mobile.png differ diff --git a/public/image/portofolio/cashlux.png b/public/image/portofolio/cashlux.png new file mode 100644 index 0000000..895edcc Binary files /dev/null and b/public/image/portofolio/cashlux.png differ diff --git a/public/image/portofolio/corner-footer-1.svg b/public/image/portofolio/corner-footer-1.svg new file mode 100644 index 0000000..767bc96 --- /dev/null +++ b/public/image/portofolio/corner-footer-1.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/image/portofolio/corner-footer-2.svg b/public/image/portofolio/corner-footer-2.svg new file mode 100644 index 0000000..925f713 --- /dev/null +++ b/public/image/portofolio/corner-footer-2.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/image/portofolio/corner-why-us-1.svg b/public/image/portofolio/corner-why-us-1.svg new file mode 100644 index 0000000..dc2d160 --- /dev/null +++ b/public/image/portofolio/corner-why-us-1.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/image/portofolio/corner-why-us-2.svg b/public/image/portofolio/corner-why-us-2.svg new file mode 100644 index 0000000..335e6ef --- /dev/null +++ b/public/image/portofolio/corner-why-us-2.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/image/portofolio/danain.png b/public/image/portofolio/danain.png new file mode 100644 index 0000000..6bea432 Binary files /dev/null and b/public/image/portofolio/danain.png differ diff --git a/public/image/portofolio/gadai-mas.png b/public/image/portofolio/gadai-mas.png new file mode 100644 index 0000000..af4e7a5 Binary files /dev/null and b/public/image/portofolio/gadai-mas.png differ diff --git a/public/image/portofolio/gadai-mulia.png b/public/image/portofolio/gadai-mulia.png new file mode 100644 index 0000000..3f54146 Binary files /dev/null and b/public/image/portofolio/gadai-mulia.png differ diff --git a/public/image/portofolio/highlight-1.png b/public/image/portofolio/highlight-1.png new file mode 100644 index 0000000..a452279 Binary files /dev/null and b/public/image/portofolio/highlight-1.png differ diff --git a/public/image/portofolio/highlight-2.png b/public/image/portofolio/highlight-2.png new file mode 100644 index 0000000..4a95247 Binary files /dev/null and b/public/image/portofolio/highlight-2.png differ diff --git a/public/image/portofolio/highlight-3.png b/public/image/portofolio/highlight-3.png new file mode 100644 index 0000000..ebbf653 Binary files /dev/null and b/public/image/portofolio/highlight-3.png differ diff --git a/public/image/portofolio/pajak-mas.png b/public/image/portofolio/pajak-mas.png new file mode 100644 index 0000000..1dca224 Binary files /dev/null and b/public/image/portofolio/pajak-mas.png differ diff --git a/public/image/portofolio/sas-icon.svg b/public/image/portofolio/sas-icon.svg new file mode 100644 index 0000000..01f7a95 --- /dev/null +++ b/public/image/portofolio/sas-icon.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/image/portofolio/smart.png b/public/image/portofolio/smart.png new file mode 100644 index 0000000..b7c8885 Binary files /dev/null and b/public/image/portofolio/smart.png differ diff --git a/public/image/portofolio/software-icon.svg b/public/image/portofolio/software-icon.svg new file mode 100644 index 0000000..59a871f --- /dev/null +++ b/public/image/portofolio/software-icon.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/image/portofolio/ui-ux-icon.svg b/public/image/portofolio/ui-ux-icon.svg new file mode 100644 index 0000000..1f05a47 --- /dev/null +++ b/public/image/portofolio/ui-ux-icon.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/style/globals.css b/public/style/globals.css new file mode 100644 index 0000000..a6647b8 --- /dev/null +++ b/public/style/globals.css @@ -0,0 +1,19 @@ +@import "tailwindcss"; + +@theme { + --color-secondary-400: #f7a01f; + --color-title: #020618; + --color-primary-800: #2852a3; +} + +:root { + --font-open-sauce-one: "Open Sauce One", system-ui, sans-serif; +} + +body { + font-family: var(--font-open-sauce-one); +} + +.primary-button { + @apply bg-white p-2 flex gap-3 items-center justify-center text-title font-semibold w-fit cursor-pointer; +} diff --git a/src/app/globals.css b/src/app/globals.css deleted file mode 100644 index a2dc41e..0000000 --- a/src/app/globals.css +++ /dev/null @@ -1,26 +0,0 @@ -@import "tailwindcss"; - -:root { - --background: #ffffff; - --foreground: #171717; -} - -@theme inline { - --color-background: var(--background); - --color-foreground: var(--foreground); - --font-sans: var(--font-geist-sans); - --font-mono: var(--font-geist-mono); -} - -@media (prefers-color-scheme: dark) { - :root { - --background: #0a0a0a; - --foreground: #ededed; - } -} - -body { - background: var(--background); - color: var(--foreground); - font-family: Arial, Helvetica, sans-serif; -} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 976eb90..bb823e8 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,33 +1,101 @@ -import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; -import "./globals.css"; - -const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], -}); - -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], -}); +import { Metadata } from "next"; +import "@/style/globals.css"; +import Navbar from "@src/components/navbar"; +import localFont from "next/font/local"; export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "Mulia Informasi Teknologi", + description: "Build Fast, Scale Smart", }; +const openSauceOne = localFont({ + src: [ + { + path: "../../public/font/open-sauce-one/OpenSauceOne-Light.ttf", + weight: "300", + style: "normal", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-LightItalic.ttf", + weight: "300", + style: "italic", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-Regular.ttf", + weight: "400", + style: "normal", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-Italic.ttf", + weight: "400", + style: "italic", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-Medium.ttf", + weight: "500", + style: "normal", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-MediumItalic.ttf", + weight: "500", + style: "italic", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-SemiBold.ttf", + weight: "600", + style: "normal", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-SemiBoldItalic.ttf", + weight: "600", + style: "italic", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-Bold.ttf", + weight: "700", + style: "normal", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-BoldItalic.ttf", + weight: "700", + style: "italic", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-ExtraBold.ttf", + weight: "800", + style: "normal", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-ExtraBoldItalic.ttf", + weight: "800", + style: "italic", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-Black.ttf", + weight: "900", + style: "normal", + }, + { + path: "../../public/font/open-sauce-one/OpenSauceOne-BlackItalic.ttf", + weight: "900", + style: "italic", + }, + ], + variable: "--font-open-sauce-one", + display: "swap", +}); + export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( - - {children} + + + +
{children}
+ ); } diff --git a/src/app/page.tsx b/src/app/page.tsx index 3f36f7c..4673609 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,65 +1,6 @@ import Image from "next/image"; +import { redirect } from "next/navigation"; export default function Home() { - return ( -
-
- Next.js logo -
-

- To get started, edit the page.tsx file. -

-

- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. -

-
-
- - Vercel logomark - Deploy Now - - - Documentation - -
-
-
- ); + redirect("/portfolio"); } diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx new file mode 100644 index 0000000..215cd4f --- /dev/null +++ b/src/app/portfolio/page.tsx @@ -0,0 +1,28 @@ +import BannerDesktop from "@/image/portofolio/banner-desktop.png"; +import BannerMobile from "@/image/portofolio/banner-mobile.png"; +import { ArrowUpRightIcon } from "@phosphor-icons/react/dist/ssr"; +import Image from "next/image"; + +export default function PortFolio() { + return ( +
+
+ banner + banner +
+
+
Part of Serba Mulia Group
+

Build Fast, Scale Smart

+

Software & AI Solutions for Modern Business

+
+ Contact Us +
+ +
+
+
+
+
+
+ ); +} diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx new file mode 100644 index 0000000..05d36ff --- /dev/null +++ b/src/components/navbar.tsx @@ -0,0 +1,32 @@ +"use client"; +import Image from "next/image"; +import Logo from "@/image/logo.png"; +import { ListIcon } from "@phosphor-icons/react/dist/ssr"; +import Link from "next/link"; +import { usePathname } from "next/navigation"; + +export default function Navbar() { + const pathname = usePathname(); + + const menu = [ + { label: "About Us", url: "/" }, + { label: "Services", url: "/" }, + { label: "Portfolio", url: "/portfolio" }, + { label: "Process", url: "/" }, + { label: "Kontak", url: "/" }, + ]; + + return ( +
+ logo + +
+ {menu?.map((item) => ( + +
{item?.label}
+ + ))} +
+
+ ); +} diff --git a/tsconfig.json b/tsconfig.json index cf9c65d..9df4c89 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,7 +1,11 @@ { "compilerOptions": { "target": "ES2017", - "lib": ["dom", "dom.iterable", "esnext"], + "lib": [ + "dom", + "dom.iterable", + "esnext" + ], "allowJs": true, "skipLibCheck": true, "strict": true, @@ -19,7 +23,12 @@ } ], "paths": { - "@/*": ["./src/*"] + "@/*": [ + "./public/*" + ], + "@src/*": [ + "./src/*" + ], } }, "include": [ @@ -30,5 +39,7 @@ ".next/dev/types/**/*.ts", "**/*.mts" ], - "exclude": ["node_modules"] -} + "exclude": [ + "node_modules" + ] +} \ No newline at end of file