Update theme colors

Merge version_4 into main

src/app/blog/page.tsx

@@ -32,6 +32,7 @@ export default function BlogPage() {
                             { name: "About", id: "about" },
                             { name: "Cuts", id: "cuts" },
                             { name: "Experience", id: "experience" },
+                            { name: "Team", id: "team" },
                             { name: "Reviews", id: "testimonials" },
                             { name: "Contact", id: "contact" }
                         ]}
@@ -74,6 +75,7 @@ export default function BlogPage() {
                                 title: "Experience",                                items: [
                                     { label: "About Us", href: "about" },
                                     { label: "Our Story", href: "about" },
+                                    { label: "Team", href: "team" },
                                     { label: "Testimonials", href: "testimonials" }
                                 ]
                             },
@@ -90,4 +92,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -1259,4 +1259,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -2,15 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Flame, ChefHat, Sparkles, Calendar, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send } from 'lucide-react';
+import { Flame, ChefHat, Sparkles, Calendar, Linkedin, Globe } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -33,6 +34,7 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Cuts", id: "cuts" },
             { name: "Experience", id: "experience" },
+            { name: "Team", id: "team" },
             { name: "Reviews", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
@@ -43,7 +45,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
+        <HeroBillboardCarousel
           title="Premium Japanese Steakhouse"
           description="Experience the art of Wagyu perfection. Authentic Japanese steakhouse craftsmanship with the finest cuts, prepared with precision and served in an atmosphere of refined elegance."
           tag="Est. 2020"
@@ -51,35 +53,23 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           buttons={[{ text: "Reserve Now", href: "contact" }]}
           buttonAnimation="slide-up"
-          dashboard={{
+          mediaItems={[
-            title: "Kuro Gyu Excellence",            logoIcon: Hexagon,
+            {
-            imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-professional-chef-wear-black-gloves-making-sushi-rolls-restaurant-kitchen-japanese-traditional-food_627829-6726.jpg",            searchPlaceholder: "Search our menu...",            buttons: [
+              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"
-              { text: "View Menu", href: "cuts" },
+            },
-              { text: "Reserve Now", href: "contact" }
+            {
-            ],
+              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-rare-steak-wooden-board_181624-59117.jpg",              imageAlt: "A5 Wagyu Ribeye"
-            sidebarItems: [
+            },
-              { icon: House, active: true },
+            {
-              { icon: MessageSquareText },
+              imageSrc: "https://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081502.jpg?id=94766451",              imageAlt: "Elegant Dining Room"
-              { icon: Settings }
+            },
-            ],
+            {
-            stats: [
+              imageSrc: "https://img.b2bpic.net/free-photo/side-view-raw-steak-with-barbecue-rosemary_176474-3197.jpg",              imageAlt: "Japanese Prime Filet"
-              { title: "Premium Cuts", values: [15, 18, 22], description: "Signature selections" },
+            },
-              { title: "Satisfaction", values: [98, 99, 100], valueSuffix: "%", description: "Guest rating" },
+            {
-              { title: "Years", values: [15, 20, 25], description: "Of excellence" }
+              imageSrc: "https://img.b2bpic.net/free-photo/top-view-meat-with-salt-cleaver_23-2148610980.jpg",              imageAlt: "Aged Bone-In Ribeye"
-            ],
+            }
-            chartTitle: "Reservation Demand",            chartData: [
+          ]}
-              { value: 80 },
-              { value: 65 },
-              { value: 90 },
-              { value: 75 },
-              { value: 85 }
-            ],
-            listTitle: "Featured Experiences",            listItems: [
-              { icon: CircleDollarSign, title: "A5 Wagyu Ribeye", status: "Premium" },
-              { icon: ArrowLeftRight, title: "Chef's Selection", status: "Exclusive" },
-              { icon: Send, title: "Private Dining", status: "Available" }
-            ]
-          }}
         />
       </div>
 
@@ -93,7 +83,7 @@ export default function LandingPage() {
             { value: "25+", title: "Years of Excellence" },
             { value: "100%", title: "Premium Wagyu" }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/close-up-hands-professional-chef-wear-black-gloves-making-sushi-rolls-restaurant-kitchen-japanese-traditional-food_627829-6726.jpg"
+          imageSrc="https://img.b2bpic.net/premium-photo/sushi-chef-carefully-prepares-plate-fresh-sushi_14117-1112407.jpg?id=293519047"
           imageAlt="Master chef preparing premium steakhouse cuisine"
           mediaAnimation="slide-up"
           metricsAnimation="slide-up"
@@ -140,11 +130,11 @@ export default function LandingPage() {
             },
             {
               id: 2,
-              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/free-photo/close-up-hands-professional-chef-wear-black-gloves-making-sushi-rolls-restaurant-kitchen-japanese-traditional-food_627829-6726.jpg",              imageAlt: "Chef preparing premium steak"
+              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"
             },
             {
               id: 3,
-              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/table-setting_74190-2377.jpg",              imageAlt: "Fine dining restaurant interior"
+              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"
             }
           ]}
           textboxLayout="default"
@@ -152,6 +142,32 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="team" data-section="team">
+        <TeamCardTwo
+          title="Master Chefs"
+          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" }
+              ]
+            }
+          ]}
+          gridVariant="two-columns-alternating-heights"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSix
           title="Guest Testimonials"
