MetatroncubeSoftwareSolutions/Antalya-Restaurant
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

testimonial live reviews are updated

Browse Source
This commit is contained in:
akash 2025-11-29 22:15:20 +05:30
parent c0fd0439b7
commit b3276781bb
12 changed files with 220 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/app/about-us/AboutContent.tsx
View File

@ -239,7 +239,10 @@ export default function AboutContent() {
transition={{ duration: 0.5 }}
>
<p className={styles.testimonialText}>"{testimonialData[currentTestimonial].text}"</p>
<div className={styles.testimonialAuthor}>
<div style={{ fontSize: '1.5rem', color: '#ffdf00', textAlign: 'center', letterSpacing: '3px' }}>
{'★★★★★'}
</div>
{/* <div className={styles.testimonialAuthor}>
<div className={styles.authorImageWrapper}>
<Image
src={testimonialData[currentTestimonial].image}
@ -252,7 +255,7 @@ export default function AboutContent() {
<p className={styles.authorName}>{testimonialData[currentTestimonial].name}</p>
<p className={styles.authorRole}>{testimonialData[currentTestimonial].role}</p>
</div>
</div>
</div> */}
</motion.div>
</AnimatePresence>
@ -272,15 +275,15 @@ export default function AboutContent() {
</div>
<div className={styles.buttonContainer}>
<a
href="https://www.google.com/search?q=antalya+restaurant"
target="_blank"
rel="noopener noreferrer"
className={styles.button}
>
Review Us on Google
</a>
</div>
<a
href="https://www.google.com/search?sca_esv=fb3147f266a54277&sxsrf=AE3TifPK9lVB_UK5Mt9ko4Ht65w63RgqUQ:1764431326889&si=AMgyJEtREmoPL4P1I5IDCfuA8gybfVI2d5Uj7QMwYCZHKDZ-E3A-qenJpQm2J1V3Wa6_UKYzIQhT0idJrAopWIgZ0RiDDHrNP0RtPpfTzWgU2637exPDNkEZu0WuVN4TEdgoYqqtQwcWsOUIFi4JvvmrZPyybRzrcg%3D%3D&q=Antalya+Turkish+Restaurant+Reviews&sa=X&ved=2ahUKEwic4uDz2peRAxUbTmwGHWwWBRoQ0bkNegQIJRAE&biw=1528&bih=786&dpr=1.25&zx=1764431335803&no_sw_cr=1#lrd=0x882bf532910f4e25:0x4aee10507689253d,3,,,,"
target="_blank"
rel="noopener noreferrer"
className={styles.button}
>
Review Us on Google
</a>
</div>
</section>
{/* FAQ Section - Image Left, FAQ Right */}

16
src/app/about-us/about.module.css
View File

@ -136,8 +136,8 @@
}
.menuButton:hover {
background-color: #c49c5c;
color: #000;
background-color: #c49c5c;
color: #F5E6D3;
}
.smallHeading {
@ -237,8 +237,8 @@
}
.sliderBtn:hover {
background-color: #c49c5c;
color: #000;
background-color: #c49c5c;
color: #F5E6D3;
}
@ -343,8 +343,8 @@
}
.button:hover {
background-color: var(--color-gold);
color: #d3cab3;
background-color: #c49c5c;
color: #F5E6D3;
}
/* Call to Action Section */
@ -397,8 +397,8 @@
}
.ctaButton:hover {
background-color: #c49c5c;
color: #000;
background-color: #c49c5c;
color: #F5E6D3;
}
@media (max-width: 1024px) {

2
src/app/catering/CateringContent.tsx
View File

@ -117,7 +117,7 @@ export default function CateringContent() {
{/* Page Hero */}
<section className={styles.hero}>
<div className={styles.heroContent}>
<h1 className={styles.heroTitle}>Catering Services</h1>
<h1 className={styles.heroTitle}>Catering</h1>
<p className={styles.breadcrumb}>
<Link href="/">Home</Link> / Catering
</p>

148
src/app/catering/catering.module.css
View File

@ -114,7 +114,7 @@
color: var(--color-paragraph);
line-height: 1.8;
font-family: var(--font-lato);
max-width: 800px;
/* max-width: 800px; */
margin: 0 auto;
}
@ -147,7 +147,7 @@
color: var(--color-paragraph);
line-height: 1.8;
font-family: var(--font-lato);
max-width: 800px;
/* max-width: 800px; */
margin: 0 auto;
}
@ -430,7 +430,7 @@
color: var(--color-paragraph);
line-height: 1.8;
font-family: var(--font-lato);
max-width: 800px;
/* max-width: 800px; */
margin: 0 auto;
}
@ -656,7 +656,7 @@
color: var(--color-paragraph);
line-height: 1.8;
font-family: var(--font-lato);
max-width: 800px;
/* max-width: 800px; */
margin: 0 auto;
}
@ -943,47 +943,67 @@
}
.aboutImagesGrid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 20px;
position: relative;
height: 600px;
display: block;
/* Changed from grid to allow absolute positioning of children */
}
.aboutImageLarge {
grid-column: 1;
grid-row: 1 / 3;
position: relative;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 65%;
height: 75%;
z-index: 1;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}
.aboutImageSmallTop {
grid-column: 2;
grid-row: 1;
position: relative;
position: absolute;
top: 0;
right: 0;
width: 45%;
height: 45%;
z-index: 2;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
border: 5px solid #f5e6d3;
/* Match background color for separation */
}
.aboutImageSmallBottom {
grid-column: 2;
grid-row: 2;
position: relative;
position: absolute;
bottom: 0;
left: 0;
width: 45%;
height: 45%;
z-index: 2;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
border: 5px solid #f5e6d3;
/* Match background color for separation */
}
.aboutImageLarge img,
.aboutImageSmallTop img,
.aboutImageSmallBottom img {
transition: transform 0.6s ease;
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.aboutImagesGrid:hover .aboutImageLarge img {
transform: translate(-0%, -0%) scale(1.05);
/* Maintain centering while scaling */
}
.aboutImagesGrid:hover .aboutImageLarge img,
.aboutImagesGrid:hover .aboutImageSmallTop img,
.aboutImagesGrid:hover .aboutImageSmallBottom img {
transform: scale(1.05);
transform: scale(1.1);
}
.aboutContent {
@ -1019,24 +1039,25 @@
}
.lastButton {
display: inline-block;
margin-top: 30px;
padding: 15px 40px;
background-color: var(--color-button);
color: #fff;
text-decoration: none;
color: var(--color-paragraph);
font-family: var(--font-lato);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
border-radius: 4px;
background: none;
border: 2px solid #b07c4b;
margin-top: 1rem;
padding: 15px 40px;
font-size: 1.1rem;
text-decoration: none;
transition: all .3s;
display: inline-block;
}
.lastButton:hover {
background-color: #5d4037;
background-color: #c49c5c;
color: #F5E6D3;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); */
}
@media (max-width: 991px) {
@ -1049,6 +1070,17 @@
height: 500px;
}
.aboutImageLarge {
width: 70%;
height: 70%;
}
.aboutImageSmallTop,
.aboutImageSmallBottom {
width: 40%;
height: 40%;
}
.aboutContent {
padding: 20px 0;
}
@ -1075,8 +1107,52 @@
@media (max-width: 480px) {
.aboutImagesGrid {
height: 350px;
gap: 10px;
height: auto;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 15px;
margin-bottom: 30px;
}
.aboutImageLarge {
position: relative;
top: auto;
left: auto;
transform: none;
width: 100%;
height: 300px;
grid-column: 1 / -1;
grid-row: 1;
border-radius: 15px;
}
.aboutImageSmallTop {
position: relative;
top: auto;
right: auto;
width: 100%;
height: 200px;
grid-column: 1;
grid-row: 2;
border-radius: 15px;
border: none;
}
.aboutImageSmallBottom {
position: relative;
bottom: auto;
left: auto;
width: 100%;
height: 200px;
grid-column: 2;
grid-row: 2;
border-radius: 15px;
border: none;
}
.aboutImagesGrid:hover .aboutImageLarge img {
transform: scale(1.05);
}
.aboutSpecialsItem {

2
src/components/About/About.module.css
View File

@ -112,7 +112,7 @@
.button:hover {
background-color: #c49c5c;
color: #000;
color: #F5E6D3;
}
@media (max-width: 1024px) {

2
src/components/Blogs/Blogs.module.css
View File

@ -151,7 +151,7 @@
.viewMoreButton:hover {
background-color: #c49c5c;
color: #000;
color: #F5E6D3;
}
/* Responsive adjustments for different viewport sizes */

2
src/components/BookTable/BookTable.module.css
View File

@ -121,7 +121,7 @@
.submitButton:hover {
background-color: #c49c5c;
color: #d3cab3;
color: #F5E6D3;
}
.successMessage {

4
src/components/Gallery/Gallery.module.css
View File

@ -82,8 +82,8 @@
}
.button:hover {
background-color: var(--color-gold);
color: #d3cab3;
background-color: #c49c5c;
color: #F5E6D3;
}
/* Lightbox */

2
src/components/PopularDishes/PopularDishes.module.css
View File

@ -119,7 +119,7 @@
.viewMoreButton:hover {
background-color: #c49c5c;
color: #000;
color: #F5E6D3;
}
@media (max-width: 768px) {

6
src/components/Testimonials/Testimonials.module.css
View File

@ -113,7 +113,7 @@
font-family: var(--font-inter), sans-serif;
/* Assuming Inter or similar */
font-size: 1.1rem;
color: var(--color-paragraph);
color: #f5e6d3;
margin-bottom: 30px;
font-weight: 500;
}
@ -183,8 +183,8 @@
}
.button:hover {
background-color: var(--color-gold);
color: #d3cab3;
background-color: #c49c5c;
color: #F5E6D3;
}
/* Responsive adjustments for different viewport sizes */

54
src/components/Testimonials/Testimonials.tsx
View File

@ -3,51 +3,9 @@
import { useState, useEffect } from 'react'
import Image from 'next/image'
import styles from './Testimonials.module.css'
import { testimonialData } from '@/utils/constant'
const testimonials = [
{
id: 1,
name: 'Anya Petrova',
image: '/images/avatar-anya.png',
text: '"An unforgettable journey of flavors and warmth. The ambiance is exquisite and the Turkish fusion dishes are simply divine."',
rating: 5
},
{
id: 2,
name: 'Tuest Khan',
image: '/images/avatar-tuest.png',
text: '"The best Turkish restaurant in town! Every dish is prepared with authentic spices and love. The staff made us feel like family."',
rating: 5
},
{
id: 3,
name: 'Tariq Ahmed',
image: '/images/avatar-tariq.png',
text: '"Exceptional quality and presentation. The kebabs were perfectly grilled and the baklava for dessert was heavenly!"',
rating: 5
},
{
id: 4,
name: 'Sarah Jenkins',
image: '/images/avatar-sarah.png',
text: '"Amazing service and beautiful atmosphere. The mixed grill platter is a must-try. Highly recommend for special occasions!"',
rating: 5
},
{
id: 5,
name: 'Michael Chen',
image: '/images/avatar-michael.png',
text: '"A hidden gem! The fusion of traditional Turkish flavors with modern techniques is incredible. Will definitely come back soon."',
rating: 5
},
{
id: 6,
name: 'Emily Davis',
image: '/images/avatar-emily.png',
text: '"The staff was so welcoming and the food was absolutely delicious. From appetizers to dessert, everything was perfect. 10/10 experience!"',
rating: 5
}
]
const testimonials = testimonialData
export default function Testimonials() {
const [currentIndex, setCurrentIndex] = useState(0)
@ -108,9 +66,9 @@ export default function Testimonials() {
</div>
</div>
<h3 className={styles.name}>— {item.name}</h3>
<p className={styles.text}>{item.text}</p>
<div className={styles.stars}>
{'★'.repeat(item.rating)}
<p className={styles.testimonialText}>"{item.text}"</p>
<div style={{ fontSize: '1.5rem', color: '#ffdf00', textAlign: 'center', letterSpacing: '3px', marginTop: '20px' }}>
{'★★★★★'}
</div>
</div>
))}
@ -120,7 +78,7 @@ export default function Testimonials() {
<div className={styles.buttonContainer}>
<a
href="https://www.google.com/search?q=antalya+restaurant"
href="https://www.google.com/search?sca_esv=fb3147f266a54277&sxsrf=AE3TifPK9lVB_UK5Mt9ko4Ht65w63RgqUQ:1764431326889&si=AMgyJEtREmoPL4P1I5IDCfuA8gybfVI2d5Uj7QMwYCZHKDZ-E3A-qenJpQm2J1V3Wa6_UKYzIQhT0idJrAopWIgZ0RiDDHrNP0RtPpfTzWgU2637exPDNkEZu0WuVN4TEdgoYqqtQwcWsOUIFi4JvvmrZPyybRzrcg%3D%3D&q=Antalya+Turkish+Restaurant+Reviews&sa=X&ved=2ahUKEwic4uDz2peRAxUbTmwGHWwWBRoQ0bkNegQIJRAE&biw=1528&bih=786&dpr=1.25&zx=1764431335803&no_sw_cr=1#lrd=0x882bf532910f4e25:0x4aee10507689253d,3,,,,"
target="_blank"
rel="noopener noreferrer"
className={styles.button}

75
src/utils/constant.ts
View File

@ -316,42 +316,105 @@ export const testimonialData = [
name: 'Sarah Johnson',
role: 'Food Critic',
image: '/images/avatar-anya.png',
text: 'The most authentic Turkish cuisine I have experienced outside of Turkey. Every dish is a masterpiece!'
text: 'We\'ve visited this spot 4–5 times and always had a great experience. The service is excellent, and the staff, especially the girl helping us, was friendly and gave great food suggestions. The peday and veal shish platter were delicious, and the milk cake was tasty too. We\'ll definitely be back and happily recommend it.'
},
{
id: 2,
name: 'Michael Chen',
role: 'Regular Customer',
image: '/images/avatar-emily.png',
text: 'Antalya has become my favorite restaurant. The atmosphere is warm and the food is consistently excellent.'
text: 'Had our lunch today at Antalya Turkish Restaurant and it was an unforgettable experience! Not only does this place offer an amazing view, but the food is absolutely delicious — every bite is bursting with rich flavors. I felt like I was transported into a world of flavor, almost like a flavored Disney. 🌟'
},
{
id: 3,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'A hidden gem! The charcoal-grilled kebabs are to die for, and the service is impeccable.'
text: 'A wholesome, clean and friendly environment where we enjoyed my friend\'s post-wedding gathering. The food was phenomenal, with the lamb chops being especially tender and blasted with flavour! I recommend this restaurant for all and Muslims can rest assured that it\'s meat is halal by hand and the chicken is non-gassed (we verified with the supplier too).'
},
{
id: 4,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'A hidden gem! The charcoal-grilled kebabs are to die for, and the service is impeccable.'
text: 'I will definitely recommend this restaurant. What\'s the highlight is the food quality, its awesome. I went late eve and still they provided fresh veggies and fresh meat. And the chicken taste excellent.'
},
{
id: 5,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'A hidden gem! The charcoal-grilled kebabs are to die for, and the service is impeccable.'
text: 'Just had an incredible meal at a this Turkish restaurant — amazing food and even better service! Every bite was full of flavour. Highly recommend if you love authentic Turkish cuisine 🇹🇷✨'
},
{
id: 6,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'A hidden gem! The charcoal-grilled kebabs are to die for, and the service is impeccable.'
text: 'It’s my first time trying Turkish food and I would say it is fantastic. We ordered kebab mix for two and every single side is delicious, no doubt. Eventually, we even left some because there were too much in the giant plate. Take home and enjoy once again! Anyway, super recommend. Everything is great, and I will definitely try once again.'
},
{
id: 7,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'Good place with good food. Their kebabs are tender and flavorful. I tried bulgur for the first time and personally not a fan but my partner liked it. I\'ve been to other traditional Turkish places that had more selection so don\'t go with the intention of a big menu per se. Overall, will visit again.'
},
{
id: 8,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'Such an amazing experience and delicious food! We ordered the Anatalya Platter !The staff is so sweet! We had a wonderful time and we will be back! 💕💕'
},
{
id: 9,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'Tried this place for the first time, and it was really good! It was my first time and debating between the Chicken Adana or the Chicken Shish, my waiter offered to give me one of each. Also ordered the hummus, the and the Iskender Kebab. Everything was amazing! The service and food was amazing, definitely recommend for authentic turkish food if your in Kitchener.'
},
{
id: 10,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'I visited the restaurant today with my husband, and I come here often because the food is always delicious and the staff are amazing. I truly love this place the team is so sweet, kind, and caring. The atmosphere is calm and welcoming, and the staff always make sure we have everything we need. It’s one of my favorite restaurants, and I’ll definitely keep coming back! :)'
},
{
id: 11,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'I visited the restaurant today for the first time, and I absolutely loved it! The store is so pretty, and the staff are incredibly friendly. There were two girls who helped us, they were the best! They recommended some dishes for us to try, and their choices were perfect. They were so kind, welcoming, and sweet. The food was delicious and cooked perfectly. I’ll definitely be coming back amazing food and wonderful service! 💖'
},
{
id: 12,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'I visited the restaurant On Saturday the service was so nice 👍 specially Waad the lady was so nice and her service was so fast plus the food was soooo good and delicious 😋'
},
{
id: 13,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'A beautiful authentic Turkish restaurant in Kitchener area is exactly what KW needed! It’s beautiful layout and Turkish decor will impress the moment you walk in the doors. From their colourful stunning chandeliers to the hand painted plates hanging on their walls. Food is mind blowing delicious and flavourful. We tried the Mantos & a salad, and started with a lentil soup that cured the bone chilling freeze outside in every way!'
},
{
id: 14,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'Antalya was exceptional! It exceeded all my expectations from the food to the service. Our server Faaiz was attentive and ensured we had a pleasant experience each step of the way. Each bite left me astounded! I’ll definitely be coming back and recommending this place to friends!'
},
{
id: 15,
name: 'Emma Williams',
role: 'Travel Blogger',
image: '/images/avatar-emily.png',
text: 'The food was amazing! The mixed grill was flavorful and juicy, the fries were crispy, and the bread was warm and soft. The eggplant dish was rich and creamy. Everything was perfectly seasoned. Highly recommend!'
}
];