Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -6,12 +6,12 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Clock, Coffee, Utensils } from "lucide-react";
+import { Clock, Coffee, Utensils, UtensilsCrossed, Heart, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,89 +31,34 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Ana Sayfa",
-          id: "#hero",
-        },
-        {
-          name: "Hakkımızda",
-          id: "#about",
-        },
-        {
-          name: "Menü",
-          id: "#menu",
-        },
-        {
-          name: "İletişim",
-          id: "#contact",
-        },
+        { name: "Ana Sayfa", id: "#hero" },
+        { name: "Hakkımızda", id: "#about" },
+        { name: "Menü", id: "#menu" },
+        { name: "İletişim", id: "#contact" },
       ]}
       brandName="Lumberjack Cafe"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Uşak'ta Lezzetin Adresi"
-      description="Lumberjack Cafe & Restoran'da gününüze değer katın. Sıcak bir atmosfer ve unutulmaz tatlar sizi bekliyor."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-beautifully-painted-brown-eyes-with-eyeliner-highlighting-features-face-model-red-blouse-sends-air-kiss_197531-12005.jpg",
-          alt: "Guest 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-happy-people-chatting_23-2149152928.jpg",
-          alt: "Guest 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-happy-blonde-hipster-woman-eating-tasty-raspberry-dessert-cake-sitting-cute-bakery-enjoy-her-meal-sweet-breakfast-diet-nutrition-concept_291049-2278.jpg",
-          alt: "Guest 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
-          alt: "Guest 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg",
-          alt: "Guest 5",
-        },
+      <HeroBillboardRotatedCarousel
+      background={{ variant: "rotated-rays-static-grid" }}
+      title="Uşak’ta Kahvaltıdan Steak’e Lezzetin Buluşma Noktası"
+      description="Taze ve doğal ürünlerle hazırlanan, geleneksel ile modernin birleştiği gurme lezzetlerimizi keşfedin."
+      tag="Kahvaltı • Steak & Burger • Aile & Grup"
+      carouselItems={[
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-burger-with-fries_12345.jpg" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-platter_12345.jpg" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/juicy-grilled-steak-with-herbs_12345.jpg" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-salad-with-fresh-vegetables_12345.jpg" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/rustic-dessert-with-coffee_12345.jpg" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-dining-together_12345.jpg" }
       ]}
       buttons={[
-        {
-          text: "Menüyü İncele",
-          href: "#menu",
-        },
-        {
-          text: "Rezervasyon",
-          href: "#contact",
-        },
+        { text: "Menüyü İncele", href: "#menu" },
+        { text: "Rezervasyon Yap", href: "#contact" },
       ]}
       buttonAnimation="slide-up"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Taze Kahveler",
-        },
-        {
-          type: "text",
-          text: "Gurme Lezzetler",
-        },
-        {
-          type: "text",
-          text: "Huzurlu Atmosfer",
-        },
-        {
-          type: "text",
-          text: "Özel Tarifler",
-        },
-        {
-          type: "text",
-          text: "Sıcak Karşılama",
-        },
-      ]}
     />
   </div>
 
@@ -122,15 +67,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Hakkımızda"
       description={[
-        "Cumhuriyet Mh. 3.Sigorta Cd. No:13 adresindeki mekanımızda, misafirlerimize en taze ürünleri gurme dokunuşlarla sunuyoruz.",
-        "Sabah kahvaltılarından akşam yemeklerine kadar her anınızda size eşlik etmekten mutluluk duyarız.",
-      ]}
-      buttons={[
-        {
-          text: "Hakkımızda Daha Fazla",
-          href: "#",
-        },
+        "Cumhuriyet Mh. 3.Sigorta Cd. No:13 adresindeki mekanımızda, misafirlerimize en taze ürünleri gurme dokunuşlarla sunuyoruz.",        "Sabah kahvaltılarından akşam yemeklerine kadar her anınızda size eşlik etmekten mutluluk duyarız."
       ]}
+      buttons={[{ text: "Hakkımızda Daha Fazla", href: "#" }]}
     />
   </div>
 
