nextjs-panel/lib/utils/Home/HeroSection.js

Schema-based admin panel generator for Next.js using Prisma and React components.

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Image from 'next/image';
import Link from 'next/link';
import image from "@/assets/images/panel.png";
const HeroSection = () => {
    return (_jsx("section", { className: 'w-full h-screen', children: _jsxs("div", { className: "container mx-auto h-full flex ", children: [_jsxs("div", { className: "w-full lg:w-1/2 h-full flex flex-col justify-center", children: [_jsx("h1", { className: 'text-5xl font-bold mb-4', children: "Schema-Based Data Management Panel" }), _jsx("h4", { className: 'text-lg text-gray-600 mb-6', children: "Efficiently manage, validate and organize your data with our powerful schema-driven interface" }), _jsxs("div", { className: 'space-y-4', children: [_jsx("p", { className: 'text-gray-700', children: "\u2713 Dynamic form generation based on JSON schemas" }), _jsx("p", { className: 'text-gray-700', children: "\u2713 Real-time data validation and error handling" }), _jsx("p", { className: 'text-gray-700', children: "\u2713 Customizable data models and relationships" }), _jsx("p", { className: 'text-gray-700', children: "\u2713 Built with Next.js for optimal performance" })] }), _jsx("div", { className: "", children: _jsx(Link, { href: '/admin', children: _jsx("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded my-4 ", children: "Visit Panel" }) }) })] }), _jsx("div", { className: "w-full lg:w-1/2 h-full flex flex-col justify-center items-center p-4", children: _jsxs("div", { className: "w-full  border border-gray-200 shadow-2xl rounded-lg overflow-hidden bg-black/85", children: [_jsxs("div", { className: "flex gap-1 px-2 py-1", children: [_jsx("span", { className: 'inline-block w-4 aspect-square  rounded-full bg-red-400' }), _jsx("span", { className: 'inline-block w-4 aspect-square  rounded-full bg-green-400' }), _jsx("span", { className: 'inline-block w-4 aspect-square  rounded-full bg-blue-400' })] }), _jsx("div", { className: "relative w-full   ", children: _jsx(Image, { src: image, alt: 'panel image', width: 1912, height: 947 }) })] }) })] }) }));
};
export default HeroSection;