xorbitlab
/
openstock
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

created the absic routing and setup

This commit is contained in:
Mr. Algorithm 2025-09-29 00:53:31 +05:30
parent 0693aad9a7
commit 031d4d7238
5 changed files with 52 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/(root)/layout.tsx Normal file
View File

@ -0,0 +1,15 @@
import React from 'react'
import Header from "../../components/Header";
const Layout = ({ children }: { children : React.ReactNode }) => {
return (
<main className="min-h-screen text-gray-400">
<Header/>
<div className="container py-10">
{children}
</div>
</main>
)
}
export default Layout

18
app/(root)/page.tsx Normal file
View File

@ -0,0 +1,18 @@
import React from 'react'
import {Button} from "../../components/ui/button";
const Home = () => {
return (
<div className="flex min-h-screen home-wrapper">
<div className="flex flex-col items-center justify-center w-full">
<h1 className="text-4xl font-bold mb-4">Welcome to OpenStock</h1>
<p className="text-lg mb-8 text-center max-w-2xl">
OpenStock is an open-source alternative to expensive market platforms.
Track real-time prices, set personalized alerts, and explore detailed company insights.
</p>
<Button>Get Started</Button>
</div>
</div>
)
}
export default Home

22
app/layout.tsx
View File

@ -18,17 +18,17 @@ export const metadata: Metadata = {
}; };
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: Readonly<{
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="en" className="dark"> <html lang="en" className="dark">
<body <body
className={`${geistSans.variable} ${geistMono.variable} antialiased`} className={`${geistSans.variable} ${geistMono.variable} antialiased`}
> >
{children} {children}
</body> </body>
</html> </html>
); );
} }

11
app/page.tsx
View File

@ -1,11 +0,0 @@
import React from 'react'
import {Button} from "@/components/ui/button";
const Page = () => {
return (
<div className="flex justify-center items-center h-screen">
<Button>Click Me</Button>
</div>
)
}
export default Page

8
components/Header.tsx Normal file
View File

@ -0,0 +1,8 @@
import React from 'react'
const Header = () => {
return (
<div>Header</div>
)
}
export default Header