@@ -140,21 +79,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Coffee,
-          title: "Gurme Kahveler",
-          description: "Özel harman kahvelerimizle güne başlayın.",
-        },
-        {
-          icon: Utensils,
-          title: "Zengin Kahvaltılar",
-          description: "Uşak'ın en zengin kahvaltı seçenekleri.",
-        },
-        {
-          icon: Clock,
-          title: "Geç Saatlere Kadar",
-          description: "09:00 - 24:00 saatleri arasında yanınızdayız.",
-        },
+        { icon: Coffee, title: "Gurme Kahveler", description: "Özel harman kahvelerimizle güne başlayın." },
+        { icon: UtensilsCrossed, title: "Zengin Kahvaltılar", description: "Uşak'ın en zengin kahvaltı seçenekleri." },
+        { icon: Clock, title: "Geç Saatlere Kadar", description: "09:00 - 24:00 saatleri arasında yanınızdayız." }
       ]}
       title="Neden Biz?"
       description="Her detayı özenle düşünülmüş özel bir deneyim."
@@ -168,48 +95,10 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Chipas Kahvesi",
-          price: "45 TL",
-          variant: "Sıcak",
-          imageSrc: "http://img.b2bpic.net/free-photo/toast-egg-bacon-tomatoes-microgreens-salad_2829-4806.jpg",
-        },
-        {
-          id: "2",
-          name: "Serpme Kahvaltı",
-          price: "250 TL",
-          variant: "Gurme",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-container_23-2148523093.jpg",
-        },
-        {
-          id: "3",
-          name: "Taze Kruvasan",
-          price: "60 TL",
-          variant: "Tatlı",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-croissant-with-eggs-fresh-avocadoes-parchment-paper_181624-32953.jpg",
-        },
-        {
-          id: "4",
-          name: "Detox Smoothie",
-          price: "75 TL",
-          variant: "Soğuk",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-glass-freshly-squeezed-juice-her-hands-kitchen_169016-49092.jpg",
-        },
-        {
-          id: "5",
-          name: "Gurme Sandviç",
-          price: "90 TL",
-          variant: "Öğle",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sandwich-with-salmon-onions_23-2148640238.jpg",
-        },
-        {
-          id: "6",
-          name: "Ev Yapımı Pasta",
-          price: "85 TL",
-          variant: "Tatlı",
-          imageSrc: "http://img.b2bpic.net/free-photo/piece-caramel-cake-decorated-with-chocolate-cookies-served-with-tea_140725-8998.jpg",
-        },
+        { id: "1", name: "Serpme Kahvaltı", price: "250 TL", variant: "Gurme", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-platter.jpg" },
+        { id: "2", name: "Premium Burger", price: "180 TL", variant: "Steak & Burger", imageSrc: "http://img.b2bpic.net/free-photo/burger.jpg" },
+        { id: "3", name: "Izgara Steak", price: "320 TL", variant: "Steak & Burger", imageSrc: "http://img.b2bpic.net/free-photo/steak.jpg" },
+        { id: "4", name: "Aile Boyu Tepsi Kebabı", price: "450 TL", variant: "Aile & Grup", imageSrc: "http://img.b2bpic.net/free-photo/tray-kebab.jpg" }
       ]}
       title="Özel Menümüz"
       description="Her damak zevkine uygun lezzetler."
@@ -221,61 +110,11 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ayşe Yılmaz",
-          role: "Müşteri",
-          company: "Uşak",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg",
-        },
-        {
-          id: "2",
-          name: "Mehmet Demir",
-          role: "Müşteri",
-          company: "Uşak",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-cup_291650-1662.jpg",
-        },
-        {
-          id: "3",
-          name: "Zeynep Kaya",
-          role: "Müşteri",
-          company: "Uşak",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/good-looking-young-caucasian-male-hat-holding-cup-coffee_273609-1765.jpg",
-        },
-        {
-          id: "4",
-          name: "Caner Öz",
-          role: "Müşteri",
-          company: "Uşak",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-sitting-caf-eating-muffin_23-2147974613.jpg",
-        },
-        {
-          id: "5",
-          name: "Derya Aras",
-          role: "Müşteri",
-          company: "Uşak",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg",
-        },
-      ]}
+      testimonials={[]}
       kpiItems={[
-        {
-          value: "100+",
-          label: "Memnun Misafir",
-        },
-        {
-          value: "50+",
-          label: "Lezzet Çeşidi",
-        },
-        {
-          value: "4.9",
-          label: "Puan",
-        },
+        { value: "100+", label: "Memnun Misafir" },
+        { value: "50+", label: "Lezzet Çeşidi" },
+        { value: "4.9", label: "Puan" },
       ]}
       title="Misafirlerimiz Ne Diyor?"
       description="Müşterilerimizin yorumlarına kulak verin."
