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

Compare commits

base: MetatroncubeSoftwareSolutions:793057652e1cfc707715445a5d3892d43bb9569c
Branches Tags
MetatroncubeSoftwareSolutions:main
..
compare: MetatroncubeSoftwareSolutions:ab162df0661c4879edd0a1ba2c78ba0bd5a995b7
Branches Tags
MetatroncubeSoftwareSolutions:main

No commits in common. "793057652e1cfc707715445a5d3892d43bb9569c" and "ab162df0661c4879edd0a1ba2c78ba0bd5a995b7" have entirely different histories.
793057652e ... ab162df066

20 changed files with 58 additions and 75 deletions
Show Stats Expand all files Collapse all files

BIN
public/images/dinner-2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 559 B

BIN
public/images/eat-2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

18
src/app/about-antalya-restaurant/AboutContent.tsx
View File

@ -196,10 +196,10 @@ export default function AboutContent() {
variants={staggerContainer} variants={staggerContainer}
> >
<motion.div className={styles.textBlock} variants={slideInLeft}> <motion.div className={styles.textBlock} variants={slideInLeft}>
<div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}> <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
<Image src="/images/dinner-2.png" alt="Our Story Decorative Dinner Icon" width={24} height={24} /> <Image src="/images/dinner.png" alt="Our Story Decorative Dinner Icon" width={24} height={24} />
<span>ANTALYA</span> <span>ANTALYA</span>
<Image src="/images/eat-2.png" alt="Our Story Decorative Cutlery Icon" width={24} height={24} /> <Image src="/images/eat.png" alt="Our Story Decorative Cutlery Icon" width={24} height={24} />
</div> </div>
<h2 className={styles.sectionTitle}>Our Story</h2> <h2 className={styles.sectionTitle}>Our Story</h2>
<p className={styles.text}> <p className={styles.text}>
@ -274,10 +274,10 @@ export default function AboutContent() {
<Image src="/images/about-us/why-choose-us.webp" alt="Why Choose Us" width={500} height={350} className={styles.image} /> <Image src="/images/about-us/why-choose-us.webp" alt="Why Choose Us" width={500} height={350} className={styles.image} />
</motion.div> </motion.div>
<motion.div className={styles.textBlock} variants={slideInRight}> <motion.div className={styles.textBlock} variants={slideInRight}>
<div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}> <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
<Image src="/images/dinner-2.png" alt="Why Choose Us Dinner Icon" width={24} height={24} /> <Image src="/images/dinner.png" alt="Why Choose Us Dinner Icon" width={24} height={24} />
<span>ANTALYA</span> <span>ANTALYA</span>
<Image src="/images/eat-2.png" alt="Why Choose Us Cutlery Icon" width={24} height={24} /> <Image src="/images/eat.png" alt="Why Choose Us Cutlery Icon" width={24} height={24} />
</div> </div>
<h2 className={styles.sectionTitle}>Why Choose Us</h2> <h2 className={styles.sectionTitle}>Why Choose Us</h2>
<p className={styles.text}> <p className={styles.text}>
@ -416,10 +416,10 @@ export default function AboutContent() {
/> />
</motion.div> </motion.div>
<motion.div className={styles.faqContentBlock} variants={slideInRight}> <motion.div className={styles.faqContentBlock} variants={slideInRight}>
<div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}> <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
<Image src="/images/dinner-2.png" alt="FAQ Section Decorative Dinner Icon" width={24} height={24} /> <Image src="/images/dinner.png" alt="FAQ Section Decorative Dinner Icon" width={24} height={24} />
<span>ANTALYA</span> <span>ANTALYA</span>
<Image src="/images/eat-2.png" alt="FAQ Section Decorative Cutlery Icon" width={24} height={24} /> <Image src="/images/eat.png" alt="FAQ Section Decorative Cutlery Icon" width={24} height={24} />
</div> </div>
<h2 className={styles.faqTitle}>FAQ – Your Questions Answered</h2> <h2 className={styles.faqTitle}>FAQ – Your Questions Answered</h2>
<p className={styles.faqSubtitle}> <p className={styles.faqSubtitle}>

13
src/app/about-antalya-restaurant/about.module.css
View File

