178 lines
7.7 KiB
TypeScript
178 lines
7.7 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 TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
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şı"
|
||
button={{
|
||
text: "Rezervasyon Yap", href: "#contact"}}
|
||
/>
|
||
</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?_wi=1"},
|
||
{
|
||
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?_wi=1"},
|
||
{
|
||
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?_wi=1"},
|
||
{
|
||
id: "4", name: "Kuzu Şiş", price: "₺480", imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-with-liver-fresh-vegetables_2829-19546.jpg?_wi=2"},
|
||
{
|
||
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?_wi=2"},
|
||
{
|
||
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?_wi=2"},
|
||
]}
|
||
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">
|
||
<TestimonialCardTen
|
||
title="Misafirlerimizin Kaleminden"
|
||
description="Mıdık Kazbaşı'nda lezzet yolculuğuna çıkan misafirlerimizin yorumları."
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "1", title: "Harika Lezzet", quote: "Adana'nın en iyi kebabı diyebilirim. Sunum ve lezzet on numara.", name: "", role: "" },
|
||
{ id: "2", title: "Çok Şık", quote: "Ambiyans çok kaliteli, yemekler ise tam kıvamında. Tekrar geleceğiz.", name: "", role: "" },
|
||
{ id: "3", title: "Lezzet Şöleni", quote: "Cevizli çiğ köfteyi mutlaka denemelisiniz, unutulmazdı.", name: "", role: "" },
|
||
{ id: "4", title: "Harika Servis", quote: "Güleryüzlü hizmet ve nefis kebaplar. Herkese tavsiye ederim.", name: "", role: "" },
|
||
{ id: "5", title: "Adana'nın Gururu", quote: "Murat Ezgü'nün elinden çıkan her tabak ayrı bir sanat eseri.", name: "", role: "" },
|
||
]}
|
||
/>
|
||
</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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOoe6QXbILqTVXWPFe6x2eCz1Q/uploaded-1775579098347-vuolekd5.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>
|
||
);
|
||
}
|