diff --git a/apps/core/app/(landing)/_components/desktop-navbar/feature-navbar-guest.tsx b/apps/core/app/(landing)/_components/desktop-navbar/feature-navbar-guest.tsx index 8480b967..964bf582 100644 --- a/apps/core/app/(landing)/_components/desktop-navbar/feature-navbar-guest.tsx +++ b/apps/core/app/(landing)/_components/desktop-navbar/feature-navbar-guest.tsx @@ -3,7 +3,7 @@ import Link from "next/link"; const FeatureNavbarGuest = () => { return ( -
+
Sign Up diff --git a/apps/core/app/(landing)/_components/desktop-navbar/features-navbar.tsx b/apps/core/app/(landing)/_components/desktop-navbar/features-navbar.tsx index ea3842e0..e6461f20 100644 --- a/apps/core/app/(landing)/_components/desktop-navbar/features-navbar.tsx +++ b/apps/core/app/(landing)/_components/desktop-navbar/features-navbar.tsx @@ -1,4 +1,3 @@ -import Shoppingbagicon from "@repo/icons/shopping-bag"; import FeatureNavbarAuthenticated from "./feature-navbar-authenticated"; import FeatureNavbarGuest from "./feature-navbar-guest"; @@ -8,8 +7,10 @@ export interface AuthStatusBarProps { const FeaturesNavbar = (props: AuthStatusBarProps) => { const { islogin } = props; + + // TODO: delete mr-4 return ( -
+
{islogin && } {!islogin && }
diff --git a/apps/core/app/(landing)/_constant/mock-product-list.ts b/apps/core/app/(landing)/_constant/mock-product-list.ts new file mode 100644 index 00000000..aeb42f6e --- /dev/null +++ b/apps/core/app/(landing)/_constant/mock-product-list.ts @@ -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", + }, +]; diff --git a/apps/core/app/(landing)/layout.tsx b/apps/core/app/(landing)/layout.tsx index ffb2fafb..f5e569d9 100644 --- a/apps/core/app/(landing)/layout.tsx +++ b/apps/core/app/(landing)/layout.tsx @@ -8,12 +8,14 @@ import Navbar from "./_components/desktop-navbar/navbar"; function Layout({ children }: { children: React.ReactNode }): JSX.Element { return ( -
- +
+ -
{children}
+
+ {children} +
-