@ -87,7 +87,7 @@
.sectionTitle { .sectionTitle {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: 2.5rem; font-size: 2.5rem;
color: #441109; color: #5d4037;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
/* text-transform: uppercase; */ /* text-transform: uppercase; */
letter-spacing: 2px; letter-spacing: 2px;
@ -149,15 +149,6 @@
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.smallHeading1 {
font-size: var(--small-text-size);
color: #441109;
font-family: var(--font-lato);
font-weight: 600;
letter-spacing: 2px;
margin-bottom: 1rem;
}
.stars { .stars {
display: flex; display: flex;
gap: 5px; gap: 5px;
@ -562,7 +553,7 @@
.faqTitle { .faqTitle {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: 2.5rem; font-size: 2.5rem;
color: #441109; color: #5d4037;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }

4
src/app/antalya-restaurant-gallery/GalleryContent.tsx
View File

@ -110,9 +110,9 @@ export default function GalleryContent() {
<section className={styles.sectionHeading}> <section className={styles.sectionHeading}>
<div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}> <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}>
<Image src="/images/dinner-2.png" alt="Gallery Section Decorative Dinner Icon" width={24} height={24} /> <Image src="/images/dinner.png" alt="Gallery Section Decorative Dinner Icon" width={24} height={24} />
<span>ANTALYA</span> <span>ANTALYA</span>
<Image src="/images/eat-2.png" alt="Gallery Section Decorative Cutlery Icon" width={24} height={24} /> <Image src="/images/eat.png" alt="Gallery Section Decorative Cutlery Icon" width={24} height={24} />
</div> </div>
<h2 className={styles.mainHeading}>A Visual Journey Through Authentic Turkish Dining</h2> <h2 className={styles.mainHeading}>A Visual Journey Through Authentic Turkish Dining</h2>
<p className={styles.description}> <p className={styles.description}>

4
src/app/antalya-restaurant-gallery/gallery.module.css
View File

@ -52,7 +52,7 @@
.smallHeading { .smallHeading {
font-size: var(--small-text-size); font-size: var(--small-text-size);
color: #441109; color: var(--color-paragraph);
font-family: var(--font-lato); font-family: var(--font-lato);
font-weight: 600; font-weight: 600;
letter-spacing: 2px; letter-spacing: 2px;
@ -62,7 +62,7 @@
.mainHeading { .mainHeading {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: var(--main-heading-size); font-size: var(--main-heading-size);
color: #441109; color: #5d4037;
line-height: 1.3; line-height: 1.3;
font-weight: 700; font-weight: 700;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;

4
src/app/antalya-restaurant-menu/MenuContent.tsx
View File

@ -109,9 +109,9 @@ export default function MenuPage() {
<section className={styles.sectionHeading}> <section className={styles.sectionHeading}>
<div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}> <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}>
<Image src="/images/dinner-2.png" alt="Menu Section Decorative Dinner Icon" width={24} height={24} /> <Image src="/images/dinner.png" alt="Menu Section Decorative Dinner Icon" width={24} height={24} />
<span>ANTALYA</span> <span>ANTALYA</span>
<Image src="/images/eat-2.png" alt="Menu Section Decorative Cutlery Icon" width={24} height={24} /> <Image src="/images/eat.png" alt="Menu Section Decorative Cutlery Icon" width={24} height={24} />
</div> </div>
<h2 className={styles.mainHeading}>Delicious Turkish Flavours, Mezze, and More</h2> <h2 className={styles.mainHeading}>Delicious Turkish Flavours, Mezze, and More</h2>
<p className={styles.descriptionMenu}> <p className={styles.descriptionMenu}>

6
src/app/antalya-restaurant-menu/menu.module.css
View File

@ -53,7 +53,7 @@
.smallHeading { .smallHeading {
font-size: var(--small-text-size); font-size: var(--small-text-size);
color: #441109; color: var(--color-paragraph);
font-family: var(--font-lato); font-family: var(--font-lato);
font-weight: 600; font-weight: 600;
letter-spacing: 2px; letter-spacing: 2px;
@ -63,7 +63,7 @@
.mainHeading { .mainHeading {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: var(--main-heading-size); font-size: var(--main-heading-size);
color: #441109; color: #5d4037;
line-height: 1.3; line-height: 1.3;
font-weight: 700; font-weight: 700;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
@ -248,7 +248,7 @@
.dishName { .dishName {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: 1.5rem; font-size: 1.5rem;
color: #441109; color: #5d4037;
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
margin: 0; margin: 0;

4
src/app/antalya-turkish-food-blog/BlogContent.tsx
View File

@ -66,9 +66,9 @@ export default function BlogContent() {
<section className={styles.sectionHeading}> <section className={styles.sectionHeading}>
<div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}> <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}>
<Image src="/images/dinner-2.png" alt="Blog Section Decorative Dinner Icon" width={24} height={24} /> <Image src="/images/dinner.png" alt="Blog Section Decorative Dinner Icon" width={24} height={24} />
<span>ANTALYA</span> <span>ANTALYA</span>
<Image src="/images/eat-2.png" alt="Blog Section Decorative Cutlery Icon" width={24} height={24} /> <Image src="/images/eat.png" alt="Blog Section Decorative Cutlery Icon" width={24} height={24} />
</div> </div>
<h2 className={styles.mainHeading}>Stories Crafted Through Flavor & Celebration</h2> <h2 className={styles.mainHeading}>Stories Crafted Through Flavor & Celebration</h2>
<p className={styles.description}> <p className={styles.description}>

16
src/app/antalya-turkish-food-blog/[id]/blogDetail.module.css
View File

@ -63,7 +63,7 @@
} }
.category { .category {
background: #441109; background: #c49c5c;
color: #fff; color: #fff;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 4px;
@ -102,13 +102,13 @@
font-family: var(--font-lato); font-family: var(--font-lato);
font-size: 16px; font-size: 16px;
line-height: 1.8; line-height: 1.8;
/* color: #441109; */ /* color: #5d4037; */
} }
.content h2 { .content h2 {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: 2rem; font-size: 2rem;
color: #441109; color: #5d4037;
margin: 2rem 0 1rem; margin: 2rem 0 1rem;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
border-bottom: 2px solid #c49c5c; border-bottom: 2px solid #c49c5c;
@ -117,14 +117,14 @@
.content h3 { .content h3 {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: 1.6rem; font-size: 1.6rem;
color: #441109; color: #5d4037;
margin: 1.5rem 0 1rem; margin: 1.5rem 0 1rem;
} }
.content h4 { .content h4 {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: 1.3rem; font-size: 1.3rem;
color: #441109; color: #5d4037;
margin: 1.2rem 0 0.8rem; margin: 1.2rem 0 0.8rem;
} }
@ -234,7 +234,7 @@
padding: 12px 30px; padding: 12px 30px;
background: transparent; background: transparent;
border: 2px solid #b07c4b; border: 2px solid #b07c4b;
color: #441109; color: var(--color-paragraph);
font-family: var(--font-lato); font-family: var(--font-lato);
font-size: 1rem; font-size: 1rem;
font-weight: 600; font-weight: 600;
@ -245,8 +245,8 @@
} }
.backButton:hover { .backButton:hover {
background: #441109; background: #c49c5c;
color: #fff; color: #d3cab3;
} }
.errorContainer { .errorContainer {

4
src/app/antalya-turkish-food-blog/blog.module.css
View File

@ -52,7 +52,7 @@
.smallHeading { .smallHeading {
font-size: var(--small-text-size); font-size: var(--small-text-size);
color: #441109; color: var(--color-paragraph);
font-family: var(--font-lato); font-family: var(--font-lato);
font-weight: 600; font-weight: 600;
letter-spacing: 2px; letter-spacing: 2px;
@ -62,7 +62,7 @@
.mainHeading { .mainHeading {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: var(--main-heading-size); font-size: var(--main-heading-size);
color: #441109; color: #5d4037;
line-height: 1.3; line-height: 1.3;
font-weight: 700; font-weight: 700;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;

4
src/app/book-a-table/ContactContent.tsx
View File

@ -169,9 +169,9 @@ export default function ContactContent() {
transition={{ duration: 0.8 }} transition={{ duration: 0.8 }}
> >
<div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}> <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
<Image src="/images/dinner-2.png" alt="Contact Section Decorative Dinner Icon" width={24} height={24} /> <Image src="/images/dinner.png" alt="Contact Section Decorative Dinner Icon" width={24} height={24} />
<span>ANTALYA</span> <span>ANTALYA</span>
<Image src="/images/eat-2.png" alt="Contact Section Decorative Cutlery Icon" width={24} height={24} /> <Image src="/images/eat.png" alt="Contact Section Decorative Cutlery Icon" width={24} height={24} />
</div> </div>
<h2 className={styles.title}>Book a Table</h2> <h2 className={styles.title}>Book a Table</h2>

2
src/app/book-a-table/contact.module.css
View File

@ -75,7 +75,7 @@
.title { .title {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: var(--main-heading-size); font-size: var(--main-heading-size);
color: #441109; color: #5d4037;
margin-bottom: 1rem; margin-bottom: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 3px solid #441109; border-bottom: 3px solid #441109;

18
src/app/catering-services-ontario/CateringContent.tsx
View File

@ -149,10 +149,10 @@ export default function CateringContent() {
variants={staggerContainer} variants={staggerContainer}
> >
<section className={styles.sectionHeading1}> <section className={styles.sectionHeading1}>
<div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start', gap: '10px' }}> <div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start', gap: '10px' }}>
<Image src="/images/dinner-2.png" alt="Catering Event Decorative Dinner Icon" width={24} height={24} /> <Image src="/images/dinner.png" alt="Catering Event Decorative Dinner Icon" width={24} height={24} />
<span>ANTALYA</span> <span>ANTALYA</span>
<Image src="/images/eat-2.png" alt="Catering Event Decorative Cutlery Icon" width={24} height={24} /> <Image src="/images/eat.png" alt="Catering Event Decorative Cutlery Icon" width={24} height={24} />
</div> </div>
<h2 className={styles.mainHeading1}>Exceptional Turkish Catering for Every Occasion</h2> <h2 className={styles.mainHeading1}>Exceptional Turkish Catering for Every Occasion</h2>
<p className={styles.description1}> <p className={styles.description1}>
@ -284,7 +284,7 @@ export default function CateringContent() {
{/* Right Side: Content */} {/* Right Side: Content */}
<motion.div className={styles.welcomeContent} variants={slideInRight}> <motion.div className={styles.welcomeContent} variants={slideInRight}>
<div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}> <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
<Image src="/images/dinner.png" alt="Catering Visualization Decorative Dinner Icon" width={24} height={24} /> <Image src="/images/dinner.png" alt="Catering Visualization Decorative Dinner Icon" width={24} height={24} />
<span>ANTALYA</span> <span>ANTALYA</span>
<Image src="/images/eat.png" alt="Catering Visualization Decorative Cutlery Icon" width={24} height={24} /> <Image src="/images/eat.png" alt="Catering Visualization Decorative Cutlery Icon" width={24} height={24} />
@ -309,10 +309,10 @@ export default function CateringContent() {
{/* Left Side: Content */} {/* Left Side: Content */}
<motion.div className={styles.servingContent} variants={slideInLeft}> <motion.div className={styles.servingContent} variants={slideInLeft}>
<section className={styles.sectionHeading3}> <section className={styles.sectionHeading3}>
<div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', gap: '10px' }}> <div className={styles.smallHeading3} style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
<Image src="/images/dinner-2.png" alt="Culinary Experience Decorative Dinner Icon" width={24} height={24} /> <Image src="/images/dinner.png" alt="Culinary Experience Decorative Dinner Icon" width={24} height={24} />
<span>ANTALYA</span> <span>ANTALYA</span>
<Image src="/images/eat-2.png" alt="Culinary Experience Decorative Cutlery Icon" width={24} height={24} /> <Image src="/images/eat.png" alt="Culinary Experience Decorative Cutlery Icon" width={24} height={24} />
</div> </div>
</section> </section>
<h2 className={styles.mainHeading}>A Culinary Experience Crafted for Your Event</h2> <h2 className={styles.mainHeading}>A Culinary Experience Crafted for Your Event</h2>
@ -426,9 +426,9 @@ export default function CateringContent() {
{/* Right Side: Content */} {/* Right Side: Content */}
<motion.div className={styles.aboutContent} variants={slideInRight}> <motion.div className={styles.aboutContent} variants={slideInRight}>
<div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}> <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
<Image src="/images/dinner-2.png" alt="About Catering Decorative Dinner Icon" width={24} height={24} /> <Image src="/images/dinner.png" alt="About Catering Decorative Dinner Icon" width={24} height={24} />
<span>ANTALYA</span> <span>ANTALYA</span>
<Image src="/images/eat-2.png" alt="About Catering Decorative Cutlery Icon" width={24} height={24} /> <Image src="/images/eat.png" alt="About Catering Decorative Cutlery Icon" width={24} height={24} />
</div> </div>
<h2 className={styles.mainHeading}> <h2 className={styles.mainHeading}>
Antalya - One of Ontario’s Finest Catering Experiences Antalya - One of Ontario’s Finest Catering Experiences

2
src/app/catering-services-ontario/CateringPopup.module.css
View File

@ -76,7 +76,7 @@
.subtitle { .subtitle {
font-size: 0.95rem; font-size: 0.95rem;
color: #441109; color: #5d4037;
margin-bottom: 2.5rem; margin-bottom: 2.5rem;
text-align: center; text-align: center;
max-width: 500px; max-width: 500px;

14
src/app/catering-services-ontario/catering.module.css
View File

@ -97,7 +97,7 @@
.smallHeading1 { .smallHeading1 {
font-size: var(--small-text-size); font-size: var(--small-text-size);
color: #c49c5c; color: var(--color-paragraph);
font-family: var(--font-lato); font-family: var(--font-lato);
font-weight: 600; font-weight: 600;
letter-spacing: 2px; letter-spacing: 2px;
@ -107,7 +107,7 @@
.mainHeading1 { .mainHeading1 {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: var(--main-heading-size); font-size: var(--main-heading-size);
color: #441109; color: #5d4037;
line-height: 1.3; line-height: 1.3;
font-weight: 700; font-weight: 700;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
@ -130,7 +130,7 @@
.smallHeading3 { .smallHeading3 {
font-size: var(--small-text-size); font-size: var(--small-text-size);
color: #d3cab3; color: #441109;
font-family: var(--font-lato); font-family: var(--font-lato);
font-weight: 600; font-weight: 600;
letter-spacing: 2px; letter-spacing: 2px;
@ -140,7 +140,7 @@
.mainHeading3 { .mainHeading3 {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: var(--main-heading-size); font-size: var(--main-heading-size);
color: #441109; color: #5d4037;
line-height: 1.3; line-height: 1.3;
font-weight: 700; font-weight: 700;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
@ -369,7 +369,7 @@
border-radius: 50%; border-radius: 50%;
background-color: rgba(211, 202, 179, 0.9); background-color: rgba(211, 202, 179, 0.9);
border: 2px solid var(--color-border); border: 2px solid var(--color-border);
color: #441109; color: #5d4037;
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
@ -476,7 +476,7 @@
.smallHeading { .smallHeading {
font-size: var(--small-text-size); font-size: var(--small-text-size);
color: #441109; color: #c49c5c;
font-family: var(--font-lato); font-family: var(--font-lato);
font-weight: 600; font-weight: 600;
letter-spacing: 2px; letter-spacing: 2px;
@ -754,7 +754,7 @@
transform: translateX(-50%); transform: translateX(-50%);
width: 150px; width: 150px;
height: 150px; height: 150px;
background-color: #441109; background-color: #c49c5c;
/* Gold theme color */ /* Gold theme color */
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;

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

@ -90,7 +90,7 @@
display: inline-block; display: inline-block;
padding: 10px 25px; padding: 10px 25px;
border: 2px solid #b07c4b; border: 2px solid #b07c4b;
color: #441109; color: #5d4037;
font-family: var(--font-inter), sans-serif; font-family: var(--font-inter), sans-serif;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.85rem; font-size: 0.85rem;

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

@ -8,7 +8,7 @@
.faqTitle { .faqTitle {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: 2.5rem; font-size: 2.5rem;
color: #441109; color: #5d4037;
text-align: start; text-align: start;
margin-bottom: 3rem; margin-bottom: 3rem;
text-transform: uppercase; text-transform: uppercase;
@ -45,7 +45,7 @@
font-family: var(--font-lato); font-family: var(--font-lato);
font-size: 1.1rem; font-size: 1.1rem;
font-weight: 600; font-weight: 600;
color: #441109; color: #5d4037;
text-align: left; text-align: left;
transition: all 0.3s ease; transition: all 0.3s ease;
} }

12
src/components/Menu/Menu.module.css
View File

@ -198,7 +198,7 @@
.dishName { .dishName {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: 1.5rem; font-size: 1.5rem;
color: #441109; color: #5d4037;
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
margin: 0; margin: 0;
@ -207,15 +207,7 @@
.description { .description {
font-size: 16px; font-size: 16px;
color: #441109; color: #f5e6d3;
line-height: 1.5;
font-family: var(--font-lato);
margin: 0;
}
.description1{
font-size: 16px;
color: #c49c5c;
line-height: 1.5; line-height: 1.5;
font-family: var(--font-lato); font-family: var(--font-lato);
margin: 0; margin: 0;

2
src/components/Menu/Menu.tsx
View File

@ -66,7 +66,7 @@ export default function HomeMenu() {
<Image src="/images/eat.png" alt="Home Menu Decorative Cutlery Icon" width={24} height={24} /> <Image src="/images/eat.png" alt="Home Menu Decorative Cutlery Icon" width={24} height={24} />
</div> </div>
<h2 className={styles.mainHeading}>Explore Our Menu</h2> <h2 className={styles.mainHeading}>Explore Our Menu</h2>
<p className={styles.description1}> <p className={styles.description}>
Savour authentic Turkish cuisine at Antalya - from crisp appetisers to charcoal-grilled favourites crafted with tradition and passion. Savour authentic Turkish cuisine at Antalya - from crisp appetisers to charcoal-grilled favourites crafted with tradition and passion.
</p> </p>
</section> </section>