Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ac3a85d03e | |||
| d206fd6b36 | |||
| ced19156f9 | |||
| 57d900ad15 | |||
| 2d129465eb | |||
| 875d3502db | |||
| b364f20e1c | |||
| 515c328b5f | |||
| c791e9b2a5 | |||
| f80c7efb0a |
277
src/app/page.tsx
277
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Нүүр", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "Бидний тухай", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Цэс", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Холбоо барих", id: "contact"},
|
||||
]}
|
||||
brandName="Ocacola Kebab"
|
||||
/>
|
||||
@@ -55,80 +47,53 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Authentic Doner Kebab in Ulaanbaatar"
|
||||
description="Experience the authentic taste of traditional doner kebab. Freshly prepared, daily served."
|
||||
title="Улаанбаатар хотын жинхэнэ донер кебаб"
|
||||
description="Уламжлалт донер кебабын амтыг мэдрээрэй. Өдөр бүр шинээр бэлтгэдэг."
|
||||
buttons={[
|
||||
{ text: "Цэс үзэх", href: "#products" }
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Agar B.",
|
||||
handle: "@agar",
|
||||
testimonial: "I bought S and L size doner kebab and it’s pretty good.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
|
||||
},
|
||||
name: "Агар Б.", handle: "@agar", testimonial: "Би S болон L хэмжээтэй донер авсан, маш амттай байсан.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg"},
|
||||
{
|
||||
name: "Bat D.",
|
||||
handle: "@batd",
|
||||
testimonial: "Best in town, the taste is always consistent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-with-piercing-ears-nose-holding-slice-orange-front-his-eyes-against-grey-background_23-2148121841.jpg",
|
||||
},
|
||||
name: "Бат Д.", handle: "@batd", testimonial: "Хотын хамгийн шилдэг нь, амт нь үргэлж тогтвортой.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-with-piercing-ears-nose-holding-slice-orange-front-his-eyes-against-grey-background_23-2148121841.jpg"},
|
||||
{
|
||||
name: "Sara T.",
|
||||
handle: "@sara_t",
|
||||
testimonial: "Fresh ingredients, quick service, love it!",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-lemons_23-2148483076.jpg",
|
||||
},
|
||||
name: "Сара Т.", handle: "@sara_t", testimonial: "Шинэ орц, хурдан үйлчилгээ, надад таалагдсан!", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-lemons_23-2148483076.jpg"},
|
||||
{
|
||||
name: "Bold E.",
|
||||
handle: "@bold_e",
|
||||
testimonial: "The large portion is huge and so tasty.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eating-fries_23-2150347895.jpg",
|
||||
},
|
||||
name: "Болд Э.", handle: "@bold_e", testimonial: "Том порц нь маш их бөгөөд амттай.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eating-fries_23-2150347895.jpg"},
|
||||
{
|
||||
name: "Tuya K.",
|
||||
handle: "@tuya_k",
|
||||
testimonial: "Friendly staff and amazing kebab quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-eating-cookie-kitchen_1262-17120.jpg",
|
||||
},
|
||||
name: "Туяа К.", handle: "@tuya_k", testimonial: "Найрсаг ажилчид, кебабын чанар маш сайн.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-eating-cookie-kitchen_1262-17120.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/various-kebab-with-rice-vegetables_140725-7109.jpg"
|
||||
imageAlt="delicious doner kebab street food"
|
||||
imageAlt="амттай донер кебаб"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-indoor-portrait-young-brunette-woman-posing-city-cafeteria-enjoy-her-tasty-hot-morning-coffee_291049-795.jpg",
|
||||
alt: "happy student",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-indoor-portrait-young-brunette-woman-posing-city-cafeteria-enjoy-her-tasty-hot-morning-coffee_291049-795.jpg", alt: "аз жаргалтай оюутан"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-hands-holding-vegetarian-shawarma-with-red-beans-pickles-wrapped-pita-bread_181624-59585.jpg",
|
||||
alt: "satisfied eater",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-hands-holding-vegetarian-shawarma-with-red-beans-pickles-wrapped-pita-bread_181624-59585.jpg", alt: "сэтгэл ханамжтай үйлчлүүлэгч"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-with-delicious-taco_23-2151047953.jpg",
|
||||
alt: "food enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-with-delicious-taco_23-2151047953.jpg", alt: "хоол сонирхогч"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-woman-eating-burger_23-2150404803.jpg",
|
||||
alt: "local patron",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-woman-eating-burger_23-2150404803.jpg", alt: "орон нутгийн үйлчлүүлэгч"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-urban-portrait-brunet-hipster-woman-having-fun-going-crazy-masquerade-party-wearing-trendy-cozy-sweater-face-crown-eating-sweet-tasty-berry-cake-bright-positive-happy_291049-1264.jpg",
|
||||
alt: "happy guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-urban-portrait-brunet-hipster-woman-having-fun-going-crazy-masquerade-party-wearing-trendy-cozy-sweater-face-crown-eating-sweet-tasty-berry-cake-bright-positive-happy_291049-1264.jpg", alt: "аз жаргалтай зочин"},
|
||||
]}
|
||||
avatarText="Join 100+ happy customers daily"
|
||||
avatarText="Өдөр бүр 100+ сэтгэл хангалуун үйлчлүүлэгчдээ нэгдээрэй"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Passion for Kebabs"
|
||||
description="Located in the heart of Ulaanbaatar, Ocacola Kebab brings the authentic spirit of Turkish doner directly to you. We pride ourselves on fresh ingredients and time-honored recipes."
|
||||
title="Кебабыг хайрлах бидний хүсэл тэмүүлэл"
|
||||
description="Улаанбаатар хотын зүрхэнд байрлах cocacola Kebab нь Турк донер кебабын жинхэнэ сүнсийг шууд танд хүргэж байна. Бид шинэ орц найрлага, уламжлалт жороор бахархдаг."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-cutting-raw-beef-steak-from-middle-kitchen_141793-162.jpg"
|
||||
imageAlt="restaurant kitchen preparation kebab"
|
||||
imageAlt="рестораны гал тогооны кебаб бэлтгэл"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,22 +105,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Freshly Grilled",
|
||||
description: "Meat cooked perfectly every day.",
|
||||
},
|
||||
title: "Шинэхэн шарсан", description: "Мах өдөр бүр төгс болгосон."},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Fresh Ingredients",
|
||||
description: "Only the finest vegetables used.",
|
||||
},
|
||||
title: "Шинэ орц", description: "Зөвхөн хамгийн сайн ногоог ашигладаг."},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Fast Takeaway",
|
||||
description: "Quick service for busy days.",
|
||||
},
|
||||
title: "Хурдан үйлчилгээ", description: "Завгүй өдрүүдэд хурдан үйлчилгээ."},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Quality and taste in every bite."
|
||||
title="Яагаад биднийг сонгох ёстой вэ?"
|
||||
description="Хазуулсан бүрд чанар, амт бий."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,45 +125,15 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Small Doner Kebab",
|
||||
price: "12,000 MNT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-rolled-sandwiches-with-chicken-avocado_1147-338.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Large Doner Kebab",
|
||||
price: "14,000 MNT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-with-greens-inside-plate-brown-wooden-desk-food-meal-meat-vegetable_140725-26137.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Combo Deal",
|
||||
price: "18,000 MNT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-doner-slices-with-french-fries-pickled-cucumber-tomato-pita-bread_140725-10569.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kebab Wrap",
|
||||
price: "10,000 MNT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-bone-barbecue-lavash-with-grilled-vegetables-red-sauce_114579-2969.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Extra Meat Portion",
|
||||
price: "5,000 MNT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-doner-inside-round-bread-with-french-fries-yogurt_114579-1423.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Soft Drink",
|
||||
price: "3,000 MNT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-barbecque-kebab-with-bbq-sauce-herbs-onion_114579-2881.jpg",
|
||||
},
|
||||
{ id: "1", name: "Жижиг донер кебаб", price: "12,000 MNT", imageSrc: "http://img.b2bpic.net/free-photo/delicious-rolled-sandwiches-with-chicken-avocado_1147-338.jpg", priceButtonProps: { text: "Order" } },
|
||||
{ id: "2", name: "Том донер кебаб", price: "14,000 MNT", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-with-greens-inside-plate-brown-wooden-desk-food-meal-meat-vegetable_140725-26137.jpg", priceButtonProps: { text: "Order" } },
|
||||
{ id: "3", name: "Комбо багц", price: "18,000 MNT", imageSrc: "http://img.b2bpic.net/free-photo/lamb-doner-slices-with-french-fries-pickled-cucumber-tomato-pita-bread_140725-10569.jpg", priceButtonProps: { text: "Order" } },
|
||||
{ id: "4", name: "Кебаб ороомог", price: "10,000 MNT", imageSrc: "http://img.b2bpic.net/free-photo/beef-bone-barbecue-lavash-with-grilled-vegetables-red-sauce_114579-2969.jpg", priceButtonProps: { text: "Order" } },
|
||||
{ id: "5", name: "Нэмэлт мах", price: "5,000 MNT", imageSrc: "http://img.b2bpic.net/free-photo/turkish-doner-inside-round-bread-with-french-fries-yogurt_114579-1423.jpg", priceButtonProps: { text: "Order" } },
|
||||
{ id: "6", name: "Уух зүйл", price: "3,000 MNT", imageSrc: "http://img.b2bpic.net/free-photo/beef-barbecque-kebab-with-bbq-sauce-herbs-onion_114579-2881.jpg", priceButtonProps: { text: "Order" } }
|
||||
]}
|
||||
title="Our Signature Kebabs"
|
||||
description="Choose your size and flavor."
|
||||
title="Бидний онцлох кебабууд"
|
||||
description="Хэмжээ болон амтаа сонгоорой."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -215,35 +144,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Daily Served",
|
||||
items: [
|
||||
"Happy Customers",
|
||||
"Quality Kebabs",
|
||||
],
|
||||
id: "m1", value: "30+", title: "Өдөр тутмын үйлчилгээ", items: [
|
||||
"Сэтгэл хангалуун үйлчлүүлэгчид", "Чанарын кебаб"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.0",
|
||||
title: "User Rating",
|
||||
items: [
|
||||
"Google Reviews",
|
||||
"Customer Love",
|
||||
],
|
||||
id: "m2", value: "4.0", title: "Хэрэглэгчийн үнэлгээ", items: [
|
||||
"Google сэтгэгдэл", "Үйлчлүүлэгчийн хайр"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12+",
|
||||
title: "Ingredients",
|
||||
items: [
|
||||
"Fresh Produce",
|
||||
"Turkish Spices",
|
||||
],
|
||||
id: "m3", value: "12+", title: "Орц", items: [
|
||||
"Шинэ бүтээгдэхүүн", "Турк амтлагч"],
|
||||
},
|
||||
]}
|
||||
title="Serving Smiles Daily"
|
||||
description="Numbers behind our success."
|
||||
title="Өдөр бүр инээмсэглэл түгээж байна"
|
||||
description="Бидний амжилтын цаадах тоонууд."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -254,43 +168,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Agar Bayarbat",
|
||||
role: "Food Lover",
|
||||
testimonial: "Pretty good doner kebab. Great sizes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-apple-close-her-face_23-2148332159.jpg",
|
||||
},
|
||||
id: "1", name: "Агар Баярбат", role: "Хоол сонирхогч", testimonial: "Маш сайн донер кебаб. Хэмжээ нь сайхан.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D84pF3c7fDjsYRstjqmIxoTZXs/uploaded-1777651785823-rycm4m8r.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "User B",
|
||||
role: "Regular",
|
||||
testimonial: "Consistent taste, really authentic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-female-gardener-uniform-wearing-gardening-hat-stands-sideways-holding-pumpkin-isolated-orange-wall-with-copy-space_141793-94008.jpg",
|
||||
},
|
||||
id: "2", name: "Хэрэглэгч Б", role: "Байнгын", testimonial: "Тогтвортой амт, маш жинхэнэ.", imageSrc: "http://img.b2bpic.net/free-photo/angry-young-female-gardener-uniform-wearing-gardening-hat-stands-sideways-holding-pumpkin-isolated-orange-wall-with-copy-space_141793-94008.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "User C",
|
||||
role: "Foodie",
|
||||
testimonial: "Best in the local area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-appetizers-with-blurred-background_23-2148266859.jpg",
|
||||
},
|
||||
id: "3", name: "Хэрэглэгч В", role: "Хоолны хорхойтон", testimonial: "Орон нутагтаа хамгийн шилдэг нь.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-appetizers-with-blurred-background_23-2148266859.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "User D",
|
||||
role: "Local",
|
||||
testimonial: "Quick and friendly service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-headband-wristband-with-wrist-wrapped-with-bandage-holding-looking-winner-cup-isolated-pink-wall-with-copy-space_141793-87574.jpg",
|
||||
},
|
||||
id: "4", name: "Хэрэглэгч Г", role: "Нутгийн", testimonial: "Хурдан бөгөөд найрсаг үйлчилгээ.", imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-headband-wristband-with-wrist-wrapped-with-bandage-holding-looking-winner-cup-isolated-pink-wall-with-copy-space_141793-87574.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "User E",
|
||||
role: "Fan",
|
||||
testimonial: "Love the freshness of the veggies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6821.jpg",
|
||||
},
|
||||
id: "5", name: "Хэрэглэгч Д", role: "Шүтэн бишрэгч", testimonial: "Ногооны шинэлэг байдал маш их таалагдсан.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6821.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="See what our regulars are saying."
|
||||
title="Үйлчлүүлэгчдийн сэтгэгдэл"
|
||||
description="Бидний байнгын үйлчлүүлэгчид юу хэлж байгааг үзээрэй."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -300,23 +189,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Opening hours?",
|
||||
content: "10:00 AM every day.",
|
||||
},
|
||||
id: "q1", title: "Ажиллах цаг?", content: "Өдөр бүр 10:00 цагаас."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where are you located?",
|
||||
content: "HUD - 2 khoroo, Ulaanbaatar 17032",
|
||||
},
|
||||
id: "q2", title: "Хаана байрладаг вэ?", content: "ХУД - 2 хороо, Улаанбаатар 17032"},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Visit us for pickup/takeaway.",
|
||||
},
|
||||
id: "q3", title: "Хүргэлт хийдэг үү?", content: "Бид зөвхөн авч явах үйлчилгээтэй."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers here."
|
||||
title="Нийтлэг асуултууд"
|
||||
description="Эндээс хариулт хайж олно уу."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -325,11 +205,10 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Stop By Today!"
|
||||
description="Come grab a fresh doner kebab at our shop in Ulaanbaatar."
|
||||
variant: "plain"}}
|
||||
tag="Бидэнтэй нэгдээрэй"
|
||||
title="Өнөөдөр ирээрэй!"
|
||||
description="Улаанбаатар дахь манай дэлгүүрт шинэхэн донер кебаб идээрэй."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -338,33 +217,23 @@ export default function LandingPage() {
|
||||
logoText="Ocacola Kebab"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Навигаци", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Нүүр", href: "#hero"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Цэс", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Компани", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Бидний тухай", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Холбоо барих", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Ocacola Kebab. All rights reserved."
|
||||
copyrightText="© 2024 Ocacola Kebab. Бүх эрх хуулиар хамгаалагдсан."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user