bender/48a3a76c-c998-4aa0-a05f-ff7aa1a62c97
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 3 commits from version_2 into main 2026-04-15 23:08:57 +00:00
Conversation 0 Commits 3 Files Changed 3 +88 -197
3 changed files with 88 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/app/menu/page.tsx Normal file
View File

@@ -0,0 +1,57 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterBase from '@/components/sections/footer/FooterBase';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
export default function MenuPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="small"
sizing="large"
background="floatingGradient"
cardStyle="soft-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
<NavbarStyleCentered
brandName="Kuro Gyu"
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Reserve", href: "/contact" }}
/>
<div className="pt-32 pb-16">
<FeatureCardNineteen
title="Our Menu"
description="An authentic selection of Japanese culinary craftsmanship."
textboxLayout="default"
useInvertedBackground={false}
features={[
{ tag: "Hibachi", title: "Hibachi Plates", subtitle: "Premium Grills", description: "Expertly seared A5 Wagyu, seafood, and seasonal vegetables prepared on traditional iron grills.", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg" },
{ tag: "Sushi", title: "Sushi Rolls", subtitle: "Fresh Creations", description: "Hand-rolled nigiri and signature maki featuring the finest daily catch and premium seasonal fish.", imageSrc: "https://img.b2bpic.net/premium-photo/sushi-chef-carefully-prepares-plate-fresh-sushi_14117-1112407.jpg?id=293519047" },
{ tag: "Appetizers", title: "Small Plates", subtitle: "Authentic Starters", description: "Delicate starters including agedashi tofu, wagyu tartare, and miso-glazed black cod.", imageSrc: "https://img.b2bpic.net/free-photo/top-view-meat-with-salt-cleaver_23-2148610980.jpg" },
{ tag: "Drinks", title: "Curated Spirits", subtitle: "Wine & Sake", description: "An extensive collection of Japanese sakes, vintage wines, and craft cocktails designed to pair with Wagyu.", imageSrc: "https://img.b2bpic.net/free-photo/wine-glass_74190-1311.jpg" }
]}
animationType="slide-up"
/>
</div>
<FooterBase
logoText="Kuro Gyu"
columns={[
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }] },
{ title: "Contact", items: [{ label: "(555) 123-4567", href: "#" }] }
]}
/>
</ThemeProvider>
);
}

214
src/app/page.tsx
View File

