Skip to content

feat: enhance ui landing page #293

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mrbadri merged 1 commit into from
Apr 2, 2025
Merged

feat: enhance ui landing page #293

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/core/app/(landing)/_components/desktop-navbar/feature-navbar-guest.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import Link from "next/link";

const FeatureNavbarGuest = () => {
return (
<div className="flex items-center gap-3">
<div className="flex items-center gap-3 shrink-0 ">
<Link href="/auth/register" className="text-primary-500 flex-shrink-0">
<Typography variant="label/sm" weight="medium">
Sign Up
Expand Down
5 changes: 3 additions & 2 deletions apps/core/app/(landing)/_components/desktop-navbar/features-navbar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import Shoppingbagicon from "@repo/icons/shopping-bag";
import FeatureNavbarAuthenticated from "./feature-navbar-authenticated";
import FeatureNavbarGuest from "./feature-navbar-guest";

Expand All @@ -8,8 +7,10 @@ export interface AuthStatusBarProps {

const FeaturesNavbar = (props: AuthStatusBarProps) => {
const { islogin } = props;

// TODO: delete mr-4
return (
<div className="flex items-center gap-3">
<div className="flex shrink-0 items-center gap-3 mr-4">
{islogin && <FeatureNavbarAuthenticated />}
{!islogin && <FeatureNavbarGuest />}
</div>
Expand Down
332 changes: 332 additions & 0 deletions apps/core/app/(landing)/_constant/mock-product-list.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,332 @@
export const ProductList = [
{
title: "Smart UI Dashboard Kit",
price: "$32",
image:
"https://images.ui8.net/product/5cc0ad3782d17730efc0e09c/604_420_2.webp",
avatar:
"https://images.ui8.net/avatar/543edf703fbf6101242ebff0/40_40_1.png",
username: "Unblast",
see: 190,
like: 165,
link: "https://ui8.net/unblast/products/smart-ui-dashboard-kit",
},
{
title: "Orbi AI Community App",
price: "$18",
image:
"https://images.ui8.net/product/67eba83b21781c003863a260/604_420_2.webp",
avatar:
"https://images.ui8.net/avatar/67a45e651f498100339a2b82/40_40_3.png",
username: "Moonspire",
see: 220,
like: 200,
link: "https://ui8.net/moonspire-design/products/orbi-ai-community--mobile-ui-app",
},
{
title: "Nova Mobile Kit",
price: "$24",
image:
"https://images.ui8.net/product/67ebf09321781c00386738ce/604_420_1.webp",
avatar: "https://images.ui8.net/avatar/5c9b6e73a8589c003872c601/40_40.png",
username: "Chris Banks",
see: 250,
like: 180,
link: "https://ui8.net/chris-banks/products/nova-mobile-kit",
},
{
title: "Pulse Health App UI",
price: "$36",
image:
"https://images.ui8.net/product/67e815e4d0218a0048cc1c43/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/6659ae199de16a003547ce74/40_40_2.png",
username: "Studio Standard",
see: 140,
like: 110,
link: "https://ui8.net/studio-standard/products/pulse-health-app-ui",
},
{
title: "Stack Admin Dashboard",
price: "$44",
image:
"https://images.ui8.net/product/67e3d096b1813200324e6490/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/66389cdea8a13a00333e80ce/40_40_2.png",
username: "Victorflow",
see: 300,
like: 240,
link: "https://ui8.net/victorflow/products/stack-admin-dashboard",
},
{
title: "Tech Landing Page",
price: "$29",
image:
"https://images.ui8.net/product/67e1ae5122494c00335d5a21/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/5d4c84ab54133702cffc8d7c/40_40_1.png",
username: "Premiumuikits",
see: 180,
like: 130,
link: "https://ui8.net/premiumuikits/products/tech-landing-page",
},
{
title: "Soft Admin UI Kit",
price: "$40",
image:
"https://images.ui8.net/product/67e4ccf18c7daa0033226355/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/633cb7699cbdc2004ca5ff5f/40_40_2.png",
username: "Webestica",
see: 210,
like: 170,
link: "https://ui8.net/webestica/products/soft-admin-ui-kit",
},
{
title: "Crypto Dashboard",
price: "$39",
image:
"https://images.ui8.net/product/6514eacdd9c5ab00350f5f99/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/6177bbc187efdb003bd25edf/40_40_2.png",
username: "Lux CREATIVES",
see: 275,
like: 220,
link: "https://ui8.net/lux-creatives/products/crypto-dashboard",
},
];

export const ProductListUiUx = [
{
title: "Artifex - AI Image Generator UI Kit",
price: "$32",
image:
"https://images.ui8.net/product/67e081fde2c46700336f6c0f/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/5f34f71aa119b70038da8b53/40_40_1.png",
username: "Vanguard.CX",
see: 190,
like: 165,
link: "https://ui8.net/vanguardcx/products/artifex-ai-image-generator-ui-kit",
},
{
title: "MoniUp - Finance App UI Kit",
price: "$28",
image:
"https://images.ui8.net/product/67e0fd451f073d0032ae257f/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/65b8c07aea4c6e0042a68380/40_40_2.png",
username: "Vanguard.CX",
see: 210,
like: 180,
link: "https://ui8.net/vanguardcx/products/moniup-finance-app-ui-kit",
},
{
title: "Pixelpf Icons Library - 1,200+ Free icons",
price: "Free",
image:
"https://images.ui8.net/product/67d7ab237a0cae003897fc91/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/5fed5076cf2c9d003bc0f867/40_40_1.png",
username: "Pixelpf",
see: 250,
like: 220,
link: "https://ui8.net/pixelpf/products/pixelpf-icons-library",
},
{
title: "Places Directory - UI Kit",
price: "$25",
image:
"https://images.ui8.net/product/67d9478c0eed920036e37f0c/604_420_2.webp",
avatar:
"https://images.ui8.net/avatar/5b21a52532f5180036c973c3/40_40_1.png",
username: "EVNE Developers LLC",
see: 160,
like: 130,
link: "https://ui8.net/evne-developers-llc/products/places-directory",
},
{
title: "Bento Cards - SimpleList",
price: "$30",
image:
"https://images.ui8.net/product/67d3f2e116ae35003636a041/604_420_2.webp",
avatar: "https://images.ui8.net/avatar/5b4df065bc366c003607feaf/40_40.png",
username: "UI8",
see: 170,
like: 140,
link: "https://ui8.net/ui8/products/bento-cards-simplelist",
},
{
title: "Protask Dashboard UI Kit",
price: "$40",
image:
"https://images.ui8.net/product/66978d7712c375003494a0eb/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/660c4f0936e56f0043741dc7/40_40_2.png",
username: "Sugab",
see: 150,
like: 120,
link: "https://ui8.net/sugab/products/protask-dashboard-ui-kit",
},
{
title: "Ghost - Crypto Wallet UI Kit",
price: "$24",
image:
"https://images.ui8.net/product/67d54e5865f3cf0032d41cc8/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/611c614f04f024004251d8bf/40_40_2.png",
username: "Statsstudio",
see: 200,
like: 180,
link: "https://ui8.net/statsstudio/products/ghost-crypto-wallet-ui-kit",
},
{
title: "Preste - Medical Healthcare Website UI Kit",
price: "$42",
image:
"https://images.ui8.net/product/67d807341a121100345fe1f7/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/543edf703fbf6101242ebff0/40_40_1.png",
username: "HealthUI",
see: 130,
like: 110,
link: "https://ui8.net/healthui/products/preste-medical-healthcare-website-ui-kit",
},
];

export const ProductList3D = [
{
title: "UI Decks - Cards and Blocks",
price: "$35",
image:
"https://images.ui8.net/product/67d34415fc548d00325cc68e/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/60780af56c030b004c7bfc01/40_40_2.png",
username: "KLWebmedia",
see: 190,
like: 170,
link: "https://ui8.net/klwebmedia/products/ui-cards-and-blocks",
},
{
title: "ToDo List - UI Kit",
price: "$15",
image:
"https://images.ui8.net/product/67d41b4965f3cf0032c99052/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/67b3154d2c29350032bd13c0/40_40_1.png",
username: "UI8",
see: 120,
like: 100,
link: "https://ui8.net/products/todo-list",
},
{
title: "Cansaas - SaaS Dashboard UI Kit",
price: "$45",
image:
"https://images.ui8.net/product/67d292a716d6df0041031fc3/604_420_1.webp",
avatar: "https://images.ui8.net/avatar/5b4df065bc366c003607feaf/40_40.png",
username: "Cansaas",
see: 200,
like: 180,
link: "https://ui8.net/cansaas/products",
},
];

export const ProductListGraphic = [
{
title: "Finex - Fintech App UI Kit",
price: "$36",
image:
"https://images.ui8.net/product/66f0eac413cd4e0033d4e426/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/543edf703fbf6101242ebff0/40_40_1.png",
username: "FinCraft",
see: 180,
like: 155,
link: "https://ui8.net/fincraft/products/finex-app-ui-kit",
},
{
title: "Growly - SaaS Landing Page UI Kit",
price: "$28",
image:
"https://images.ui8.net/product/652dbb8df37afd003871eb61/604_420_2.webp",
avatar:
"https://images.ui8.net/avatar/648db57126dc0a0400a77189/40_40_2.png",
username: "DevVerse",
see: 190,
like: 160,
link: "https://ui8.net/devverse/products/growly-landing-kit",
},
{
title: "Taskup - Productivity Dashboard",
price: "$42",
image:
"https://images.ui8.net/product/67c3d8d86da52a0033ea9844/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/5b8513786b5d4e01fdb34aa8/40_40_1.png",
username: "UXHub",
see: 230,
like: 190,
link: "https://ui8.net/uxhub/products/taskup-dashboard",
},
{
title: "Graphin - Charts & Data UI Kit",
price: "$31",
image:
"https://images.ui8.net/product/67c2ad1738223e003298bbf1/604_420_2.webp",
avatar:
"https://images.ui8.net/avatar/66c45bb7e5308600322ec106/40_40_2.png",
username: "Graphix",
see: 175,
like: 140,
link: "https://ui8.net/graphix/products/graphin-ui-kit",
},
{
title: "Hotelio - Booking Web Template",
price: "$38",
image:
"https://images.ui8.net/product/6470dbec4c9aa60117a1b64a/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/62fb90319ddeb6004c438949/40_40_5.png",
username: "TemplateMate",
see: 210,
like: 180,
link: "https://ui8.net/templatemate/products/hotelio-booking-kit",
},
{
title: "Uptime - Server Status UI",
price: "$29",
image:
"https://images.ui8.net/product/67bbb961f42ab80033a14046/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/648db57126dc0a0400a77189/40_40_2.png",
username: "Synthetix",
see: 160,
like: 130,
link: "https://ui8.net/synthetix/products/uptime-status-ui",
},
{
title: "CollabX - Team Management App",
price: "$39",
image:
"https://images.ui8.net/product/67bed2572f79bd003272b3fc/604_420_2.webp",
avatar:
"https://images.ui8.net/avatar/667e6d0c08a611003373f989/40_40_2.png",
username: "Teamkit",
see: 220,
like: 195,
link: "https://ui8.net/teamkit/products/collabx-ui-kit",
},
{
title: "Edukit - Learning Platform UI",
price: "$46",
image:
"https://images.ui8.net/product/67bd28682efe4f003306466f/604_420_1.webp",
avatar:
"https://images.ui8.net/avatar/607b7844467f85004be9922c/40_40_3.png",
username: "Edumind",
see: 200,
like: 170,
link: "https://ui8.net/edumind/products/edukit-ui-kit",
},
];
16 changes: 11 additions & 5 deletions apps/core/app/(landing)/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,12 +8,14 @@ import Navbar from "./_components/desktop-navbar/navbar";

function Layout({ children }: { children: React.ReactNode }): JSX.Element {
return (
<div className="flex flex-col h-full">
<Navbar islogin={true} />
<div className="min-h-full flex flex-col">
<Navbar islogin={false} />

<div className="grow">{children}</div>
<div className="relative z-10 bg-background pb-6 flex-1 mb-[532px] min-h-screen">
{children}
</div>

<footer className="w-full bg-[#111827] rounded-t-[48px] py-24">
<footer className="w-full bg-card rounded-t-[48px] py-24 fixed bottom-0 left-0">
<div className="container ">
<div className="flex flex-col sm:flex sm:flex-row gap-10 justify-between pb-28">
{/* logo section */}
Expand All @@ -37,7 +39,11 @@ function Layout({ children }: { children: React.ReactNode }): JSX.Element {
<div className="flex gap-5">
<div>
<ul className="flex flex-col gap-4 font-normal">
<Link href="/landing/product/id/page" className="hover:text-" prefetch={false}>
<Link
href="/landing/product/id/page"
className="hover:text-"
prefetch={false}
>
<li className="text-xs sm:text-sm">UI Kits</li>
</Link>
<Link href="/landing/product/id/page" prefetch={false}>
Expand Down
Loading
Loading