{"$schema":"https:\/\/ui.shadcn.com\/schema\/registry-item.json","name":"hero-section","type":"registry:block","title":"Hero Section","description":"A stunning and modern landing page hero section with typography and call to actions.","author":"designbycode","dependencies":["lucide-react"],"devDependencies":[],"registryDependencies":["https:\/\/ui.test\/r\/heading-block.json","https:\/\/ui.test\/r\/button-neon.json","https:\/\/ui.test\/r\/button-gradient.json","utils","button","badge","card","https:\/\/ui.test\/r\/button-magnetic.json","https:\/\/ui.test\/r\/button-shine.json","https:\/\/ui.test\/r\/progress-circle.json","https:\/\/ui.test\/r\/interactive-rating.json","https:\/\/ui.test\/r\/button-pulse.json","https:\/\/ui.test\/r\/button-draw.json","https:\/\/ui.test\/r\/pixel-canvas.json"],"files":[{"path":"resources\/js\/registry\/new-york\/components\/blocks\/hero-section\/hero-gradient.tsx","type":"registry:block","content":"'use client';\n\nimport * as React from 'react';\nimport { Sparkles, ArrowRight, Zap } from 'lucide-react';\nimport HeadingBlock from '@\/registry\/new-york\/components\/ui\/typography\/heading-block';\nimport { ButtonNeon } from '@\/registry\/new-york\/components\/ui\/buttons\/button-neon';\nimport { ButtonGradient } from '@\/registry\/new-york\/components\/ui\/buttons\/button-gradient';\n\nexport function HeroGradient() {\n    return (\n        <section className=\"relative flex min-h-[480px] w-full flex-col items-center justify-center overflow-hidden rounded-2xl border border-border\/30 bg-background px-6 py-16 text-center shadow-2xl select-none md:px-12 lg:px-20\">\n            {\/* Mesh Gradient Backgrounds *\/}\n            <div className=\"absolute inset-0 bg-[radial-gradient(circle_at_50%_-20%,color-mix(in_srgb,var(--color-chart-3)_12%,transparent),transparent)]\" \/>\n            <div className=\"absolute top-1\/2 left-1\/2 h-[250px] w-[500px] -translate-x-1\/2 -translate-y-1\/2 rounded-full bg-gradient-to-r from-chart-2\/8 via-chart-3\/8 to-chart-1\/8 opacity-70 blur-[100px]\" \/>\n\n            <div className=\"relative z-10 flex max-w-3xl flex-col items-center\">\n                <HeadingBlock\n                    badge={{\n                        text: 'Introducing Antigravity UI',\n                        icon: Sparkles,\n                    }}\n                    heading=\"Build premium interfaces in a fraction of the time\"\n                    headingLevel={1}\n                    headClassName=\"text-4xl leading-tight font-extrabold tracking-tight sm:text-5xl lg:text-6xl text-foreground\"\n                    description=\"Leverage pre-configured typography, unique animated buttons, and responsive layouts to compile responsive designs that wow your users.\"\n                    descriptionClassName=\"text-muted-foreground\"\n                    className=\"flex flex-col items-center\"\n                \/>\n\n                <div className=\"mt-8 flex flex-wrap items-center justify-center gap-4\">\n                    <ButtonNeon className=\"flex items-center gap-2\">\n                        Get Started\n                        <ArrowRight className=\"size-4\" \/>\n                    <\/ButtonNeon>\n                    <ButtonGradient className=\"flex items-center gap-2\">\n                        <Zap className=\"size-4 text-primary\" \/>\n                        Explore Components\n                    <\/ButtonGradient>\n                <\/div>\n            <\/div>\n        <\/section>\n    );\n}\n\nexport default HeroGradient;\n"},{"path":"resources\/js\/registry\/new-york\/components\/blocks\/hero-section\/hero-section.tsx","type":"registry:block","content":"import React, { useState } from 'react';\nimport { ArrowRight, Sparkles, Shield, Trophy, Users } from 'lucide-react';\nimport { cn } from '@\/lib\/utils';\nimport { Button } from '@\/components\/ui\/button';\nimport { Badge } from '@\/components\/ui\/badge';\nimport { Card, CardContent } from '@\/components\/ui\/card';\nimport { ButtonMagnetic } from '@\/registry\/new-york\/components\/ui\/buttons\/button-magnetic';\nimport { ButtonShine } from '@\/registry\/new-york\/components\/ui\/buttons\/button-shine';\nimport { ProgressCircle } from '@\/registry\/new-york\/components\/ui\/progress\/progress-circle';\nimport { InteractiveRating } from '@\/registry\/new-york\/components\/ui\/rating\/interactive-rating';\n\nexport function HeroSection() {\n    const [userRating, setUserRating] = useState(5);\n    const [submitSuccess, setSubmitSuccess] = useState(false);\n\n    const handleRatingChange = (newRating: number) => {\n        setUserRating(newRating);\n        setSubmitSuccess(true);\n        setTimeout(() => setSubmitSuccess(false), 2000);\n    };\n\n    return (\n        <section className=\"relative flex w-full flex-col items-center gap-12 overflow-hidden rounded-2xl border border-border\/30 bg-background\/50 p-6 shadow-xl select-none md:p-12 lg:flex-row lg:p-16\">\n            {\/* Ambient Background Glows *\/}\n            <div className=\"pointer-events-none absolute -top-40 -left-40 size-96 rounded-full bg-primary\/10 blur-3xl\" \/>\n            <div className=\"pointer-events-none absolute -right-40 -bottom-40 size-96 rounded-full bg-chart-2\/10 blur-3xl\" \/>\n\n            {\/* Left Content Column *\/}\n            <div className=\"relative z-10 flex-1 space-y-6 text-left\">\n                <Badge\n                    variant=\"outline\"\n                    className=\"flex w-fit animate-pulse items-center gap-1.5 border-primary\/20 bg-primary\/5 px-3 py-1 font-mono text-xs font-bold tracking-wider text-primary uppercase\"\n                >\n                    <Sparkles className=\"size-3.5\" \/>\n                    Premium Experience\n                <\/Badge>\n\n                <h1 className=\"text-4xl leading-tight font-extrabold tracking-tight sm:text-5xl\">\n                    Luxury Stays &{' '}\n                    <span className=\"bg-gradient-to-r from-primary to-chart-2 bg-clip-text text-transparent\">\n                        Creative Spaces\n                    <\/span>\n                <\/h1>\n\n                <p className=\"text-sm leading-relaxed text-muted-foreground sm:text-base\">\n                    Discover and reserve hand-crafted spaces tailored for\n                    inspiration, collaboration, and relaxation. Immerse yourself\n                    in environments designed with state-of-the-art aesthetics\n                    and premium comforts.\n                <\/p>\n\n                {\/* Star rating interaction widget *\/}\n                <div className=\"flex max-w-md flex-col gap-4 rounded-xl border border-border\/40 bg-muted\/20 p-4 sm:flex-row sm:items-center\">\n                    <div className=\"space-y-1\">\n                        <span className=\"text-xs font-bold text-foreground\">\n                            Rate your interest:\n                        <\/span>\n                        <div className=\"flex items-center gap-2\">\n                            <InteractiveRating\n                                defaultRating={5}\n                                onChange={handleRatingChange}\n                            \/>\n                            <span className=\"font-mono text-xs font-bold text-muted-foreground\">\n                                ({userRating}.0)\n                            <\/span>\n                        <\/div>\n                    <\/div>\n                    <div className=\"flex flex-col justify-center sm:border-l sm:border-border\/40 sm:pl-4\">\n                        <span className=\"text-[10px] leading-normal text-muted-foreground\">\n                            {submitSuccess ? (\n                                <span className=\"animate-bounce font-bold text-chart-2\">\n                                    Review recorded!\n                                <\/span>\n                            ) : (\n                                'Interact to send a preview rating to our dashboard.'\n                            )}\n                        <\/span>\n                    <\/div>\n                <\/div>\n\n                {\/* Call-to-action buttons using magnetic and shine effects *\/}\n                <div className=\"flex flex-wrap items-center gap-4 pt-2\">\n                    <ButtonShine className=\"flex items-center gap-1.5 rounded-xl px-6 py-5 text-sm font-semibold shadow-md\">\n                        Book Your Stay\n                        <ArrowRight className=\"size-4\" \/>\n                    <\/ButtonShine>\n\n                    <ButtonMagnetic className=\"rounded-xl border border-border\/40 bg-secondary px-6 py-5 text-sm font-semibold text-secondary-foreground hover:bg-muted\/80\">\n                        Explore Gallery\n                    <\/ButtonMagnetic>\n                <\/div>\n            <\/div>\n\n            {\/* Right Interactive Mockup\/Dashboard Column *\/}\n            <div className=\"relative z-10 w-full max-w-md flex-1\">\n                <Card className=\"relative overflow-hidden border border-border\/40 bg-card\/25 p-6 shadow-2xl backdrop-blur-md\">\n                    <div className=\"absolute top-3 right-3 opacity-30\">\n                        <Sparkles className=\"size-6 text-primary\" \/>\n                    <\/div>\n\n                    <h3 className=\"mb-4 flex items-center gap-2 border-b border-border\/20 pb-3 text-sm font-bold tracking-tight\">\n                        <Trophy className=\"size-4.5 text-primary\" \/>\n                        Guesthouse Status Core\n                    <\/h3>\n\n                    {\/* Score Circle Progress Layout *\/}\n                    <div className=\"mb-6 grid grid-cols-2 place-items-center gap-6\">\n                        <ProgressCircle\n                            value={98}\n                            size={100}\n                            strokeWidth={10}\n                            label=\"Cleanliness\"\n                        \/>\n                        <ProgressCircle\n                            value={94}\n                            size={100}\n                            strokeWidth={10}\n                            label=\"Guest Rating\"\n                        \/>\n                    <\/div>\n\n                    {\/* Stats List Items *\/}\n                    <div className=\"space-y-3.5\">\n                        <div className=\"flex items-center justify-between border-t border-border\/10 pt-3 text-xs\">\n                            <span className=\"flex items-center gap-2 text-muted-foreground\">\n                                <Users className=\"size-4 text-chart-3\" \/>\n                                Host communication\n                            <\/span>\n                            <span className=\"font-mono font-bold\">\n                                100% (Flawless)\n                            <\/span>\n                        <\/div>\n                        <div className=\"flex items-center justify-between border-t border-border\/10 pt-3 text-xs\">\n                            <span className=\"flex items-center gap-2 text-muted-foreground\">\n                                <Shield className=\"size-4 text-chart-2\" \/>\n                                Security score\n                            <\/span>\n                            <span className=\"font-mono font-bold\">\n                                99.8% (Verified)\n                            <\/span>\n                        <\/div>\n                    <\/div>\n                <\/Card>\n\n                {\/* Sub-card floating decorative info badge *\/}\n                <div className=\"pointer-events-none absolute -bottom-6 -left-6 flex hidden max-w-[180px] animate-bounce items-center gap-3 rounded-xl border border-primary\/20 bg-primary p-3 text-primary-foreground shadow-lg select-none sm:flex\">\n                    <div className=\"flex size-8 items-center justify-center rounded-full bg-primary-foreground\/15 font-mono text-xs font-black\">\n                        9.9\n                    <\/div>\n                    <div className=\"flex flex-col text-left\">\n                        <span className=\"text-[10px] leading-none font-bold tracking-wider uppercase\">\n                            Superb Score\n                        <\/span>\n                        <span className=\"mt-0.5 text-[8px] opacity-80\">\n                            Guest Favorite Choice\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    );\n}\n\nexport default HeroSection;\n"},{"path":"resources\/js\/registry\/new-york\/components\/blocks\/hero-section\/hero-split.tsx","type":"registry:block","content":"'use client';\n\nimport * as React from 'react';\nimport { Shield, Sparkles, CheckCircle2 } from 'lucide-react';\nimport HeadingBlock from '@\/registry\/new-york\/components\/ui\/typography\/heading-block';\nimport { ButtonPulse } from '@\/registry\/new-york\/components\/ui\/buttons\/button-pulse';\nimport { ButtonDraw } from '@\/registry\/new-york\/components\/ui\/buttons\/button-draw';\nimport { PixelCanvas } from '@\/registry\/new-york\/components\/ui\/canvas\/pixel-canvas';\n\nexport function HeroSplit() {\n    return (\n        <section className=\"relative flex w-full flex-col gap-10 overflow-hidden rounded-2xl border border-border\/30 bg-background\/40 p-8 shadow-xl select-none lg:flex-row lg:items-center lg:p-12\">\n            {\/* Left Content Column *\/}\n            <div className=\"relative z-10 flex-1 space-y-6 text-left\">\n                <HeadingBlock\n                    badge={{\n                        text: 'Security & Integrity Verified',\n                        icon: Shield,\n                    }}\n                    heading=\"Secure operations with zero downtime\"\n                    headingLevel={1}\n                    headClassName=\"text-3xl leading-tight font-extrabold tracking-tight sm:text-4xl lg:text-5xl\"\n                    description=\"Protect your workspace and client data with next-generation authorization mechanisms, end-to-end logging, and audit tracks.\"\n                    descriptionClassName=\"text-muted-foreground\"\n                    size=\"sm\"\n                \/>\n\n                <ul className=\"space-y-2.5 text-sm text-muted-foreground\">\n                    <li className=\"flex items-center gap-2\">\n                        <CheckCircle2 className=\"size-4.5 shrink-0 text-chart-2\" \/>\n                        <span>Biometric & Passkey authentication methods<\/span>\n                    <\/li>\n                    <li className=\"flex items-center gap-2\">\n                        <CheckCircle2 className=\"size-4.5 shrink-0 text-chart-2\" \/>\n                        <span>Real-time anomalous action detection<\/span>\n                    <\/li>\n                    <li className=\"flex items-center gap-2\">\n                        <CheckCircle2 className=\"size-4.5 shrink-0 text-chart-2\" \/>\n                        <span>99.99% high-availability cluster setups<\/span>\n                    <\/li>\n                <\/ul>\n\n                <div className=\"flex flex-wrap items-center gap-4 pt-4\">\n                    <ButtonPulse>Setup Shield<\/ButtonPulse>\n                    <ButtonDraw>Read Whitepaper<\/ButtonDraw>\n                <\/div>\n            <\/div>\n\n            {\/* Right Visual Interactive Column *\/}\n            <div className=\"relative min-h-[300px] w-full flex-1 overflow-hidden rounded-xl border border-border\/40 bg-card\/70 shadow-2xl\">\n                <PixelCanvas className=\"absolute inset-0 opacity-40\" \/>\n                <div className=\"pointer-events-none absolute inset-0 flex flex-col items-center justify-center p-6 text-center select-none\">\n                    <Sparkles className=\"mb-2 size-10 animate-pulse text-chart-2\" \/>\n                    <h3 className=\"font-bebas-neue! text-xl font-bold tracking-wider text-foreground\">\n                        Interactive Pixel Matrix\n                    <\/h3>\n                    <p className=\"mt-1 max-w-xs text-xs text-muted-foreground\">\n                        Move your mouse across the grid to interact with the\n                        responsive visual canvas.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n    );\n}\n\nexport default HeroSplit;\n"}],"meta":{"category":"hero-sections","version":"1.0.0"},"categories":["hero-sections"]}