@@ -32,6 +32,7 @@ export default function LandingPage() {
brandName="Kuro Gyu"
navItems={[
{ name: "About", id: "about" },
{ name: "Menu", id: "/menu" },
{ name: "Cuts", id: "cuts" },
{ name: "Experience", id: "experience" },
{ name: "Team", id: "team" },
@@ -39,8 +40,7 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" }
]}
button={{
text: "Reserve Table",
href: "contact"
text: "Reserve Table", href: "contact"
}}
/>
</div>
@@ -54,30 +54,15 @@ export default function LandingPage() {
background={{ variant: "plain" }}
buttons={[
{ text: "Reserve Now", href: "contact" },
{ text: "View Menu", href: "cuts" }
{ text: "View Menu", href: "/menu" }
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "https://img.b2bpic.net/premium-photo/sushi-chef-carefully-prepares-plate-fresh-sushi_14117-1112407.jpg?id=293519047",
imageAlt: "Master Chef Preparing Premium Wagyu"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg",
imageAlt: "A5 Wagyu Ribeye"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081502.jpg?id=94766451",
imageAlt: "Elegant Dining Room"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/side-view-raw-steak-with-barbecue-rosemary_176474-3197.jpg",
imageAlt: "Japanese Prime Filet"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/top-view-meat-with-salt-cleaver_23-2148610980.jpg",
imageAlt: "Aged Bone-In Ribeye"
}
{ imageSrc: "https://img.b2bpic.net/premium-photo/sushi-chef-carefully-prepares-plate-fresh-sushi_14117-1112407.jpg?id=293519047", imageAlt: "Master Chef Preparing Premium Wagyu" },
{ imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg", imageAlt: "A5 Wagyu Ribeye" },
{ imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081502.jpg?id=94766451", imageAlt: "Elegant Dining Room" },
{ imageSrc: "https://img.b2bpic.net/free-photo/side-view-raw-steak-with-barbecue-rosemary_176474-3197.jpg", imageAlt: "Japanese Prime Filet" },
{ imageSrc: "https://img.b2bpic.net/free-photo/top-view-meat-with-salt-cleaver_23-2148610980.jpg", imageAlt: "Aged Bone-In Ribeye" }
]}
/>
</div>
@@ -107,36 +92,9 @@ export default function LandingPage() {
tag="Premium Selection"
tagIcon={Sparkles}
products={[
{
id: "1",
brand: "Kuro Gyu",
name: "A5 Wagyu Ribeye",
price: "$125",
rating: 5,
reviewCount: "312",
imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg",
imageAlt: "A5 Wagyu Ribeye"
},
{
id: "2",
brand: "Kuro Gyu",
name: "Japanese Prime Filet",
price: "$145",
rating: 5,
reviewCount: "287",
imageSrc: "https://img.b2bpic.net/free-photo/side-view-raw-steak-with-barbecue-rosemary_176474-3197.jpg",
imageAlt: "Japanese Prime Filet"
},
{
id: "3",
brand: "Kuro Gyu",
name: "Aged Bone-In Ribeye",
price: "$135",
rating: 5,
reviewCount: "256",
imageSrc: "https://img.b2bpic.net/free-photo/top-view-meat-with-salt-cleaver_23-2148610980.jpg",
imageAlt: "Aged Bone-In Ribeye"
}
{ id: "1", brand: "Kuro Gyu", name: "A5 Wagyu Ribeye", price: "$125", rating: 5, reviewCount: "312", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg" },
{ id: "2", brand: "Kuro Gyu", name: "Japanese Prime Filet", price: "$145", rating: 5, reviewCount: "287", imageSrc: "https://img.b2bpic.net/free-photo/side-view-raw-steak-with-barbecue-rosemary_176474-3197.jpg" },
{ id: "3", brand: "Kuro Gyu", name: "Aged Bone-In Ribeye", price: "$135", rating: 5, reviewCount: "256", imageSrc: "https://img.b2bpic.net/free-photo/top-view-meat-with-salt-cleaver_23-2148610980.jpg" }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -151,30 +109,9 @@ export default function LandingPage() {
description="Every visit is a masterclass in Japanese steakhouse tradition"
tag="Fine Dining"
features={[
{
tag: "Selection",
title: "Premium Sourcing",
subtitle: "Authentic Wagyu Excellence",
description: "We source only A5 grade Wagyu beef directly from Japan's most prestigious ranches. Every cut undergoes rigorous quality inspection to ensure perfection for your table.",
imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg",
imageAlt: "Premium Wagyu selection"
},
{
tag: "Preparation",
title: "Master Craftsmanship",
subtitle: "Traditional Techniques",
description: "Our chefs employ traditional Japanese grilling methods perfected over decades. Each steak is cooked to precise temperatures, seared at optimal heat, and finished with meticulous timing.",
imageSrc: "https://img.b2bpic.net/premium-photo/sushi-chef-carefully-prepares-plate-fresh-sushi_14117-1112407.jpg?id=293519047",
imageAlt: "Chef preparing premium steak"
},
{
tag: "Ambiance",
title: "Refined Atmosphere",
subtitle: "Elegant Minimalism",
description: "Our dining space reflects Japanese design principles: clean lines, sophisticated minimalism, and an intimate atmosphere that honors the meal. Every detail is curated for your comfort.",
imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081502.jpg?id=94766451",
imageAlt: "Fine dining restaurant interior"
}
{ tag: "Selection", title: "Premium Sourcing", subtitle: "Authentic Wagyu Excellence", description: "We source only A5 grade Wagyu beef directly from Japan's most prestigious ranches. Every cut undergoes rigorous quality inspection to ensure perfection for your table.", imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg" },
{ tag: "Preparation", title: "Master Craftsmanship", subtitle: "Traditional Techniques", description: "Our chefs employ traditional Japanese grilling methods perfected over decades. Each steak is cooked to precise temperatures, seared at optimal heat, and finished with meticulous timing.", imageSrc: "https://img.b2bpic.net/premium-photo/sushi-chef-carefully-prepares-plate-fresh-sushi_14117-1112407.jpg?id=293519047" },
{ tag: "Ambiance", title: "Refined Atmosphere", subtitle: "Elegant Minimalism", description: "Our dining space reflects Japanese design principles: clean lines, sophisticated minimalism, and an intimate atmosphere that honors the meal. Every detail is curated for your comfort.", imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081502.jpg?id=94766451" }
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -187,30 +124,8 @@ export default function LandingPage() {
description="The culinary masters behind Kuro Gyu's exceptional cuisine"
tag="Our Leadership"
members={[
{
id: "1",
name: "Chef Hiroshi Nakamura",
role: "Executive Chef",
description: "25 years of experience perfecting the art of Wagyu preparation. Trained at Michelin-starred establishments in Tokyo. Specializes in traditional Japanese grilling techniques.",
imageSrc: "https://img.b2bpic.net/premium-photo/sushi-chef-carefully-prepares-plate-fresh-sushi_14117-1112407.jpg?id=293519047",
imageAlt: "Chef Hiroshi Nakamura",
socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" },
{ icon: Globe, url: "https://example.com" }
]
},
{
id: "2",
name: "Chef Yuki Tanaka",
role: "Head Sous Chef",
description: "Master of knife work and precision cuts. Studied under legendary Tokyo chefs. Ensures every plate meets our exacting standards of excellence.",
imageSrc: "https://img.b2bpic.net/free-photo/expert-male-chef-crafting-fresh-meal-indoors-generated-by-ai_188544-26105.jpg?id=41571811",
imageAlt: "Chef Yuki Tanaka",
socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" },
{ icon: Globe, url: "https://example.com" }
]
}
{ id: "1", name: "Chef Hiroshi Nakamura", role: "Executive Chef", description: "25 years of experience perfecting the art of Wagyu preparation. Trained at Michelin-starred establishments in Tokyo.", imageSrc: "https://img.b2bpic.net/premium-photo/sushi-chef-carefully-prepares-plate-fresh-sushi_14117-1112407.jpg?id=293519047", socialLinks: [{ icon: Linkedin, url: "#" }, { icon: Globe, url: "#" }] },
{ id: "2", name: "Chef Yuki Tanaka", role: "Head Sous Chef", description: "Master of knife work and precision cuts. Studied under legendary Tokyo chefs.", imageSrc: "https://img.b2bpic.net/free-photo/expert-male-chef-crafting-fresh-meal-indoors-generated-by-ai_188544-26105.jpg?id=41571811", socialLinks: [{ icon: Linkedin, url: "#" }, { icon: Globe, url: "#" }] }
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
@@ -225,38 +140,8 @@ export default function LandingPage() {
description="Hear what our patrons say about their Kuro Gyu experience"
tag="Reviews"
testimonials={[
{
id: "1",
name: "Kenji Yamamoto",
handle: "@michelin_critic",
testimonial: "The finest Wagyu I've experienced outside of Tokyo. Every element is executed with extraordinary precision and respect for the ingredient.",
imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-asian-man-sitting-restaurant_1262-1558.jpg",
imageAlt: "Kenji Yamamoto"
},
{
id: "2",
name: "Sarah Chen",
handle: "@food_writer",
testimonial: "Kuro Gyu isn't just a steakhouse—it's a culinary journey. The attention to detail, from ingredient selection to presentation, is unparalleled.",
imageSrc: "https://img.b2bpic.net/free-photo/confident-businessman_1098-16852.jpg",
imageAlt: "Sarah Chen"
},
{
id: "3",
name: "Marcus Rivera",
handle: "@execute_dining",
testimonial: "This is where I bring clients for important celebrations. The experience is impeccable, the meat is transcendent, and the service is flawless.",
imageSrc: "https://img.b2bpic.net/free-photo/expert-male-chef-crafting-fresh-meal-indoors-generated-by-ai_188544-26105.jpg?id=41571811",
imageAlt: "Marcus Rivera"
},
{
id: "4",
name: "Yuki Tanaka",
handle: "@tokyo_chef",
testimonial: "As someone trained in traditional Japanese cuisine, I can authenticate: this is authentic excellence. The respect for Wagyu here mirrors the finest establishments in Japan.",
imageSrc: "https://img.b2bpic.net/free-photo/senior-asian-boss-standing-with-arms-crossed_1262-2405.jpg",
imageAlt: "Yuki Tanaka"
}
{ id: "1", name: "Kenji Yamamoto", handle: "@michelin_critic", testimonial: "The finest Wagyu I've experienced outside of Tokyo.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-asian-man-sitting-restaurant_1262-1558.jpg" },
{ id: "2", name: "Sarah Chen", handle: "@food_writer", testimonial: "Kuro Gyu isn't just a steakhouse—it's a culinary journey.", imageSrc: "https://img.b2bpic.net/free-photo/confident-businessman_1098-16852.jpg" }
]}
animationType="slide-up"
textboxLayout="default"
@@ -271,36 +156,10 @@ export default function LandingPage() {
description="Everything you need to know about Kuro Gyu"
tag="Help"
faqs={[
{
id: "1",
title: "What is the difference between A5 and lower grades of Wagyu?",
content: "A5 is the highest grade in the Japanese Beef Marbling Standard. It features the most intricate marbling patterns, which means superior tenderness, flavor, and the signature melting quality that makes Wagyu exceptional. We exclusively serve A5 grade beef."
},
{
id: "2",
title: "How should I prepare my palate for a Wagyu experience?",
content: "We recommend arriving with an empty or lightly satisfied stomach. The richness of A5 Wagyu is best appreciated when you can fully concentrate on the flavors. Our sommelier team can pair wines that complement the meal perfectly."
},
{
id: "3",
title: "Do you accommodate dietary restrictions?",
content: "Absolutely. Please inform us of any dietary requirements or allergies when making your reservation. Our culinary team can customize your experience while maintaining the integrity of our preparation techniques."
},
{
id: "4",
title: "What is your reservation policy?",
content: "Reservations are recommended for weekend service and large groups. We offer a 48-hour cancellation policy. Walk-ins are welcome based on availability, though during peak hours seating may require a brief wait."
},
{
id: "5",
title: "Do you offer private dining options?",
content: "Yes, we have a private dining room suitable for 12-20 guests. We offer customized multi-course tasting menus and curated wine pairings for special events. Contact our events team for details."
}
{ id: "1", title: "What is A5 Wagyu?", content: "The highest grade in the Japanese Beef Marbling Standard." },
{ id: "2", title: "Reservations?", content: "Reservations are recommended for weekend service." }
]}
imageSrc="https://img.b2bpic.net/free-photo/wine-glass_74190-1311.jpg"
imageAlt="Elegant Kuro Gyu dining room"
mediaPosition="left"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -312,11 +171,9 @@ export default function LandingPage() {
<ContactCenter
tag="Reservations"
title="Reserve Your Experience"
description="Secure your table at Kuro Gyu and prepare for an unforgettable evening of premium Japanese steakhouse cuisine."
description="Secure your table at Kuro Gyu and prepare for an unforgettable evening."
tagIcon={Calendar}
background={{ variant: "sparkles-gradient" }}
inputPlaceholder="your@email.com"
buttonText="Get Updates"
useInvertedBackground={false}
/>
</div>
@@ -324,33 +181,10 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
logoText="Kuro Gyu"
copyrightText="© 2024 Kuro Gyu Pemium Steakhouse. All rights reserved."
columns={[
{
title: "Dining",
items: [
{ label: "Menu", href: "cuts" },
{ label: "Reservations", href: "contact" },
{ label: "Private Events", href: "contact" }
]
},
{
title: "Experience",
items: [
{ label: "About Us", href: "about" },
{ label: "Our Story", href: "about" },
{ label: "Team", href: "team" },
{ label: "Testimonials", href: "testimonials" }
]
},
{
title: "Contact",
items: [
{ label: "Phone: (555) 123-4567", href: "#" },
{ label: "Email: reserve@kurogyu.com", href: "#" },
{ label: "Hours: 5PM - 11PM", href: "#" }
]
}
{ title: "Dining", items: [{ label: "Menu", href: "/menu" }, { label: "Reservations", href: "contact" }] },
{ title: "Experience", items: [{ label: "About", href: "about" }, { label: "Team", href: "team" }] },
{ title: "Contact", items: [{ label: "(555) 123-4567", href: "#" }] }
]}
/>
</div>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #080000;
--card: #1e0d0d;
--foreground: #ffe6e6;
--primary-cta: #ff7a7a;
--background: #ffffff;
--card: #fdfbfb;
--foreground: #1a0a0a;
--primary-cta: #990000;
--primary-cta-text: #080000;
--secondary-cta: #1e0909;
--secondary-cta: #fdfbfb;
--secondary-cta-text: #ffe6e6;
--accent: #7b4242;
--background-accent: #65292c;
--accent: #d4af37;
--background-accent: #e8d8d8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);