
Two-column grid layout with left content area featuring heading, description, and shine-effect animated button, plus right auto-play carousel, followed by synchronized triple carousel system displaying food menu items with thumbnail navigation and user testimonial integration
@shadcn-studio
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 (
<div className='overflow-x-hidden'>
{/* Header Section */}
<Header navigationData={navigationData} />
{/* Main Content */}
<main className='flex flex-col pt-17.5'>
<HeroSection menudata={menudata} />
</main>
</div>
)
}
export default HeroSectionPage





























