Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2e689f21e0 | |||
| 495db3f6e1 | |||
| 4a8f7fbebf | |||
| dceeab1655 |
287
src/app/page.tsx
287
src/app/page.tsx
@@ -3,9 +3,9 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Our Craft",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Anasayfa", id: "home" },
|
||||
{ name: "Hikayemiz", id: "about" },
|
||||
{ name: "Menü", id: "products" },
|
||||
{ name: "Yorumlar", id: "testimonials" },
|
||||
{ name: "İletişim", id: "contact" },
|
||||
]}
|
||||
brandName="Karadeniz Tadal Pide Salonu"
|
||||
/>
|
||||
@@ -59,36 +44,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Pide from the Heart of the Black Sea"
|
||||
description="Experience the crisp, stone-oven perfection of traditional recipes. Soft inside, crunchy outside—crafted with passion and top-quality ingredients."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Karadeniz'in Kalbinden Gelen Otantik Lezzet"
|
||||
description="Taş fırınımızda, geleneksel tariflerle hazırlanan, dışı çıtır içi yumuşacık pide deneyimini keşfedin."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pide-with-pieces-meat-parsley-lemon-pizza-knife-cutting-board_176474-3170.jpg",
|
||||
imageAlt: "Fresh Pide",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-turkish-pide-with-vegetables-meat-cheese-arranged-wooden-cutting-board_140725-10344.jpg",
|
||||
imageAlt: "Traditional Oven",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-national-lahmacun-with-vegetables_140725-2232.jpg",
|
||||
imageAlt: "Restaurant Ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shaken-black-tea-glass-traditional-azerbaijani-pear-shaped-glass_140725-5060.jpg",
|
||||
imageAlt: "Ingredients",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-stuffed-pie-served-wooden-board_140725-5274.jpg",
|
||||
imageAlt: "Baked Texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-food-assortment_23-2148516779.jpg",
|
||||
imageAlt: "Our Service",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-pide-with-pieces-meat-parsley-lemon-pizza-knife-cutting-board_176474-3170.jpg", imageAlt: "Taze Pide" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-turkish-pide-with-vegetables-meat-cheese-arranged-wooden-cutting-board_140725-10344.jpg", imageAlt: "Geleneksel Fırın" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,23 +57,11 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Flavor"
|
||||
title="Lezzet Mirası"
|
||||
metrics={[
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Stone Oven",
|
||||
value: "100% Traditional",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Review Score",
|
||||
value: "4.6/5",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Experience",
|
||||
value: "Authentic",
|
||||
},
|
||||
{ icon: Flame, label: "Taş Fırın", value: "%100 Geleneksel" },
|
||||
{ icon: Star, label: "Memnuniyet", value: "4.6/5" },
|
||||
{ icon: Award, label: "Deneyim", value: "Otantik" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -125,45 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Kavurmalı Pide",
|
||||
price: "Best Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-pide-traditional-food-with-beef-vegetables_2829-14110.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Peynirli Pide",
|
||||
price: "Classic Choice",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-homemade-pizza_181624-35320.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Lahmacun",
|
||||
price: "Crispy Perfection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-lahmajun-parsley-lemon-sumakh-top-view_140725-11304.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Mixed Special Pide",
|
||||
price: "Full Flavor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mix-pide-cheese-sausage-top-view_140725-11320.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Kavurmalı with Egg",
|
||||
price: "Fantastic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pide-with-meat-tomato-top-view_140725-11336.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Specialty Pide",
|
||||
price: "Local Favorite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-bread-calzone-restaurant_501050-865.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Kavurmalı Pide", price: "Çok Satan", imageSrc: "http://img.b2bpic.net/free-photo/turkish-pide-traditional-food-with-beef-vegetables_2829-14110.jpg" },
|
||||
{ id: "p2", name: "Peynirli Pide", price: "Klasik", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-homemade-pizza_181624-35320.jpg" },
|
||||
{ id: "p3", name: "Lahmacun", price: "Çıtır Lezzet", imageSrc: "http://img.b2bpic.net/free-photo/meat-lahmajun-parsley-lemon-sumakh-top-view_140725-11304.jpg" },
|
||||
]}
|
||||
title="Our Signature Creations"
|
||||
description="Generous portions, locally sourced quality, and baked with love in our stone oven."
|
||||
title="İmza Lezzetlerimiz"
|
||||
description="Yerel malzemelerle, özenle hazırladığımız, taş fırınımızdan taze çıkan pideler."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,30 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.6",
|
||||
title: "Overall Rating",
|
||||
description: "Consistently praised by thousands.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Fresh",
|
||||
title: "Bread Quality",
|
||||
description: "Crunchy crust, soft interior.",
|
||||
icon: Wheat,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Fast",
|
||||
title: "Service Speed",
|
||||
description: "Professional and commendable.",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", value: "4.6", title: "Genel Puan", description: "Binlerce misafirimizin tercihi.", icon: Star },
|
||||
{ id: "m2", value: "Taze", title: "Hamur Kalitesi", description: "Çıtır kenar, yumuşak doku.", icon: Wheat },
|
||||
{ id: "m3", value: "Hızlı", title: "Hizmet", description: "Güler yüzlü ve profesyonel.", icon: Clock },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Quality you can taste, consistency you can rely on."
|
||||
title="Rakamlarla Kalite"
|
||||
description="Tadına doyamayacağınız tutarlı lezzet."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -207,44 +105,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mehmet A.",
|
||||
handle: "@mehmet",
|
||||
testimonial: "Best Pide ever! The kavurmalı is exceptionally delectable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663851.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ayşe Y.",
|
||||
handle: "@ayse",
|
||||
testimonial: "Fantastic! Crunchy shell, top quality meat, simply delicious.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-sushi-park-picnic-nature_169016-22794.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John D.",
|
||||
handle: "@john",
|
||||
testimonial: "A traditional gem. Fast service and extremely clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117538.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Selim K.",
|
||||
handle: "@selim",
|
||||
testimonial: "Generous toppings and incredible flavor profiles every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-eats-dolma-with-yogurt-tears-piece-bread_140725-9187.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emine S.",
|
||||
handle: "@emine",
|
||||
testimonial: "Love the free tea and salads. A proper salon experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-health-day-celebration-with-nutritious-food_23-2151359001.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Mehmet A.", handle: "@mehmet", testimonial: "Hayatımda yediğim en iyi pide! Kavurmalısı efsane.", imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663851.jpg" },
|
||||
{ id: "t2", name: "Ayşe Y.", handle: "@ayse", testimonial: "Harika! Çıtır hamuru ve kaliteli etiyle tam bir şölen.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-sushi-park-picnic-nature_169016-22794.jpg" },
|
||||
]}
|
||||
title="Voices of Our Guests"
|
||||
description="Hear what our regulars have to say about the Best Pide in town."
|
||||
title="Misafirlerimizden Yorumlar"
|
||||
description="Karadeniz Tadal'ı neden tercih ediyorlar?"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -252,17 +117,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TripAdvisor",
|
||||
"Google Reviews",
|
||||
"Local Guide",
|
||||
"Gourmet Choice",
|
||||
"Heritage Foodie",
|
||||
"Traditional Eats",
|
||||
"City Top-Pick",
|
||||
]}
|
||||
title="Recognized Excellence"
|
||||
description="Our dedication to tradition has earned us the hearts of our customers."
|
||||
names={["TripAdvisor", "Google Yorumları", "Yerel Lezzetler", "Gourmet Seçimi", "Geleneksel Tatlar"]}
|
||||
title="Takdir Edilen Lezzet"
|
||||
description="Geleneksel tariflere olan sadakatimiz, misafirlerimizin kalbini kazandı."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -270,80 +127,38 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you open on Fridays?",
|
||||
content: "No, we are closed on Fridays. We look forward to serving you on all other days!",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer free extras?",
|
||||
content: "Yes, we serve fresh salads and tea completely free of charge with your meal.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the food made fresh?",
|
||||
content: "Absolutely. Our bread is baked in a stone-veneer oven with great care for every order.",
|
||||
},
|
||||
{ id: "q1", title: "Cuma günleri açık mısınız?", content: "Hayır, Cuma günleri kapalıyız. Haftanın diğer günlerinde bekleriz!" },
|
||||
{ id: "q2", title: "Ücretsiz ikramlarınız var mı?", content: "Evet, pidemizin yanında taze salata ve çayımız ikramımızdır." },
|
||||
{ id: "q3", title: "Yemekleriniz taze mi?", content: "Siparişinizle birlikte taş fırında taze olarak pişiriyoruz." },
|
||||
]}
|
||||
sideTitle="Your Questions, Answered"
|
||||
sideDescription="Everything you need to know about our Pide salon."
|
||||
sideTitle="Sıkça Sorulan Sorular"
|
||||
sideDescription="Pide salonumuz hakkında merak ettikleriniz."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactCTA
|
||||
tag="Bizi Ziyaret Edin"
|
||||
title="Geleneksel Lezzeti Deneyimleyin"
|
||||
description="En taze pidelerimizle sizi ağırlamaktan mutluluk duyarız. Bugün salonumuza bekliyoruz!"
|
||||
buttons={[{ text: "Konum Al", href: "#contact" }]}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Experience Traditional Flavor"
|
||||
description="Stop by our salon today for the finest Pide in the region. We are ready to serve you with fresh, oven-baked goodness."
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterBaseCard
|
||||
logoText="Karadeniz Tadal"
|
||||
columns={[
|
||||
{ title: "Kurumsal", items: [{ label: "Hikayemiz", href: "#about" }, { label: "Menü", href: "#products" }] },
|
||||
{ title: "Bize Ulaşın", items: [{ label: "İletişim", href: "#contact" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | Karadeniz Tadal Pide Salonu"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user