@@ -165,7 +181,7 @@ export default function LandingPage() {
               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: "@executive_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/successful-businessman_1098-16854.jpg",              imageAlt: "Marcus Rivera"
+              id: "3",              name: "Marcus Rivera",              handle: "@executive_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"
@@ -240,6 +256,7 @@ export default function LandingPage() {
               title: "Experience",              items: [
                 { label: "About Us", href: "about" },
                 { label: "Our Story", href: "about" },
+                { label: "Team", href: "team" },
                 { label: "Testimonials", href: "testimonials" }
               ]
             },
@@ -255,4 +272,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/shop/[id]/page.tsx

@@ -89,6 +89,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             { name: "About", id: "about" },
                             { name: "Cuts", id: "cuts" },
                             { name: "Experience", id: "experience" },
+                            { name: "Team", id: "team" },
                             { name: "Reviews", id: "testimonials" },
                             { name: "Contact", id: "contact" }
                         ]}
@@ -114,6 +115,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 title: "Experience",                                items: [
                                     { label: "About Us", href: "about" },
                                     { label: "Our Story", href: "about" },
+                                    { label: "Team", href: "team" },
                                     { label: "Testimonials", href: "testimonials" }
                                 ]
                             },
@@ -155,6 +157,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 { name: "About", id: "about" },
                                 { name: "Cuts", id: "cuts" },
                                 { name: "Experience", id: "experience" },
+                                { name: "Team", id: "team" },
                                 { name: "Reviews", id: "testimonials" },
                                 { name: "Contact", id: "contact" }
                             ]}
@@ -188,6 +191,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 title: "Experience",                                items: [
                                     { label: "About Us", href: "about" },
                                     { label: "Our Story", href: "about" },
+                                    { label: "Team", href: "team" },
                                     { label: "Testimonials", href: "testimonials" }
                                 ]
                             },
@@ -228,6 +232,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                         { name: "About", id: "about" },
                         { name: "Cuts", id: "cuts" },
                         { name: "Experience", id: "experience" },
+                        { name: "Team", id: "team" },
                         { name: "Reviews", id: "testimonials" },
                         { name: "Contact", id: "contact" }
                     ]}
@@ -286,6 +291,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             title: "Experience",                            items: [
                                 { label: "About Us", href: "about" },
                                 { label: "Our Story", href: "about" },
+                                { label: "Team", href: "team" },
                                 { label: "Testimonials", href: "testimonials" }
                             ]
                         },
@@ -302,4 +308,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -42,6 +42,7 @@ export default function ShopPage() {
                             { name: "About", id: "about" },
                             { name: "Cuts", id: "cuts" },
                             { name: "Experience", id: "experience" },
+                            { name: "Team", id: "team" },
                             { name: "Reviews", id: "testimonials" },
                             { name: "Contact", id: "contact" }
                         ]}
@@ -67,6 +68,7 @@ export default function ShopPage() {
                                 title: "Experience",                                items: [
                                     { label: "About Us", href: "about" },
                                     { label: "Our Story", href: "about" },
+                                    { label: "Team", href: "team" },
                                     { label: "Testimonials", href: "testimonials" }
                                 ]
                             },
@@ -107,6 +109,7 @@ export default function ShopPage() {
                         { name: "About", id: "about" },
                         { name: "Cuts", id: "cuts" },
                         { name: "Experience", id: "experience" },
+                        { name: "Team", id: "team" },
                         { name: "Reviews", id: "testimonials" },
                         { name: "Contact", id: "contact" }
                     ]}
@@ -140,6 +143,7 @@ export default function ShopPage() {
                             title: "Experience",                            items: [
                                 { label: "About Us", href: "about" },
                                 { label: "Our Story", href: "about" },
+                                { label: "Team", href: "team" },
                                 { label: "Testimonials", href: "testimonials" }
                             ]
                         },
@@ -156,4 +160,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/styles/variables.css

@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #0a0a0a;;
+  /* --background: #0a0a0a;;;;
-  --card: #1a1a1a;;
+  --card: #1a1a1a;;;;
-  --foreground: #f5f5f5;;
+  --foreground: #f5f5f5;;;;
-  --primary-cta: #dc2626;;
+  --primary-cta: #ff0000;;;;
-  --secondary-cta: #1a1a1a;;
+  --secondary-cta: #1a1a1a;;;;
-  --accent: #991b1b;;
+  --accent: #991b1b;;;;
-  --background-accent: #7f1d1d;; */
+  --background-accent: #7f1d1d;;;; */
 
-  --background: #0a0a0a;;
+  --background: #0a0a0a;;;;
-  --card: #1a1a1a;;
+  --card: #1a1a1a;;;;
-  --foreground: #f5f5f5;;
+  --foreground: #f5f5f5;;;;
-  --primary-cta: #dc2626;;
+  --primary-cta: #ff0000;;;;
-  --secondary-cta: #1a1a1a;;
+  --secondary-cta: #1a1a1a;;;;
-  --accent: #991b1b;;
+  --accent: #991b1b;;;;
-  --background-accent: #7f1d1d;;
+  --background-accent: #7f1d1d;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);