@@ -287,21 +126,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "Çalışma saatleriniz nedir?",
-          content: "Haftanın 7 günü 09:00 - 24:00 arası hizmet veriyoruz.",
-        },
-        {
-          id: "2",
-          title: "Rezervasyon alıyor musunuz?",
-          content: "Evet, özel günleriniz için rezervasyon alıyoruz.",
-        },
-        {
-          id: "3",
-          title: "Nerede bulunuyorsunuz?",
-          content: "Cumhuriyet Mh. 3.Sigorta Cd. No:13, UŞAK.",
-        },
+        { id: "1", title: "Çalışma saatleriniz nedir?", content: "Haftanın 7 günü 09:00 - 24:00 arası hizmet veriyoruz." },
+        { id: "2", title: "Rezervasyon alıyor musunuz?", content: "Evet, özel günleriniz için rezervasyon alıyoruz." },
+        { id: "3", title: "Nerede bulunuyorsunuz?", content: "Cumhuriyet Mh. 3.Sigorta Cd. No:13, UŞAK." },
       ]}
       title="Sıkça Sorulan Sorular"
       description="Bilmek istediğiniz her şey burada."
@@ -312,22 +139,15 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="İletişime Geçin"
-      description="Sorularınız veya rezervasyon talepleriniz için bize ulaşın."
+      title="Rezervasyon & İletişim"
+      description="Özel günleriniz için masanızı ayırtın veya bize sorularınızı iletin."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Adınız",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "E-posta",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Adınız Soyadınız", required: true },
+        { name: "date", type: "date", placeholder: "Tarih", required: true },
+        { name: "guests", type: "number", placeholder: "Kişi Sayısı", required: true },
       ]}
+      textarea={{ name: "message", placeholder: "Özel Notlarınız", rows: 4 }}
+      buttonText="Rezervasyon Oluştur"
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-man-door_23-2149434485.jpg"
     />
   </div>
@@ -335,28 +155,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Lumberjack Cafe",
-          items: [
-            {
-              label: "Adres: Cumhuriyet Mh. 3.Sigorta Cd. No:13, UŞAK",
-              href: "#",
-            },
-            {
-              label: "Tel: 0276 333 11 11",
-              href: "tel:02763331111",
-            },
-          ],
-        },
-        {
-          title: "Çalışma Saatleri",
-          items: [
-            {
-              label: "Pazartesi - Pazar: 09:00 - 24:00",
-              href: "#",
-            },
-          ],
-        },
+        { title: "İletişim", items: [{ label: "Cumhuriyet Mh. 3.Sigorta Cd. No:13, UŞAK", href: "#" }, { label: "0276 333 11 11", href: "tel:02763331111" }] },
+        { title: "Hızlı Erişim", items: [{ label: "Menü", href: "#menu" }, { label: "Rezervasyon", href: "#contact" }] },
+        { title: "Çalışma Saatleri", items: [{ label: "Her gün: 09:00 - 24:00", href: "#" }] },
       ]}
       bottomLeftText="© 2024 Lumberjack Cafe & Restoran"
       bottomRightText="Tüm Hakları Saklıdır"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #1a1a1a;
+  --card: #2a2420;
+  --foreground: #fffcf5;
+  --primary-cta: #ff8c00;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #2a2420;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #d4af37;
+  --background-accent: #2f2b26;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);