Merge version_3_1782056579624 into main #3
@@ -13,7 +13,8 @@ import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
|
||||
import GallerySection from './HomePage/sections/Gallery';export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<HeroSection />
|
||||
@@ -21,6 +22,7 @@ export default function HomePage(): React.JSX.Element {
|
||||
<AboutSection />
|
||||
|
||||
<MenuSection />
|
||||
<GallerySection />
|
||||
|
||||
<MetricsSection />
|
||||
|
||||
|
||||
58
src/pages/HomePage/sections/Gallery.tsx
Normal file
58
src/pages/HomePage/sections/Gallery.tsx
Normal file
@@ -0,0 +1,58 @@
|
||||
import Tag from '@/components/ui/Tag';
|
||||
import TextAnimation from '@/components/ui/TextAnimation';
|
||||
import ScrollReveal from '@/components/ui/ScrollReveal';
|
||||
import ImageOrVideo from '@/components/ui/ImageOrVideo';
|
||||
|
||||
export default function GallerySection() {
|
||||
const items = [
|
||||
{ title: 'Lounge', description: 'Atmosphere', imageSrc: 'https://picsum.photos/seed/941768599/1200/800' },
|
||||
{ title: 'Cocktails', description: 'Crafted Drinks', imageSrc: 'https://picsum.photos/seed/811986076/1200/800' },
|
||||
{ title: 'Sashimi', description: 'Premium Cuts', imageSrc: 'https://picsum.photos/seed/1414489418/1200/800' },
|
||||
{ title: 'Culinary Art', description: 'Signature Dishes', imageSrc: 'https://picsum.photos/seed/2023772028/1200/800' },
|
||||
{ title: 'Nightlife', description: 'Vibrant Energy', imageSrc: 'https://picsum.photos/seed/1022554545/1200/800' },
|
||||
{ title: 'VIP Experience', description: 'Exclusive Events', imageSrc: 'https://picsum.photos/seed/1483343788/1200/800' },
|
||||
{ title: 'Music', description: 'Live Entertainment', imageSrc: 'https://picsum.photos/seed/46738565/1200/800' },
|
||||
{ title: 'Memories', description: 'Unforgettable Nights', imageSrc: 'https://picsum.photos/seed/1712717507/1200/800' },
|
||||
];
|
||||
|
||||
return (
|
||||
<div data-webild-section="gallery" id="gallery">
|
||||
<section className="relative w-full py-24 bg-background">
|
||||
<div className="w-content-width mx-auto">
|
||||
<div className="flex flex-col items-center text-center mb-16">
|
||||
<ScrollReveal variant="fade">
|
||||
<Tag text="GALLERY" className="mb-4" />
|
||||
</ScrollReveal>
|
||||
<TextAnimation
|
||||
text="Instagram Highlights"
|
||||
variant="fade-blur"
|
||||
tag="h2"
|
||||
className="text-4xl md:text-5xl font-bold text-foreground mb-6"
|
||||
gradientText={false}
|
||||
/>
|
||||
<ScrollReveal variant="fade" delay={0.1}>
|
||||
<p className="text-lg text-accent max-w-2xl mx-auto">
|
||||
A glimpse into the Samurai Lounge experience.
|
||||
</p>
|
||||
</ScrollReveal>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
{items.map((item, index) => (
|
||||
<ScrollReveal variant="fade" key={index} delay={index * 0.1} className="group relative aspect-square overflow-hidden rounded-lg card">
|
||||
<ImageOrVideo
|
||||
imageSrc={item.imageSrc}
|
||||
className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"
|
||||
/>
|
||||
<div className="absolute inset-0 bg-black/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6">
|
||||
<h3 className="text-xl font-bold text-white mb-1">{item.title}</h3>
|
||||
<p className="text-sm text-white/80">{item.description}</p>
|
||||
</div>
|
||||
</ScrollReveal>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -10,19 +10,11 @@ export default function MenuSection(): React.JSX.Element {
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="SIGNATURE OFFERINGS"
|
||||
title="Our Culinary Journey"
|
||||
description="Explore curated dishes designed to tantalize the senses."
|
||||
items={[
|
||||
{ title: "Sashimi Deluxe", description: "Freshly sourced, premium grade fish.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-seaweed-dish_23-2150912658.jpg" },
|
||||
{ title: "Handcrafted Cocktails", description: "Expertly mixed by master bartenders.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/whisky-glass-fresh-apple-juice-garnished-with-apple-pieces-straw_140725-496.jpg" },
|
||||
{ title: "Lounge Atmosphere", description: "A refined space for every occasion.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797720.jpg" },
|
||||
{ title: "Tempura Selection", description: "Light, airy, and perfectly fried.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/salmon-sushi-top-view_140725-1007.jpg" },
|
||||
{ title: "Authentic Ramen", description: "Slow-cooked broth and handmade noodles.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678741.jpg" },
|
||||
{ title: "Charcoal Yakitori", description: "Traditional fire-grilled delicacies.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-juicy-steak-flaming-with-fire-smoke-grill-hand-professional-chef-turning-steak-concept-culinary-restaurant-food-kitchen_651396-3912.jpg" },
|
||||
{ title: "Omakase Experience", description: "A bespoke seasonal journey.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-decorating-fish_23-2147753654.jpg" }
|
||||
]}
|
||||
/>
|
||||
tag="SIGNATURE OFFERINGS"
|
||||
title="Our Culinary Journey"
|
||||
description="Explore curated dishes designed to tantalize the senses."
|
||||
items={[{"description":"Freshly sourced, premium grade fish.","title":"Sashimi Deluxe","href":"#","imageSrc":"https://images.unsplash.com/photo-1579871494447-9811cf80d66c?q=80&w=2000&auto=format&fit=crop"},{"href":"#","imageSrc":"https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=2000&auto=format&fit=crop","description":"Expertly mixed by master bartenders.","title":"Handcrafted Cocktails"},{"href":"#","imageSrc":"https://images.unsplash.com/photo-1560624052-449f5ddf0c31?q=80&w=2000&auto=format&fit=crop","description":"A refined space for every occasion.","title":"Lounge Atmosphere"},{"href":"#","imageSrc":"https://images.unsplash.com/photo-1615361200141-f45040f367be?q=80&w=2000&auto=format&fit=crop","title":"Tempura Selection","description":"Light, airy, and perfectly fried."},{"href":"#","imageSrc":"https://images.unsplash.com/photo-1557872943-16a5ac26437e?q=80&w=2000&auto=format&fit=crop","title":"Authentic Ramen","description":"Slow-cooked broth and handmade noodles."},{"title":"Charcoal Yakitori","description":"Traditional fire-grilled delicacies.","href":"#","imageSrc":"https://images.unsplash.com/photo-1555939594-58d7cb561ad1?q=80&w=2000&auto=format&fit=crop"},{"href":"#","imageSrc":"https://images.unsplash.com/photo-1553621042-f6e147245754?q=80&w=2000&auto=format&fit=crop","description":"A bespoke seasonal journey.","title":"Omakase Experience"}]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -10,15 +10,11 @@ export default function TeamSection(): React.JSX.Element {
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamOverlayCards
|
||||
tag="THE ARTISANS"
|
||||
title="Meet Our Visionaries"
|
||||
description="A team dedicated to culinary excellence."
|
||||
members={[
|
||||
{ name: "Hiroshi Tanaka", role: "Head Chef", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-elderly-man-recording-recipe-step-by-step-hoe-kitchen-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14457.jpg" },
|
||||
{ name: "Elena Varma", role: "Lead Mixologist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-cocktail-shaker_23-2147775858.jpg" },
|
||||
{ name: "Kenji Sato", role: "General Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-with-notebook-using-smartphone_23-2147793066.jpg" }
|
||||
]}
|
||||
/>
|
||||
tag="THE ARTISANS"
|
||||
title="Meet Our Visionaries"
|
||||
description="A team dedicated to culinary excellence."
|
||||
members={[{"imageSrc":"https://images.unsplash.com/photo-1583394838336-acd977736f90?q=80&w=2000&auto=format&fit=crop","name":"Hiroshi Tanaka","role":"Head Chef"},{"imageSrc":"https://images.unsplash.com/photo-1536935338788-846bb9981813?q=80&w=2000&auto=format&fit=crop","name":"Elena Varma","role":"Lead Mixologist"},{"imageSrc":"https://images.unsplash.com/photo-1560250097-0b93528c311a?q=80&w=2000&auto=format&fit=crop","name":"Kenji Sato","role":"General Manager"}]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user