Merge version_4 into main

Merge version_4 into main

src/app/location/page.tsx

@@ -0,0 +1,122 @@
+"use client";
+
+import { Metadata } from "next";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqBase from '@/components/sections/faq/FaqBase';
+
+export const metadata: Metadata = {
+  title: 'Burg Burger | Konum ve Harita',
+  description: 'Burg Burger İstanbul şubesinin konumunu ve yol tariflerini alın. Size en yakın lezzet durağı.',
+};
+
+const updatedNavItems = [
+  { name: "Ana Sayfa", id: "/" },
+  { name: "Menü", id: "/#menu" },
+  { name: "Hakkımızda", id: "/#about" },
+  { name: "Galeri", id: "/gallery" },
+  { name: "Sipariş Ver", id: "/order" },
+  { name: "Konum", id: "/location" },
+  { name: "Rezervasyon", id: "/reservations" },
+  { name: "Yorumlar", id: "/#testimonials" },
+  { name: "İletişim", id: "/#contact" }
+];
+
+const updatedFooterColumns = [
+  {
+    title: "Hızlı Erişim",    items: [
+      { label: "Ana Sayfa", href: "/" },
+      { label: "Menü", href: "/#menu" },
+      { label: "Hakkımızda", href: "/#about" },
+      { label: "Galeri", href: "/gallery" },
+      { label: "Sipariş Ver", href: "/order" },
+      { label: "Konum", href: "/location" },
+      { label: "Rezervasyon", href: "/reservations" }
+    ]
+  },
+  {
+    title: "Yardım",    items: [
+      { label: "İletişim", href: "/#contact" },
+      { label: "Sıkça Sorulan Sorular", href: "/#faq" },
+      { label: "Gizlilik Politikası", href: "#" }
+    ]
+  },
+  {
+    title: "Sosyal Medya",    items: [
+      { label: "Instagram", href: "#" },
+      { label: "Facebook", href: "#" },
+      { label: "Twitter", href: "#" }
+    ]
+  }
+];
+
+export default function LocationPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="largeSmall"
+        background="circleGradient"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={updatedNavItems}
+            logoSrc="http://img.b2bpic.net/free-vector/hamburger-shield-crown-logo-design_474888-5004.jpg"
+            logoAlt="Burg Burger Logo"
+            brandName="Burg Burger"
+            button={{ text: "Şimdi Sipariş Ver", href: "/order" }}
+          />
+        </div>
+
+        <div id="location-map" data-section="location-map">
+          <ContactText
+            text="Bizi Ziyaret Edin"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+            buttons={[
+              { text: "Yol Tarifi Al", href: "https://www.google.com/maps/dir/?api=1&destination=Burg+Burger+Istanbul", onClick: () => console.log('Yol Tarifi Al') },
+              { text: "Hemen Ara", href: "tel:+902121234567" }
+            ]}
+          />
+        </div>
+
+        <div id="location-details" data-section="location-details">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "address", title: "Adres", content: "Burg Burger İstanbul Şubesi\nÖrnek Mah. Cumhuriyet Cad. No:123\nKadıköy/İstanbul" },
+              { id: "hours", title: "Çalışma Saatleri", content: "Haftanın her günü: 11:00 - 23:00" },
+              { id: "contact-info", title: "İletişim", content: "Telefon: +90 212 123 45 67\nE-posta: info@burgburger.com.tr" }
+            ]}
+            title="Detaylı Bilgiler"
+            description="Şubemiz hakkında daha fazla bilgi edinin."
+            faqsAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/front-view-fresh-red-tomatoes-with-kumquats-dark-surface-color-salad-meal-food-health-diet-pepper_179666-24549.jpg"
+            imageAlt="Restaurant kitchen background"
+            logoSrc="http://img.b2bpic.net/free-vector/hamburger-shield-crown-logo-design_474888-5004.jpg"
+            logoAlt="Burg Burger Logo"
+            logoText="Burg Burger"
+            columns={updatedFooterColumns}
+            copyrightText="© 2024 Burg Burger. Tüm Hakları Saklıdır."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,18 +2,60 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 
-export default function LandingPage() {
+import { Star, Shield, ArrowRight, Circle, Instagram, Facebook, Twitter } from 'lucide-react';
+
+const navItems = [
+  { name: "Ana Sayfa", id: "/" },
+  { name: "Menü", id: "/#menu" },
+  { name: "Hakkımızda", id: "/#about" },
+  { name: "Galeri", id: "/gallery" },
+  { name: "Sipariş Ver", id: "/order" },
+  { name: "Konum", id: "/location" },
+  { name: "Rezervasyon", id: "/reservations" },
+  { name: "Yorumlar", id: "/#testimonials" },
+  { name: "İletişim", id: "/#contact" }
+];
+
+const footerColumns = [
+  {
+    title: "Hızlı Erişim",    items: [
+      { label: "Ana Sayfa", href: "/" },
+      { label: "Menü", href: "/#menu" },
+      { label: "Hakkımızda", href: "/#about" },
+      { label: "Galeri", href: "/gallery" },
+      { label: "Sipariş Ver", href: "/order" },
+      { label: "Konum", href: "/location" },
+      { label: "Rezervasyon", href: "/reservations" }
+    ]
+  },
+  {
+    title: "Yardım",    items: [
+      { label: "İletişim", href: "/#contact" },
+      { label: "Sıkça Sorulan Sorular", href: "/#faq" },
+      { label: "Gizlilik Politikası", href: "#" }
+    ]
+  },
+  {
+    title: "Sosyal Medya",    items: [
+      { label: "Instagram", href: "#" },
+      { label: "Facebook", href: "#" },
+      { label: "Twitter", href: "#" }
+    ]
+  }
+];
+
+export default function Home() {
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -28,483 +70,152 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Ana Sayfa",
-          id: "#hero",
-        },
-        {
-          name: "Menü",
-          id: "#menu",
-        },
-        {
-          name: "Hakkımızda",
-          id: "#about",
-        },
-        {
-          name: "Yorumlar",
-          id: "#testimonials",
-        },
-        {
-          name: "İletişim",
-          id: "#contact",
-        },
-      ]}
-      logoSrc="http://img.b2bpic.net/free-vector/hamburger-shield-crown-logo-design_474888-5004.jpg"
-      logoAlt="Burg Burger Logo"
-      brandName="Burg Burger"
-      button={{
-        text: "Şimdi Sipariş Ver",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={navItems}
+            logoSrc="http://img.b2bpic.net/free-vector/hamburger-shield-crown-logo-design_474888-5004.jpg"
+            logoAlt="Burg Burger Logo"
+            brandName="Burg Burger"
+            button={{ text: "Şimdi Sipariş Ver", href: "/order" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "downward-rays-static-grid",
-      }}
-      title="Mersin'in En İyi Burger Deneyimi!"
-      description="Taze malzemelerle hazırlanan eşsiz lezzetler ve sıcak bir atmosferde unutulmaz anlar sizi bekliyor. Her ısırıkta gerçek bir ziyafet!"
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesy-meat-burger-with-seasonings-dark-floor-bun-sandwich-meat-fries_140725-82161.jpg",
-          imageAlt: "Gourmet Burger",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/flavorful-potato-fries-wooden-plate-plate-marble-surface_114579-41199.jpg",
-          imageAlt: "Crispy Fries",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-beverage-tall-glass_23-2148437037.jpg",
-          imageAlt: "Refreshing Drink",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg",
-          imageAlt: "Restaurant Interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151293053.jpg",
-          imageAlt: "Classic Cheeseburger",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-potato-fries-wooden-table_23-2148501555.jpg",
-          imageAlt: "Curly Fries",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-fast-grilled-burger_1203-4258.jpg",
-          imageAlt: "Classic Cheeseburger",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-fried-potatoes-tasty-french-fries-inside-plate-dark-surface-food-meal-dinner-dish-ingredients-potato_140725-52670.jpg",
-          imageAlt: "Curly Fries",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/iced-tea-with-lime-ice_114579-7145.jpg",
-          imageAlt: "Fresh Juice",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-hamburger-with-copy-space_23-2148614102.jpg",
-          imageAlt: "Gourmet Burger",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-ketchup_23-2151985480.jpg",
-          imageAlt: "Crispy Fries",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-slice-lemon-floating-blue-cold-cocktail-with-bubbles_23-2148196160.jpg",
-          imageAlt: "Refreshing Drink",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Menümüzü Keşfedin",
-          href: "#menu",
-        },
-        {
-          text: "Şimdi Sipariş Verin",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149303569.jpg",
-          alt: "Close up on person enjoying food",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-delicious-sandwiches-with-sliced-tomatoes-healthy-life-writing-grey-surface-snack-bun-burger-sandwich-bread_140725-85905.jpg",
-          alt: "Top view delicious sandwiches with sliced tomatoes and healthy life writing on grey surface snack bun burger sandwich bread",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/image-smiling-beautiful-woman-sits-kitchen-holds-smartphone-tomato-looks-happy-orders_1258-198254.jpg",
-          alt: "Image of smiling beautiful woman sits in kitchen holds smartphone and tomato looks happy orders",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-girl-eats-sushi-sitting-grass-park_169016-21088.jpg",
-          alt: "Beautiful girl eats sushi sitting on the grass in the park",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-eating-delicious-pizza_23-2150280253.jpg",
-          alt: "Front view woman eating delicious pizza",
-        },
-      ]}
-      avatarText="Binlerce mutlu müşteri!"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/revolution-logo-branding-identity-corporate-vector-design_460848-16636.jpg",
-          alt: "Revolution Logo Branding Identity Corporate Vector Design",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-psd/small-business-template-design_23-2151376239.jpg",
-          alt: "Small business  template design",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/restaurant-logo-template_23-2149493588.jpg",
-          alt: "Restaurant logo template",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/red-yellow-logo-restaurant_1017-4316.jpg",
-          alt: "Red and yellow logo for a restaurant",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/travel-quote-design_1319-250.jpg",
-          alt: "Travel quote design",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            title="Lezzetin Zirvesi"
+            description="Enfes burgerlerimizle damaklarınızda unutulmaz bir tat bırakıyoruz. Burg Burger farkını keşfedin!"
+            background={{ variant: "sparkles-gradient" }}
+            leftCarouselItems={[
+              { imageSrc: "https://freepik.com/image.jpg?id=1", imageAlt: "Delicious beef burger" },
+              { imageSrc: "https://freepik.com/image.jpg?id=2", imageAlt: "Crispy french fries" }
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "https://freepik.com/image.jpg?id=3", imageAlt: "Refreshing drink" },
+              { imageSrc: "https://freepik.com/image.jpg?id=4", imageAlt: "Gourmet burger" }
+            ]}
+            tag="Yeni Tatlar"
+            avatarText="Binlerce mutlu müşteri"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Burg Burger Hikayesi"
-      description={[
-        "Mersin'de tutkuyla başlayan bir lezzet yolculuğu. Burg Burger olarak, her bir burgerimizde tazelik, kalite ve yenilikçi tatları bir araya getiriyoruz. Amacımız, misafirlerimize sadece bir yemek değil, unutulmaz bir deneyim sunmak.",
-        "Yerel tedarikçilerden aldığımız en taze malzemelerle, kendi özel tariflerimizle hazırladığımız köfteleri ve sosları birleştiriyoruz. Kaliteden ödün vermeden, her zaman en iyisini sunmak için çalışıyoruz.",
-      ]}
-      buttons={[
-        {
-          text: "Daha Fazla Bilgi",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            title="Hikayemiz"
+            description={[
+              "Burg Burger olarak, en taze malzemelerle hazırladığımız eşsiz burgerleri sunmaktan gurur duyuyoruz. Her bir burger, lezzet tutkunları için özel olarak tasarlanmıştır.",              "Yılların verdiği tecrübe ile, geleneksel tatları modern dokunuşlarla birleştirerek, sizlere unutulmaz bir yemek deneyimi yaşatıyoruz. Kalite ve müşteri memnuniyeti her zaman önceliğimizdir."
+            ]}
+            useInvertedBackground={false}
+            buttons={[{ text: "Daha Fazla Bilgi", href: "/about" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "El Yapımı Köfteler",
-          description: "Günlük taze çekilmiş, özel baharatlarla harmanlanmış, %100 dana etinden hazırlanan köftelerimiz.",
-          tag: "Özel",
-          imageSrc: "http://img.b2bpic.net/free-photo/fake-brain-fingers-halloween-party_24837-401.jpg",
-          imageAlt: "Handmade Meat Patties",
-        },
-        {
-          id: "f2",
-          title: "Yerel & Taze Malzemeler",
-          description: "Bölgesel çiftliklerden gelen günlük taze sebzeler ve özenle seçilmiş ekmekler kullanıyoruz.",
-          tag: "Doğal",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-produce-tote-bag_23-2152003890.jpg",
-          imageAlt: "Local Fresh Vegetables",
-        },
-        {
-          id: "f3",
-          title: "Özgün Soslar",
-          description: "Burg Burger'a özgü, başka yerde bulamayacağınız gizli tariflerle hazırlanan özel soslarımız.",
-          tag: "Benzersiz",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-healthy-vegan-vegetarian-meal-salad-summer-cafe-natural-day-light_343596-1872.jpg",
-          imageAlt: "Unique Secret Sauces",
-        },
-        {
-          id: "f4",
-          title: "Hızlı & Güler Yüzlü Servis",
-          description: "Siparişleriniz en kısa sürede, sıcak ve güler yüzlü ekibimiz tarafından sizlere ulaştırılır.",
-          tag: "Hızlı",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12306.jpg",
-          imageAlt: "Fast Friendly Service",
-        },
-      ]}
-      title="Neden Burg Burger'ı Seçmelisiniz?"
-      description="Lezzet ve kaliteden ödün vermeyen, fark yaratan özelliklerimizle tanışın."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardMedia
+            title="Neden Biz?"
+            description="Burg Burger'ı tercih etmeniz için birçok neden var. İşte sadece birkaçı:"
+            features={[
+              {
+                id: "fresh-ingredients",                title: "Taze Malzemeler",                description: "Her gün taze olarak temin edilen en kaliteli malzemelerle hazırlanır.",                tag: "Kalite",                imageSrc: "https://freepik.com/image.jpg?id=5",                imageAlt: "Fresh vegetables"
+              },
+              {
+                id: "unique-recipes",                title: "Özgün Tarifler",                description: "Şeflerimizin özel tarifleriyle hazırlanan eşsiz lezzetler.",                tag: "Lezzet",                imageSrc: "https://freepik.com/image.jpg?id=6",                imageAlt: "Chef cooking"
+              },
+              {
+                id: "fast-delivery",                title: "Hızlı Teslimat",                description: "Sıcak ve taze burgerleriniz kapınıza kadar gelir.",                tag: "Servis",                imageSrc: "https://freepik.com/image.jpg?id=7",                imageAlt: "Delivery box"
+              }
+            ]}
+            animationType="slide-up"
+            useInvertedBackground={true}
+            textboxLayout="default"
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Klasik Burger",
-          price: "₺120",
-          variant: "Tek Köfteli",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-burger-newspaper_23-2148238418.jpg",
-          imageAlt: "Klasik Burger",
-        },
-        {
-          id: "p2",
-          name: "Duble Peynirli Burger",
-          price: "₺160",
-          variant: "Çift Köfteli",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637309.jpg",
-          imageAlt: "Duble Peynirli Burger",
-        },
-        {
-          id: "p3",
-          name: "Acı Soslu Burger",
-          price: "₺140",
-          variant: "Baharatlı Sos",
-          imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-tomato-onion-beans-walnuts-side-view_141793-2391.jpg",
-          imageAlt: "Acı Soslu Burger",
-        },
-        {
-          id: "p4",
-          name: "Mantar Burger",
-          price: "₺150",
-          variant: "Kremalı Mantar Sos",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-made-chicken-burger-with-champagne-french-fries-lettuce-tomato-onion-wooden-board_1150-1856.jpg",
-          imageAlt: "Mantar Burger",
-        },
-        {
-          id: "p5",
-          name: "Tavuk Burger",
-          price: "₺110",
-          variant: "Çıtır Tavuk",
-          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-chicken-burger-tomatoes-red-onion-lettuce_2829-11151.jpg",
-          imageAlt: "Tavuk Burger",
-        },
-        {
-          id: "p6",
-          name: "Vejetaryen Burger",
-          price: "₺130",
-          variant: "Bitki Bazlı",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-made-delicious-big-hamburger_23-2148374920.jpg",
-          imageAlt: "Vejetaryen Burger",
-        },
-      ]}
-      title="Menümüzden Seçmeler"
-      description="Klasiklerden gurme lezzetlere, her damak zevkine uygun burgerler! En özel tariflerimizle hazırlanan lezzetleri keşfedin."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardFour
+            title="Menümüz"
+            description="Geniş menümüzden damak zevkinize uygun burgeri seçin."
+            products={[
+              { id: "burger-classic", name: "Klasik Burger", price: "200 TL", variant: "Tekli", imageSrc: "https://freepik.com/image.jpg?id=8", imageAlt: "Classic burger" },
+              { id: "burger-cheeseburger", name: "Cheeseburger", price: "220 TL", variant: "Tekli", imageSrc: "https://freepik.com/image.jpg?id=9", imageAlt: "Cheeseburger" },
+              { id: "burger-double", name: "Double Burger", price: "300 TL", variant: "Çift Köfteli", imageSrc: "https://freepik.com/image.jpg?id=10", imageAlt: "Double burger" },
+              { id: "burger-spicy", name: "Acı Burger", price: "230 TL", variant: "Baharatlı", imageSrc: "https://freepik.com/image.jpg?id=11", imageAlt: "Spicy burger" }
+            ]}
+            animationType="scale-rotate"
+            useInvertedBackground={false}
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Ayşe Yılmaz",
-          role: "Gıda Blog Yazarı",
-          testimonial: "Mersin'deki en iyi burger! Köftelerin lezzeti, sosların özgünlüğü ve ekmeğin tazeliği bir araya gelince ortaya muhteşem bir şölen çıkıyor.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
-          imageAlt: "Ayşe Yılmaz",
-        },
-        {
-          id: "t2",
-          name: "Can Demir",
-          role: "Yerel Rehber",
-          testimonial: "Her hafta Burg Burger'a geliyorum ve her seferinde aynı kaliteyi ve lezzeti buluyorum. Favorim Duble Peynirli Burger!",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-masks-burgers_23-2148705563.jpg",
-          imageAlt: "Can Demir",
-        },
-        {
-          id: "t3",
-          name: "Elif Kara",
-          role: "Öğrenci",
-          testimonial: "Harika bir atmosfer ve güler yüzlü hizmet. Arkadaşlarımla sık sık uğradığımız bir yer. Fiyatlar da gayet uygun.",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-taking-selfie-while-eating-fast-food_23-2148718859.jpg",
-          imageAlt: "Elif Kara",
-        },
-        {
-          id: "t4",
-          name: "Murat Akın",
-          role: "Girişimci",
-          testimonial: "Acı Soslu Burger'ı denemeden geçmeyin! Bağımlılık yapan bir tadı var. Servis de çok hızlıydı.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-taking-photo-seafood-dish-with-salmon_23-2150463274.jpg",
-          imageAlt: "Murat Akın",
-        },
-        {
-          id: "t5",
-          name: "Zeynep Tunç",
-          role: "Mimar",
-          testimonial: "Mantar Burger tam bir lezzet şöleni. Kullanılan malzemelerin kalitesi kendini belli ediyor. Kesinlikle tavsiye ederim.",
-          imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-asian-girl-waitress-from-cafe-showing-mobile-phone-application-pointing_1258-199362.jpg",
-          imageAlt: "Zeynep Tunç",
-        },
-        {
-          id: "t6",
-          name: "Emre Güler",
-          role: "Teknoloji Uzmanı",
-          testimonial: "Online sipariş sistemi çok pratik, burgerler sıcak ve taze geliyor. Favori mekanım oldu!",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
-          imageAlt: "Couple enjoying food in restaurant",
-        },
-      ]}
-      title="Misafirlerimiz Ne Diyor?"
-      description="Burg Burger deneyimini yaşayanların ağzından gerçek yorumlar."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            title="Müşteri Yorumları"
+            description="Müşterilerimizden gelen geri bildirimler."
+            testimonials={[
+              {
+                id: "t1",                name: "Ayşe Yılmaz",                role: "Öğrenci",                testimonial: "Hayatımda yediğim en iyi burger! Herkese tavsiye ederim.",                imageSrc: "https://freepik.com/image.jpg?id=12",                imageAlt: "Ayşe Yılmaz"
+              },
+              {
+                id: "t2",                name: "Can Demir",                role: "Mühendis",                testimonial: "Hızlı servis, lezzetli yemekler. Favori burgercime dönüştü.",                imageSrc: "https://freepik.com/image.jpg?id=13",                imageAlt: "Can Demir"
+              },
+              {
+                id: "t3",                name: "Elif Kaya",                role: "Tasarımcı",                testimonial: "Menüdeki çeşitlilik harika ve her biri birbirinden lezzetli.",                imageSrc: "https://freepik.com/image.jpg?id=14",                imageAlt: "Elif Kaya"
+              }
+            ]}
+            animationType="blur-reveal"
+            useInvertedBackground={true}
+            textboxLayout="default"
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Gıda Blog Yazarları",
-        "Yerel Lezzet Rehberleri",
-        "Gurme Yorumcular",
-        "Tat Deneyimi Uzmanları",
-        "Şehirde Ne Yenir?",
-        "Lezzet Avcıları",
-        "En İyi Restoranlar",
-      ]}
-      title="Bizi Tercih Edenler & Güvenenler"
-      description="Kalitemiz ve lezzetimiz, sektördeki otoriteler ve yerel topluluk tarafından da takdir edilmektedir."
-      speed={30}
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            title="İş Ortaklarımız"
+            description="Güvenilir tedarikçilerimiz ve iş ortaklarımız."
+            names={["Pepsi", "Coca-Cola", "McDonald's", "Burger King", "KFC", "Subway"]}
+            useInvertedBackground={false}
+            textboxLayout="default"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "faq1",
-          title: "Çalışma saatleriniz nedir?",
-          content: "Haftanın her günü 11:00 - 22:00 arası açığız. Özel günler ve tatil saatleri için lütfen sosyal medya hesaplarımızı takip edin.",
-        },
-        {
-          id: "faq2",
-          title: "Teslimat hizmetiniz var mı?",
-          content: "Evet, Mersin Yenişehir bölgesine hızlı ve sıcak teslimat hizmetimiz bulunmaktadır. Online sipariş platformlarımızdan veya telefonla sipariş verebilirsiniz.",
-        },
-        {
-          id: "faq3",
-          title: "Vejetaryen/vegan seçenekleriniz var mı?",
-          content: "Kesinlikle! Lezzetli vejetaryen burgerimizle sizi bekliyoruz. Vegan seçenekler üzerinde çalışıyoruz, çok yakında menümüzde yer alacaklar.",
-        },
-        {
-          id: "faq4",
-          title: "Rezervasyon gerekli mi?",
-          content: "Özellikle yoğun saatlerde (akşam yemekleri ve hafta sonları) rezervasyon yaptırmanız önerilir. Ancak, her zaman misafir ağırlamaktan mutluluk duyarız.",
-        },
-        {
-          id: "faq5",
-          title: "Menünüzde özel istekleri karşılıyor musunuz?",
-          content: "Mümkün olduğunca misafirlerimizin özel isteklerini karşılamaya çalışıyoruz. Lütfen sipariş verirken özel notlarınızı belirtiniz veya ekibimizle iletişime geçiniz.",
-        },
-      ]}
-      title="Sıkça Sorulan Sorular"
-      description="Burg Burger hakkında merak ettiğiniz tüm soruların cevapları burada."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            title="Sıkça Sorulan Sorular"
+            description="Merak ettiğiniz her şey burada."
+            faqs={[
+              { id: "faq1", title: "Siparişimi nasıl verebilirim?", content: "Web sitemizden veya telefonla sipariş verebilirsiniz." },
+              { id: "faq2", title: "Teslimat süresi ne kadar?", content: "Ortalama 30-45 dakika içinde teslimat yapıyoruz." },
+              { id: "faq3", title: "Vegan seçenekleriniz var mı?", content: "Evet, menümüzde vegan burger seçeneklerimiz bulunmaktadır." }
+            ]}
+            faqsAnimation="slide-up"
+            useInvertedBackground={true}
+            textboxLayout="default"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-static-grid",
-      }}
-      text="Bize Ulaşın"
-      buttons={[
-        {
-          text: "Yol Tarifi Al",
-          href: "https://maps.app.goo.gl/hUgu6bUJfa1j9zTP8",
-        },
-        {
-          text: "Hemen Ara: +90 324 329 03 04",
-          href: "tel:+903243290304",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            text="Bize Ulaşın!"
+            buttons={[
+              { text: "Hemen Ara", href: "tel:+902121234567" },
+              { text: "E-posta Gönder", href: "mailto:info@burgburger.com.tr" }
+            ]}
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-fresh-red-tomatoes-with-kumquats-dark-surface-color-salad-meal-food-health-diet-pepper_179666-24549.jpg"
-      imageAlt="Restaurant kitchen background"
-      logoSrc="http://img.b2bpic.net/free-vector/hamburger-shield-crown-logo-design_474888-5004.jpg"
-      logoAlt="Burg Burger Logo"
-      logoText="Burg Burger"
-      columns={[
-        {
-          title: "Hızlı Erişim",
-          items: [
-            {
-              label: "Ana Sayfa",
-              href: "#hero",
-            },
-            {
-              label: "Menü",
-              href: "#menu",
-            },
-            {
-              label: "Hakkımızda",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Yardım",
-          items: [
-            {
-              label: "İletişim",
-              href: "#contact",
-            },
-            {
-              label: "Sıkça Sorulan Sorular",
-              href: "#faq",
-            },
-            {
-              label: "Gizlilik Politikası",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Sosyal Medya",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Burg Burger. Tüm Hakları Saklıdır."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/front-view-fresh-red-tomatoes-with-kumquats-dark-surface-color-salad-meal-food-health-diet-pepper_179666-24549.jpg"
+            imageAlt="Restaurant kitchen background"
+            logoSrc="http://img.b2bpic.net/free-vector/hamburger-shield-crown-logo-design_474888-5004.jpg"
+            logoAlt="Burg Burger Logo"
+            logoText="Burg Burger"
+            columns={footerColumns}
+            copyrightText="© 2024 Burg Burger. Tüm Hakları Saklıdır."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #106EFB;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #106EFB;
+  --background: #fcf6ec;
+  --card: #f3ede2;
+  --foreground: #2e2521;
+  --primary-cta: #2e2521;
+  --primary-cta-text: #fcf6ec;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #2e2521;
+  --accent: #b2a28b;
+  --background-accent: #b2a28b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);