62:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 63:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 64:T961,import Header from '@/registry/new-york/components/blocks/hero-section-41/header' import HeroSection from '@/registry/new-york/components/blocks/hero-section-41/hero-section-41' import type { NavigationSection } from '@/registry/new-york/components/blocks/menu-navigation' const navigationData: NavigationSection[] = [ { title: 'About Us', href: '#' }, { title: 'Testimonials', href: '#' }, { title: 'Contact us', href: '#' }, { title: 'Offers', href: '#' } ] const menudata = [ { id: 1, img: 'https://cdn.shadcnstudio.com/ss-assets/template/landing-page/bistro/image-18.png', imgAlt: 'plate-1', userComment: 'The ambiance is perfect and the food is absolutely delicious. Highly recommended!', userAvatar: 'https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-56.png' }, { id: 2, img: 'https://cdn.shadcnstudio.com/ss-assets/template/landing-page/bistro/image-19.png', imgAlt: 'plate-2', userComment: 'Best dining experience in town. The staff is friendly and the menu is exceptional.', userAvatar: 'https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-46.png' }, { id: 3, img: 'https://cdn.shadcnstudio.com/ss-assets/template/landing-page/bistro/image-20.png', imgAlt: 'plate-3', userComment: 'Every dish is crafted with care. This place never disappoints!', userAvatar: 'https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-57.png' }, { id: 4, img: 'https://cdn.shadcnstudio.com/ss-assets/template/landing-page/bistro/image-05.png', imgAlt: 'plate-4', userComment: 'Great atmosphere and incredible flavors. A must-visit restaurant!', userAvatar: 'https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-58.png' }, { id: 5, img: 'https://cdn.shadcnstudio.com/ss-assets/template/landing-page/bistro/image-20.png', imgAlt: 'plate-3', userComment: 'Every dish is crafted with care. This place never disappoints!', userAvatar: 'https://cdn.shadcnstudio.com/ss-assets/avatar/avatar-57.png' } ] const HeroSectionPage = () => { return (

{/* Header Section */}

{/* Main Content */}

) } export default HeroSectionPage 65:T7ea,// React Imports import type { SVGAttributes } from 'react' const BistroLogo = (props: SVGAttributes) => { return ( ) } export default BistroLogo 66:Ta78,'use client' import { useEffect, useState } from 'react' import { CalendarClockIcon, MenuIcon } from 'lucide-react' import { Button } from '@/registry/new-york/ui/button' import MenuDropdown from '@/registry/new-york/components/blocks/menu-dropdown' import MenuNavigation from '@/registry/new-york/components/blocks/menu-navigation' import type { NavigationSection } from '@/registry/new-york/components/blocks/menu-navigation' import { cn } from '@/registry/new-york/lib/utils' import BistroLogo from '@/assets/svg/bistro-logo' type HeaderProps = { navigationData: NavigationSection[] className?: string } const Header = ({ navigationData, className }: HeaderProps) => { const [isScrolled, setIsScrolled] = useState(false) useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 0) } window.addEventListener('scroll', handleScroll) handleScroll() return () => { window.removeEventListener('scroll', handleScroll) } }, []) return (

{/* Logo */} Bistro {/* Navigation */} {/* Actions */}

{/* Navigation for small screens */}

