263 lines
8.0 KiB
TypeScript
263 lines
8.0 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="circleGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Ana Sayfa",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Hakkımızda",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Menü",
|
||
id: "menu",
|
||
},
|
||
{
|
||
name: "Rezervasyon",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Mıdık Kazbaşı"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlay
|
||
title="Adana'nın Kalbinde Bir Efsane: Mıdık Kazbaşı"
|
||
description="Murat Ezgü liderliğinde, geleneksel Adana kebabını modern lüksle birleştiren unutulmaz bir lezzet yolculuğuna davetlisiniz."
|
||
buttons={[
|
||
{
|
||
text: "Rezervasyon Yap",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "Menüyü İncele",
|
||
href: "#menu",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/waiter-carrying-tray-with-meat-fire_23-2148131953.jpg"
|
||
imageAlt="Mıdık Kazbaşı Restaurant Ambiyansı"
|
||
showDimOverlay={true}
|
||
showBlur={true}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiling-man-enjoying-croissant_1170-631.jpg",
|
||
alt: "Ahmet Yılmaz",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg",
|
||
alt: "Ayşe Demir",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/side-view-man-luxury-restaurant_23-2150598353.jpg",
|
||
alt: "Mehmet Can",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/informal-talk-with-best-friends-restaurant-warm-summer-day_8353-9702.jpg",
|
||
alt: "Elif Kaya",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156202.jpg",
|
||
alt: "Murat Serin",
|
||
},
|
||
]}
|
||
avatarText="1000+ Mutlu Misafir"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
useInvertedBackground={false}
|
||
title="Kalite ve Samimiyetin Adresi: Murat Ezgü ile Mıdık Kazbaşı"
|
||
buttons={[
|
||
{
|
||
text: "Hakkımızda Daha Fazla Bilgi",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "1",
|
||
name: "Adana Kebap",
|
||
price: "₺450",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-with-liver-fresh-vegetables_2829-19546.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Soğuk Mezeler",
|
||
price: "₺120",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-dark-grey-space_140725-83767.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Cevizli Çiğ Köfte",
|
||
price: "₺180",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-raw-meat-dish-turkish-cuisines-cig-kofte-with-lemon-lettuce_140725-12128.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Kuzu Şiş",
|
||
price: "₺480",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-with-liver-fresh-vegetables_2829-19546.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Ev Yapımı Şalgam",
|
||
price: "₺60",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-dark-grey-space_140725-83767.jpg",
|
||
},
|
||
{
|
||
id: "6",
|
||
name: "Özel Karışık Izgara",
|
||
price: "₺650",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-raw-meat-dish-turkish-cuisines-cig-kofte-with-lemon-lettuce_140725-12128.jpg",
|
||
},
|
||
]}
|
||
title="İmza Lezzetlerimiz"
|
||
description="Adana kebabından ev yapımı şalgamımıza, cevizli çiğ köftemizden meşhur mezelerimize kadar her tabakta kalite."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwelve
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Ahmet Yılmaz",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-enjoying-croissant_1170-631.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Ayşe Demir",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Mehmet Can",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-luxury-restaurant_23-2150598353.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Elif Kaya",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/informal-talk-with-best-friends-restaurant-warm-summer-day_8353-9702.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Murat Serin",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156202.jpg",
|
||
},
|
||
]}
|
||
cardTitle="Misafirlerimizin Kaleminden"
|
||
cardAnimation="blur-reveal"
|
||
cardTag="Yorumlar"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={true}
|
||
title="Rezervasyonunuzu Oluşturun"
|
||
description="Adana'nın en keyifli kebap deneyimi için yerinizi şimdiden ayırtın."
|
||
inputs={[
|
||
{
|
||
name: "ad-soyad",
|
||
type: "text",
|
||
placeholder: "Adınız Soyadınız",
|
||
required: true,
|
||
},
|
||
{
|
||
name: "tarih",
|
||
type: "date",
|
||
placeholder: "Rezervasyon Tarihi",
|
||
required: true,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "mesaj",
|
||
placeholder: "Notlarınız (Kişi sayısı vb.)",
|
||
required: false,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/engaged-couple-posing-together-city_23-2149488107.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Mıdık Kazbaşı",
|
||
items: [
|
||
{
|
||
label: "Hakkımızda",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Menü",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
label: "İletişim",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Sosyal Medya",
|
||
items: [
|
||
{
|
||
label: "Instagram",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Facebook",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2024 Mıdık Kazbaşı Restaurant. Tüm hakları saklıdır."
|
||
bottomRightText="Adana, Türkiye"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|