Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -5,13 +5,14 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import { Star, ChefHat, Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -57,9 +58,9 @@ export default function LandingPage() {
   </div>
 
   <div id="home" data-section="home">
-      <HeroBillboardGallery
+      <HeroSplit
       background={{
-        variant: "plain"}}
+        variant: "canvas-reveal"}}
       title="Geleneksel Ateşin Modern Yüzü"
       description="Every cut tells a story—from the hearth to your table, experience the mastery of the Zırh where premium kebap tradition meets Başakşehir sophistication."
       buttons={[
@@ -68,21 +69,18 @@ export default function LandingPage() {
         {
           text: "Menüyü İncele",          href: "#menu"},
       ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plate-aubergine-wraps-stuffed-with-fillings_140725-8643.jpg?_wi=1",          imageAlt: "Gourmet kebap platter at Sare Restaurant"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg?_wi=1",          imageAlt: "Luxurious interior dining area of Sare Restaurant"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-cooking-japanese-street-food_23-2149410195.jpg?_wi=1",          imageAlt: "Chef demonstrating Zırh kebap technique"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-fried-orange-slice_141793-1125.jpg?_wi=1",          imageAlt: "Premium cocktails and dessert presentation"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/puts-glass-waiter-hand-gloves-worker-is-engaged-serving-table_146671-14409.jpg",          imageAlt: "Elegant outdoor seating at Sare Restaurant"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-red-tomatoes-dark-background_179666-19354.jpg",          imageAlt: "Fresh, high-quality ingredients for kebaps"},
+      imageSrc="http://img.b2bpic.net/free-photo/plate-aubergine-wraps-stuffed-with-fillings_140725-8643.jpg?_wi=1"
+      imageAlt="Gourmet kebap platter at Sare Restaurant"
+      mediaAnimation="slide-up"
+      marqueeItems={[
+        { type: "text-icon", text: "Zırh Mastery", icon: ChefHat },
+        { type: "text", text: "Fresh Ingredients" },
+        { type: "text-icon", text: "Award-Winning", icon: Award },
+        { type: "text", text: "Fine Dining Experience" },
+        { type: "text-icon", text: "Başakşehir's Best", icon: Star },
       ]}
-      mediaAnimation="opacity"
+      marqueeSpeed={40}
+      showMarqueeCard={true}
     />
   </div>
 

src/app/styles/variables.css

@@ -18,7 +18,7 @@
   --secondary-cta: #f9f9f9;
   --secondary-cta-text: #120a00e6;
   --accent: #e2e2e2;
-  --background-accent: #E34400;
+  --background-accent: #060505;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);