Menu } />

) } export default Header 67:T1ea7,'use client' import { useEffect, useState, useRef, useCallback } from 'react' import { ArrowRightIcon } from 'lucide-react' import Autoplay from 'embla-carousel-autoplay' import { Separator } from '@/registry/new-york/ui/separator' import { Button } from '@/registry/new-york/ui/button' import { type CarouselApi, Carousel, CarouselContent, CarouselItem } from '@/registry/new-york/ui/carousel' import { cn } from '@/registry/new-york/lib/utils' export type MenuData = { id: number img: string imgAlt: string userAvatar: string userComment: string } const HeroSection = ({ menudata }: { menudata: MenuData[] }) => { const [mainApi, setMainApi] = useState() const [thumbApi, setThumbApi] = useState() const [commentsApi, setCommentsApi] = useState() const [current, setCurrent] = useState(0) useEffect(() => { if (!mainApi) { return } setCurrent(mainApi.selectedScrollSnap()) mainApi.on('select', () => { const selectedIndex = mainApi.selectedScrollSnap() setCurrent(selectedIndex) // Sync all carousels with main carousel thumbApi?.scrollTo(selectedIndex) commentsApi?.scrollTo(selectedIndex) }) }, [mainApi, thumbApi, commentsApi]) useEffect(() => { if (!thumbApi) { return } thumbApi.on('select', () => { const selectedIndex = thumbApi.selectedScrollSnap() setCurrent(selectedIndex) // Sync main and comments carousel with thumbnail carousel mainApi?.scrollTo(selectedIndex) commentsApi?.scrollTo(selectedIndex) }) }, [thumbApi, mainApi, commentsApi]) useEffect(() => { if (!commentsApi) { return } commentsApi.on('select', () => { const selectedIndex = commentsApi.selectedScrollSnap() setCurrent(selectedIndex) // Sync main and thumbnail carousel with comments carousel mainApi?.scrollTo(selectedIndex) thumbApi?.scrollTo(selectedIndex) }) }, [commentsApi, mainApi, thumbApi]) const handleThumbClick = useCallback( (index: number) => { mainApi?.scrollTo(index) }, [mainApi] ) const plugin = useRef(Autoplay({ delay: 3000, stopOnInteraction: false })) return (

{/* Hero Header */}

Savor the taste of perfection

Welcome to Restaurant where passion meets the plate.From sizzling appetisers to signature desserts, every dish is crafted to delight your senses.

{menudata.map(item => ( {item.imgAlt}

))}

{menudata.map((item, index) => ( handleThumbClick(index)} >

))} {menudata.map(item => ( {item.imgAlt}

{item.userComment}

))}

) } export default HeroSection 68:T9b4,'use client' import type { ReactNode } from 'react' import { ChevronRightIcon, CircleSmallIcon } from 'lucide-react' import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/registry/new-york/ui/collapsible' import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger } from '@/registry/new-york/ui/dropdown-menu' export type NavigationItem = { title: string href: string } export type NavigationSection = { title: string icon?: ReactNode } & ( | { items: NavigationItem[] href?: never } | { items?: never href: string } ) type Props = { trigger: ReactNode navigationData: NavigationSection[] align?: 'center' | 'end' | 'start' } const MenuDropdown = ({ trigger, navigationData, align = 'start' }: Props) => { return ( {trigger} {navigationData.map(navItem => { if (navItem.href) { return ( {navItem.icon} {navItem.title} ) } return ( event.preventDefault()} className='justify-between'> {navItem.icon} {navItem.title} {navItem.items?.map(item => ( {item.title} ))} ) })} ) } export default MenuDropdown 69:Ta7c,import type { ReactNode } from 'react' import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle } from '@/registry/new-york/ui/navigation-menu' import { cn } from '@/registry/new-york/lib/utils' export type NavigationItem = { title: string href: string } export type NavigationSection = { title: string icon?: ReactNode } & ( | { items: NavigationItem[] href?: never } | { items?: never href: string } ) type MenuNavigationProps = { navigationData: NavigationSection[] className?: string } const MenuNavigation = ({ navigationData, className }: MenuNavigationProps) => { return ( {navigationData.map(navItem => { if (navItem.href) { // Root link item return ( {navItem.title} ) } // Section with dropdown return ( {navItem.title}

{navItem.items?.map(item => ( {item.title} ))}

) })} ) } export default MenuNavigation 61:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","embla-carousel-autoplay",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/embla-carousel-autoplay","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"embla-carousel-autoplay"}]]}]}]]}],["$","$L62",null,{"namespace":"@registrydirectory","registryDependencies":["button","card","carousel","collapsible","dropdown-menu","navigation-menu","separator","utils"]}]]}],null]}],["$","$L63",null,{"files":[{"path":"src/registry/new-york/blocks/marketing-ui/hero-section/hero-section-41/page.tsx","content":"$64","type":"registry:page","target":"app/hero-section-41/page.tsx"},{"path":"src/assets/svg/bistro-logo.tsx","content":"$65","type":"registry:component","target":"assets/svg/bistro-logo.tsx"},{"path":"src/registry/new-york/components/blocks/hero-section-41/header.tsx","content":"$66","type":"registry:component","target":"components/shadcn-studio/blocks/hero-section-41/header.tsx"},{"path":"src/registry/new-york/components/blocks/hero-section-41/hero-section-41.tsx","content":"$67","type":"registry:component","target":"components/shadcn-studio/blocks/hero-section-41/hero-section-41.tsx"},{"path":"src/registry/new-york/components/blocks/menu-dropdown.tsx","content":"$68","type":"registry:component","target":"components/shadcn-studio/blocks/menu-dropdown.tsx"},{"path":"src/registry/new-york/components/blocks/menu-navigation.tsx","content":"$69","type":"registry:component","target":"components/shadcn-studio/blocks/menu-navigation.tsx"}],"className":"h-[70svh] min-h-80"}]]}]