Skip to content

Commit a18da1e

Browse files
antosubashcursoragent
antosubash
and
cursoragent
authored
fix: updated the home page (#216)
* chore: update dependencies and improve type definitions - Updated various dependencies in package.json to their latest versions for better performance and security. - Removed the `readOnlyWriteOnlyBehavior` option from the OpenAPI TypeScript configuration. - Enhanced type definitions in sdk.gen.ts and types.gen.ts to support new blog and comment features, including CRUD operations for blogs and tags. * feat: enhance admin functionality with comments and CMS features - Added new menu items for Comments and CMS in the admin panel. - Updated AdminIndex to utilize ApplicationConfigurationDto for improved type safety. - Enhanced API request handling with error logging and timeout management. - Introduced new query constants for comments and pages. - Improved app configuration hook to handle undefined responses gracefully. - Expanded granted policies to include CRUD operations for comments and pages. * feat: enhance admin navigation and CMS management - Added support for nested submenus in AdminMenus for improved navigation. - Updated the CMS page layout to utilize cards for better content management. - Removed the deprecated Comments page component. - Enhanced the mobile and desktop side navigation bars to handle submenu expansion and active states. * feat: implement comprehensive admin dashboard with user and system information - Redesigned AdminIndex to display a modern admin dashboard featuring user profile details, system status, and quick action buttons. - Introduced user profile card with authentication status, email verification, and role management. - Added system information cards for multi-tenancy status, current tenant details, and session information. - Enhanced layout with responsive design and improved user experience through card components and badges. * feat: enhance side navigation with submenu toggle functionality - Added onClick handler to links in both mobile and desktop side navigation bars to toggle submenus when applicable. - Improved user experience by ensuring submenu expansion is handled correctly based on the current state. * feat: enhance CMS page creation and editing experience - Introduced a rich text editor for content input with HTML support and keyboard shortcuts for formatting. - Implemented auto-slug generation based on the page title. - Added draft saving functionality to localStorage with alerts for unsaved changes. - Enhanced form validation and error handling for better user feedback. - Redesigned the layout to include tabs for content, advanced settings, and preview, improving user navigation and experience. * feat: add menu management features to admin panel - Introduced new menu item for managing menu items in the admin navigation. - Added query constants for fetching menu items and individual menu items, enhancing data retrieval capabilities. * feat: enhance page management with new view functionality and prose styling - Added a new view action in the PageList component for navigating to individual page views. - Introduced prose styling in globals.css for improved content presentation across pages. - Updated the usePages hook to include a new method for fetching pages by slug, enhancing data retrieval capabilities. * feat: enhance comment functionality and page view component - Removed unused policy checks in AddComment component for cleaner code. - Improved error handling in AddComment to provide user feedback on comment creation. - Updated PageView component to include comments section and added documentation for custom styles and scripts. - Introduced new query constant for fetching public comments, enhancing data retrieval capabilities. * feat: update client types and enhance form handling - Refactored client types to improve type safety by replacing readable/writable types with unified types across components. - Updated form handling in various components to utilize new input types, enhancing consistency and reducing errors. - Improved error handling in hooks to allow for undefined responses, ensuring better resilience in data fetching. - Enhanced comment and page management components to align with updated type definitions, improving overall functionality. * feat: refactor permission handling across CMS components - Replaced hardcoded permission strings with a centralized Permissions enum for better maintainability and consistency. - Updated various components including page, menu, and comment management to utilize the new Permissions structure. - Enhanced user experience by ensuring proper permission checks for actions like creating, updating, and deleting pages and menus. - Improved code readability and reduced duplication by standardizing permission checks across the application. * docs: Enhance documentation with comprehensive guides and improvements Co-authored-by: antosubash <antosubash@live.com> * Add comprehensive documentation for authentication, admin interface, and deployment Co-authored-by: antosubash <antosubash@live.com> * Add comprehensive CRUD tutorial for product management with auth Co-authored-by: antosubash <antosubash@live.com> * CMS page working puck working wip: puck Refactor CMS page builder and add Puck error suppression Replaces the HTML/Puck tabbed editor with a full-screen Puck visual editor, introduces quick-add component actions, and ensures all content blocks have unique IDs. Adds a WelcomeBlock component and integrates global and local error suppression for React key warnings from Puck. Updates Puck config, styles for a full-screen editor experience, and refactors editor components for improved reliability and UX. Refactor Puck editor components and enhance content handling This update replaces the existing Puck editor with a more robust version that includes a fallback mechanism for rendering. It improves the handling of Puck data by ensuring all components have unique keys and supports nested components through a new Slots API. The configuration has been updated to include new components like Flexbox, Grid, and TemplateBlock, enhancing layout flexibility. Additionally, error suppression for Puck-related warnings has been refined, improving the overall user experience in the CMS page builder. Enhance PuckEditorFallback with improved error handling and data processing This update introduces robust error handling in the PuckEditorFallback component, allowing for better management of various data formats, including JSON and HTML. It adds state management for error messages and integrates error feedback during component operations such as adding, removing, and updating components. The overall user experience is improved by providing clear error messages and ensuring that the editor remains functional even when data processing encounters issues. Enhance EditPage component with improved data handling and user experience This update refines the EditPage component by implementing better data fetching and error handling mechanisms. It introduces forced refetching of page data on mount and invalidates cache to ensure fresh data is loaded. Additionally, it enhances the user interface with loading indicators and retry options for failed data loads. The content handling has been improved to support both JSON and HTML formats, ensuring compatibility with the Puck editor. Debug logging has been added for better traceability during development. Refactor Puck editor components and remove deprecated files This update refines the Puck editor by replacing the PuckEditorFallback with a more robust PuckEditor that features a modular layout using resizable panels. It enhances the user experience with improved error handling, loading states, and a clear structure for component management. Additionally, deprecated files related to previous editor versions have been removed to streamline the codebase. The README has been updated to reflect the new architecture and features, ensuring clarity for future development. Refactor Puck editor and enhance data validation This update refines the Puck editor by introducing a new data validation mechanism to ensure the integrity of Puck data structures. It replaces deprecated components and improves error handling during data processing. The editor now features a more modular layout with custom header actions, enhancing user experience. Additionally, the default content structure for new pages has been streamlined, and loading states have been improved for better feedback during operations. Enhance EditPage and CreatePage components with improved content handling and loading states This update introduces a new state management for form loading in the EditPage component, ensuring a smoother user experience during data fetching. It enhances content processing by refining how JSON and HTML formats are handled, including better default content structures. Additionally, the CreatePage component has been updated to improve logging and error handling during form submissions. The PuckEditor has also been optimized for immediate data updates without debouncing, enhancing responsiveness during content editing. Refactor EditPage and CreatePage components for improved content handling and UI consistency This update enhances the EditPage and CreatePage components by refining content processing and ensuring a consistent user interface. It introduces better handling of Puck data structures, including default content setups and improved error logging. The layout has been streamlined for better readability, and loading states have been optimized for a smoother user experience during data operations. Additionally, the PuckEditor has been updated to ensure proper data structure validation and immediate updates during content changes. clean up Refactor EditPage component to streamline data fetching and cache management. Removed unnecessary refetching logic and improved cache invalidation on successful updates. Updated usePage hook to enhance data freshness and logging. Remove PageViewPage component and update navigation in PageList to reflect new URL structure. Enhance PageViewPage with improved error handling and user experience - Refactored PageViewPage to include better loading states and error handling for various scenarios, including connection errors and page not found. - Introduced a retry mechanism for failed data fetching attempts, enhancing user experience during network issues. - Added an ErrorBoundary component to gracefully handle rendering errors and provide user feedback. - Updated the AddComment component to improve submission handling and error messaging, ensuring a smoother commenting experience. - Enhanced PageComments component with better error display and retry options for loading comments. - Improved hooks for data fetching to ensure valid responses and added retry logic for better resilience. * Refactor EditPage and CreatePage components to improve content handling and remove debug logging This update enhances the EditPage and CreatePage components by streamlining content processing and ensuring a consistent user interface. It removes unnecessary debug logging to clean up the codebase and improve performance. Additionally, it refines how Puck data structures are handled, ensuring better default content setups and improved error handling during form submissions. * Enhance Puck configuration and editor components with new block support and improved UI This update expands the Puck configuration to include additional components such as ButtonBlock, ContainerBlock, and others, enhancing layout flexibility. The PuckEditor has been redesigned with a new header for better branding and user experience, incorporating a publish button with status indicators. Error handling has been improved, and the overall UI has been refined for a more cohesive editing experience. Additionally, the utility functions have been updated to validate new block types, ensuring robust data handling. * Refactor AdminIndex and CMS page components for improved data handling and error management This update enhances the AdminIndex component by adding fallback data for application configuration and improving date formatting with error handling. The EditPage and CreatePage components have been streamlined by removing the publish state, optimizing content submission, and enhancing user feedback during form operations. Additionally, various Puck components have been updated to ensure text properties are always strings, improving robustness and user experience across the application. * Enhance admin layout and page components with forced dynamic rendering This update introduces forced dynamic rendering for the admin layout and page components to support server-side features and cookie handling. Additionally, it refines the Puck component structure by ensuring that items are conditionally rendered, improving robustness. Default item values in ContainerBlock, FlexBlock, and GridBlock have been updated to undefined for better handling of empty states. * Refactor PuckEditor component by removing the custom header and associated publish functionality. Simplify imports and enhance layout structure for improved readability and maintainability. This update streamlines the editor's design while retaining core functionality. * Enhance Hero component with new preset configurations and improved styling options. This update introduces multiple preset styles for background and button configurations, along with enhanced animation support. Additionally, the HeroFields and HeroDefaults have been updated to reflect these changes, providing a more flexible and visually appealing user experience. * Enhance CardBlock component with Tailwind CSS styling and improved layout features. This update introduces dynamic alignment, padding, and border radius classes, along with enhanced visual effects for titles, descriptions, and buttons. The overall user experience is improved with subtle animations and a more cohesive design, ensuring a modern and responsive interface. * Enhance EditPage component with a new "View Page" button for quick access to the published page. This update improves user experience by allowing admins to easily preview the page in a new tab. Additionally, the GridBlock component has been refactored to utilize Tailwind CSS for styling, enhancing layout flexibility and visual appeal with responsive design features and improved spacing management. * Add custom scrollbar utility and integrate GalleryBlock into Puck configuration This update introduces a new utility class for hiding scrollbars in the global CSS, enhancing the visual aesthetics of components. Additionally, the GalleryBlock has been added to the Puck configuration, allowing for improved media handling and layout flexibility. The utility functions have also been updated to validate the new block type, ensuring robust data management. * feat: enhance navigation and layout components - Updated PublicMenus to include new items: 'Getting Started', 'Components', and 'Documentation'. - Refactored Home component to provide a comprehensive landing page with sections for features, getting started, and call-to-action. - Improved SideNavBar and TopNavBar for better user experience, including submenu handling and quick action buttons. - Enhanced PublicLayout to streamline the main content area and footer. - Added responsive design improvements and updated icon usage across navigation components. --------- Co-authored-by: Cursor Agent <cursoragent@cursor.com>
1 parent ff334a8 commit a18da1e

File tree

7 files changed

+813
-493
lines changed

7 files changed

+813
-493
lines changed

‎src/src/app/page.tsx‎

Lines changed: 350 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,355 @@
1-
import { redirect } from 'next/navigation'
1+
import { Button } from '@/components/ui/button'
2+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
3+
import { Badge } from '@/components/ui/badge'
4+
import PublicLayout from '@/layout/public-layout'
5+
import Image from 'next/image'
6+
import Link from 'next/link'
7+
import {
8+
Rocket,
9+
Shield,
10+
Palette,
11+
Globe,
12+
Code,
13+
CheckCircle,
14+
ArrowRight,
15+
Zap,
16+
Layers,
17+
Database,
18+
Cpu
19+
} from 'lucide-react'
220

321
/**
4-
* The Home component redirects to the Storybook introduction welcome page.
22+
* The Home component is an asynchronous function that returns a comprehensive landing page.
23+
* It showcases the AbpReact template features and provides clear next steps for users.
524
*
6-
* @returns {void} Redirects to Storybook
25+
* @returns {React.ReactElement} The rendered JSX element.
726
*/
827
export default async function Home() {
9-
redirect('/?path=/story/introduction-welcome--welcome')
10-
}
28+
return (
29+
<PublicLayout>
30+
{/* Hero Section */}
31+
<section className="w-full py-12 md:py-24 lg:py-32 xl:py-48">
32+
<div className="container px-4 md:px-6">
33+
<div className="grid gap-6 lg:grid-cols-[1fr_400px] lg:gap-12 xl:grid-cols-[1fr_600px]">
34+
<div className="flex flex-col justify-center space-y-4">
35+
<div className="space-y-2">
36+
<Badge variant="secondary" className="w-fit">
37+
<Rocket className="w-3 h-3 mr-1" />
38+
Modern React Template
39+
</Badge>
40+
<h1 className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none">
41+
AbpReact
42+
</h1>
43+
<p className="max-w-[600px] text-muted-foreground md:text-xl">
44+
A modern, high-performance React-based frontend solution for ABP Framework applications.
45+
Built with Next.js, TypeScript, and Tailwind CSS for optimal performance and developer experience.
46+
</p>
47+
</div>
48+
<div className="flex flex-col sm:flex-row gap-4">
49+
<Link href="/admin">
50+
<Button size="lg" className="w-full sm:w-auto">
51+
<Zap className="w-4 h-4 mr-2" />
52+
Get Started
53+
</Button>
54+
</Link>
55+
<Link href="https://abp-react-storybook.antosubash.com">
56+
<Button variant="outline" size="lg" className="w-full sm:w-auto">
57+
<Palette className="w-4 h-4 mr-2" />
58+
View Components
59+
</Button>
60+
</Link>
61+
</div>
62+
</div>
63+
<Image
64+
src="/img/macbook.png"
65+
alt="AbpReact Dashboard"
66+
width={900}
67+
height={600}
68+
priority
69+
/>
70+
</div>
71+
</div>
72+
</section>
73+
74+
{/* Features Section */}
75+
<section id="features" className="w-full py-12 md:py-24 lg:py-32 bg-muted/50">
76+
<div className="container px-4 md:px-6">
77+
<div className="text-center mb-16">
78+
<h2 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl mb-4">
79+
Everything you need to build modern web apps
80+
</h2>
81+
<p className="text-muted-foreground md:text-xl max-w-3xl mx-auto">
82+
AbpReact provides a complete foundation for building enterprise-grade React applications
83+
with ABP Framework integration, modern tooling, and beautiful UI components.
84+
</p>
85+
</div>
86+
87+
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
88+
<Card className="border-0 shadow-lg">
89+
<CardHeader>
90+
<div className="w-12 h-12 bg-blue-100 dark:bg-blue-900/20 rounded-lg flex items-center justify-center mb-4">
91+
<Layers className="w-6 h-6 text-blue-600" />
92+
</div>
93+
<CardTitle>UI Components</CardTitle>
94+
<CardDescription>
95+
Comprehensive set of reusable components built with shadcn/ui
96+
</CardDescription>
97+
</CardHeader>
98+
<CardContent>
99+
<ul className="space-y-2 text-sm text-muted-foreground">
100+
<li className="flex items-center">
101+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
102+
Buttons, forms, and navigation
103+
</li>
104+
<li className="flex items-center">
105+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
106+
Data tables and charts
107+
</li>
108+
<li className="flex items-center">
109+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
110+
Modals and overlays
111+
</li>
112+
</ul>
113+
</CardContent>
114+
</Card>
115+
116+
<Card className="border-0 shadow-lg">
117+
<CardHeader>
118+
<div className="w-12 h-12 bg-green-100 dark:bg-green-900/20 rounded-lg flex items-center justify-center mb-4">
119+
<Palette className="w-6 h-6 text-green-600" />
120+
</div>
121+
<CardTitle>Visual Builder</CardTitle>
122+
<CardDescription>
123+
Puck CMS integration for visual content editing
124+
</CardDescription>
125+
</CardHeader>
126+
<CardContent>
127+
<ul className="space-y-2 text-sm text-muted-foreground">
128+
<li className="flex items-center">
129+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
130+
Drag-and-drop interface
131+
</li>
132+
<li className="flex items-center">
133+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
134+
Content blocks and layouts
135+
</li>
136+
<li className="flex items-center">
137+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
138+
Real-time preview
139+
</li>
140+
</ul>
141+
</CardContent>
142+
</Card>
143+
144+
<Card className="border-0 shadow-lg">
145+
<CardHeader>
146+
<div className="w-12 h-12 bg-purple-100 dark:bg-purple-900/20 rounded-lg flex items-center justify-center mb-4">
147+
<Shield className="w-6 h-6 text-purple-600" />
148+
</div>
149+
<CardTitle>Enterprise Security</CardTitle>
150+
<CardDescription>
151+
Full ABP authentication and authorization integration
152+
</CardDescription>
153+
</CardHeader>
154+
<CardContent>
155+
<ul className="space-y-2 text-sm text-muted-foreground">
156+
<li className="flex items-center">
157+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
158+
JWT-based authentication
159+
</li>
160+
<li className="flex items-center">
161+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
162+
Role-based access control
163+
</li>
164+
<li className="flex items-center">
165+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
166+
Multi-tenant support
167+
</li>
168+
</ul>
169+
</CardContent>
170+
</Card>
171+
172+
<Card className="border-0 shadow-lg">
173+
<CardHeader>
174+
<div className="w-12 h-12 bg-orange-100 dark:bg-orange-900/20 rounded-lg flex items-center justify-center mb-4">
175+
<Cpu className="w-6 h-6 text-orange-600" />
176+
</div>
177+
<CardTitle>Modern Stack</CardTitle>
178+
<CardDescription>
179+
Built with the latest technologies for optimal performance
180+
</CardDescription>
181+
</CardHeader>
182+
<CardContent>
183+
<ul className="space-y-2 text-sm text-muted-foreground">
184+
<li className="flex items-center">
185+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
186+
Next.js 14+ with App Router
187+
</li>
188+
<li className="flex items-center">
189+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
190+
TypeScript for type safety
191+
</li>
192+
<li className="flex items-center">
193+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
194+
Tailwind CSS for styling
195+
</li>
196+
</ul>
197+
</CardContent>
198+
</Card>
199+
200+
<Card className="border-0 shadow-lg">
201+
<CardHeader>
202+
<div className="w-12 h-12 bg-red-100 dark:bg-red-900/20 rounded-lg flex items-center justify-center mb-4">
203+
<Database className="w-6 h-6 text-red-600" />
204+
</div>
205+
<CardTitle>ABP Integration</CardTitle>
206+
<CardDescription>
207+
Seamless integration with ABP Framework backend
208+
</CardDescription>
209+
</CardHeader>
210+
<CardContent>
211+
<ul className="space-y-2 text-sm text-muted-foreground">
212+
<li className="flex items-center">
213+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
214+
Auto-generated API client
215+
</li>
216+
<li className="flex items-center">
217+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
218+
Permission management
219+
</li>
220+
<li className="flex items-center">
221+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
222+
Multi-tenancy support
223+
</li>
224+
</ul>
225+
</CardContent>
226+
</Card>
227+
228+
<Card className="border-0 shadow-lg">
229+
<CardHeader>
230+
<div className="w-12 h-12 bg-indigo-100 dark:bg-indigo-900/20 rounded-lg flex items-center justify-center mb-4">
231+
<Globe className="w-6 h-6 text-indigo-600" />
232+
</div>
233+
<CardTitle>Ready to Deploy</CardTitle>
234+
<CardDescription>
235+
Production-ready with optimized build and deployment
236+
</CardDescription>
237+
</CardHeader>
238+
<CardContent>
239+
<ul className="space-y-2 text-sm text-muted-foreground">
240+
<li className="flex items-center">
241+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
242+
Optimized bundle size
243+
</li>
244+
<li className="flex items-center">
245+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
246+
SEO optimized
247+
</li>
248+
<li className="flex items-center">
249+
<CheckCircle className="w-4 h-4 mr-2 text-green-500" />
250+
Docker support
251+
</li>
252+
</ul>
253+
</CardContent>
254+
</Card>
255+
</div>
256+
</div>
257+
</section>
258+
259+
{/* Getting Started Section */}
260+
<section id="getting-started" className="w-full py-12 md:py-24 lg:py-32">
261+
<div className="container px-4 md:px-6">
262+
<div className="text-center mb-16">
263+
<h2 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl mb-4">
264+
Get Started in Minutes
265+
</h2>
266+
<p className="text-muted-foreground md:text-xl max-w-3xl mx-auto">
267+
Follow these simple steps to create your first AbpReact application
268+
</p>
269+
</div>
270+
271+
<div className="grid md:grid-cols-3 gap-8 max-w-4xl mx-auto">
272+
<div className="text-center">
273+
<div className="w-16 h-16 bg-blue-100 dark:bg-blue-900/20 rounded-full flex items-center justify-center mx-auto mb-4">
274+
<span className="text-2xl font-bold text-blue-600">1</span>
275+
</div>
276+
<h3 className="font-semibold mb-2">Install Template</h3>
277+
<p className="text-sm text-muted-foreground mb-4">
278+
Install the ABP React template using dotnet CLI
279+
</p>
280+
<div className="bg-muted p-3 rounded-lg text-left">
281+
<code className="text-xs">
282+
dotnet new install Anto.Abp.React.Template
283+
</code>
284+
</div>
285+
</div>
286+
287+
<div className="text-center">
288+
<div className="w-16 h-16 bg-green-100 dark:bg-green-900/20 rounded-full flex items-center justify-center mx-auto mb-4">
289+
<span className="text-2xl font-bold text-green-600">2</span>
290+
</div>
291+
<h3 className="font-semibold mb-2">Create Project</h3>
292+
<p className="text-sm text-muted-foreground mb-4">
293+
Generate a new project with your API configuration
294+
</p>
295+
<div className="bg-muted p-3 rounded-lg text-left">
296+
<code className="text-xs">
297+
dotnet new abp-react -o my-app --apiUrl https://your-api-url.com
298+
</code>
299+
</div>
300+
</div>
301+
302+
<div className="text-center">
303+
<div className="w-16 h-16 bg-purple-100 dark:bg-purple-900/20 rounded-full flex items-center justify-center mx-auto mb-4">
304+
<span className="text-2xl font-bold text-purple-600">3</span>
305+
</div>
306+
<h3 className="font-semibold mb-2">Start Development</h3>
307+
<p className="text-sm text-muted-foreground mb-4">
308+
Run the development server and start building
309+
</p>
310+
<div className="bg-muted p-3 rounded-lg text-left">
311+
<code className="text-xs">
312+
cd my-app && pnpm dev
313+
</code>
314+
</div>
315+
</div>
316+
</div>
317+
</div>
318+
</section>
319+
320+
{/* CTA Section */}
321+
<section className="w-full py-12 md:py-24 lg:py-32 bg-muted">
322+
<div className="container px-4 md:px-6">
323+
<div className="text-center">
324+
<h2 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl mb-4">
325+
Ready to build something amazing?
326+
</h2>
327+
<p className="text-muted-foreground md:text-xl mb-8 max-w-2xl mx-auto">
328+
Start exploring the components, check out the documentation, or dive into the admin panel to see what AbpReact can do for you.
329+
</p>
330+
<div className="flex flex-col sm:flex-row gap-4 justify-center">
331+
<Link href="/admin">
332+
<Button size="lg" className="w-full sm:w-auto">
333+
<ArrowRight className="w-4 h-4 mr-2" />
334+
Explore Admin Panel
335+
</Button>
336+
</Link>
337+
<Link href="/storybook">
338+
<Button variant="outline" size="lg" className="w-full sm:w-auto">
339+
<Palette className="w-4 h-4 mr-2" />
340+
View Storybook
341+
</Button>
342+
</Link>
343+
<Link href="/docs">
344+
<Button variant="outline" size="lg" className="w-full sm:w-auto">
345+
<Code className="w-4 h-4 mr-2" />
346+
Documentation
347+
</Button>
348+
</Link>
349+
</div>
350+
</div>
351+
</div>
352+
</section>
353+
</PublicLayout>
354+
)
355+
}

0 commit comments

Comments
 (0)