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

New banner, Alter bg text color updated

Browse Source
This commit is contained in:
akash 2025-12-11 18:16:43 +05:30
parent 7c1d8fa619
commit ef04556f27
17 changed files with 47 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/home/home-banner-1-authentic.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 211 KiB

After

Width:  |  Height:  |  Size: 140 KiB

BIN
public/images/home/home-banner-2-turkish-flavours.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 189 KiB

After

Width:  |  Height:  |  Size: 127 KiB

BIN
public/images/home/home-banner-3-luxury.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 158 KiB

After

Width:  |  Height:  |  Size: 110 KiB

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

@ -106,7 +106,7 @@
.text { .text {
font-size: 1.1rem; font-size: 1.1rem;
line-height: 1.8; line-height: 1.8;
/* color: #5d4037; */ color: var(--color-alterparagraph) !important;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
opacity: 0.9; opacity: 0.9;
font-family: var(--font-lato); font-family: var(--font-lato);
@ -124,7 +124,7 @@
display: inline-block; display: inline-block;
padding: 15px 40px; padding: 15px 40px;
border: 2px solid #b07c4b; border: 2px solid #b07c4b;
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
font-family: var(--font-lato); font-family: var(--font-lato);
font-size: 1.1rem; font-size: 1.1rem;
text-transform: uppercase; text-transform: uppercase;
@ -137,7 +137,7 @@
.menuButton:hover { .menuButton:hover {
background-color: #c49c5c; background-color: #c49c5c;
color: #F5E6D3; color: #fff;
} }
.smallHeading { .smallHeading {
@ -195,7 +195,7 @@
.featureDesc { .featureDesc {
font-family: var(--font-lato); font-family: var(--font-lato);
font-size: 1rem; font-size: 1rem;
/* color: #5d4037; */ color: var(--color-alterparagraph) !important;
line-height: 1.6; line-height: 1.6;
} }
@ -213,7 +213,7 @@
.sliderBtn { .sliderBtn {
background: transparent; background: transparent;
border: 2px solid #b07c4b; border: 2px solid #b07c4b;
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
font-size: 2.5rem; font-size: 2.5rem;
width: 50px; width: 50px;
height: 50px; height: 50px;
@ -549,7 +549,7 @@
.faqSubtitle { .faqSubtitle {
font-family: var(--font-lato); font-family: var(--font-lato);
font-size: 1.1rem; font-size: 1.1rem;
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
line-height: 1.6; line-height: 1.6;
margin-bottom: 1rem; margin-bottom: 1rem;
} }

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

@ -70,7 +70,7 @@
.description { .description {
font-size: var(--body-size); font-size: var(--body-size);
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
line-height: 1.8; line-height: 1.8;
font-family: var(--font-lato); font-family: var(--font-lato);
max-width: 800px; max-width: 800px;

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

@ -95,7 +95,7 @@ export default function MenuPage() {
<Image src="/images/eat.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.description}> <p className={styles.descriptionMenu}>
Craving authentic Turkish cuisine? At Antalya, our menu features a wide selection of traditional dishes - from crispy mezze appetizers to charcoal-grilled kebabs and hearty mains. Whether you’re seeking small bites or a full feast, we have something to satisfy every palate. Craving authentic Turkish cuisine? At Antalya, our menu features a wide selection of traditional dishes - from crispy mezze appetizers to charcoal-grilled kebabs and hearty mains. Whether you’re seeking small bites or a full feast, we have something to satisfy every palate.
</p> </p>
</section> </section>

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

@ -246,9 +246,18 @@
line-height: 1.2; line-height: 1.2;
} }
.descriptionMenu {
font-size: var(--body-size);
color: var(--color-alterparagraph) !important;
line-height: 1.5;
font-family: var(--font-lato);
margin: 0;
}
.description { .description {
font-size: 0.95rem; font-size: 0.95rem;
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
line-height: 1.5; line-height: 1.5;
font-family: var(--font-lato); font-family: var(--font-lato);
margin: 0; margin: 0;

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

@ -1,6 +1,6 @@
.main { .main {
background-color: var(--color-dark); background-color: var(--color-dark);
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
min-height: 100vh; min-height: 100vh;
} }
@ -130,6 +130,7 @@
.content p { .content p {
margin-bottom: 1.2rem; margin-bottom: 1.2rem;
color: var(--color-alterparagraph) !important;
} }
.content ul { .content ul {
@ -139,7 +140,7 @@
.content li { .content li {
margin-bottom: 0.8rem; margin-bottom: 0.8rem;
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
} }
.content strong { .content strong {
@ -148,7 +149,7 @@
} }
.content a { .content a {
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
text-decoration: underline; text-decoration: underline;
transition: color 0.3s; transition: color 0.3s;
} }
@ -179,7 +180,7 @@
content: "✓"; content: "✓";
position: absolute; position: absolute;
left: 0; left: 0;
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
font-weight: bold; font-weight: bold;
font-size: 1.2rem; font-size: 1.2rem;
} }
@ -201,7 +202,7 @@
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: 1.4rem; font-size: 1.4rem;
font-style: italic; font-style: italic;
/* color: #5d4037; */ color: var(--color-alterparagraph) !important;
line-height: 1.8; line-height: 1.8;
margin: 0; margin: 0;
position: relative; position: relative;
@ -214,7 +215,7 @@
font-family: var(--font-lato); font-family: var(--font-lato);
font-size: 1rem; font-size: 1rem;
font-style: normal; font-style: normal;
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
font-weight: 600; font-weight: 600;
} }
@ -265,7 +266,7 @@
} }
.backLink { .backLink {
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
font-size: 1.2rem; font-size: 1.2rem;
text-decoration: underline; text-decoration: underline;
} }

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

@ -70,7 +70,7 @@
.description { .description {
font-size: var(--body-size); font-size: var(--body-size);
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
line-height: 1.8; line-height: 1.8;
font-family: var(--font-lato); font-family: var(--font-lato);
max-width: 800px; max-width: 800px;
@ -144,13 +144,14 @@
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
flex-grow: 1; flex-grow: 1;
font-family: var(--font-lato); font-family: var(--font-lato);
color: var(--color-alterparagraph) !important;
} }
.button { .button {
display: inline-block; display: inline-block;
padding: 10px 25px; padding: 10px 25px;
border: 2px solid #b07c4b; border: 2px solid #b07c4b;
color: #5d4037; color: var(--color-alterparagraph) !important;
text-align: center; text-align: center;
transition: all 0.3s ease; transition: all 0.3s ease;
align-self: flex-start; align-self: flex-start;
@ -162,7 +163,7 @@
.button:hover { .button:hover {
background-color: #c49c5c; background-color: #c49c5c;
color: #d3cab3; color: #fff !important;
} }
@media (max-width: 768px) { @media (max-width: 768px) {

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

@ -85,6 +85,7 @@
.subtitle { .subtitle {
font-size: var(--body-size); font-size: var(--body-size);
color: var(--color-alterparagraph) !important;
line-height: 1.6; line-height: 1.6;
margin-bottom: 2rem; margin-bottom: 2rem;
font-family: var(--font-lato); font-family: var(--font-lato);
@ -145,7 +146,7 @@
.charCount { .charCount {
font-size: var(--small-text-size); font-size: var(--small-text-size);
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
text-align: right; text-align: right;
font-family: var(--font-lato); font-family: var(--font-lato);
} }
@ -153,7 +154,7 @@
.submitButton { .submitButton {
background: #c49c5c; background: #c49c5c;
border: none; border: none;
color: #d3cab3; color: #fff;
padding: 15px 40px; padding: 15px 40px;
font-size: var(--body-size); font-size: var(--body-size);
font-weight: 600; font-weight: 600;
@ -257,7 +258,7 @@
.locationSubtitle { .locationSubtitle {
font-size: var(--small-text-size); font-size: var(--small-text-size);
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-family: var(--font-lato); font-family: var(--font-lato);
} }

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

@ -111,7 +111,7 @@
.description1 { .description1 {
font-size: var(--body-size); font-size: var(--body-size);
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
line-height: 1.8; line-height: 1.8;
font-family: var(--font-lato); font-family: var(--font-lato);
/* max-width: 800px; */ /* max-width: 800px; */
@ -653,7 +653,7 @@
.servingDescription { .servingDescription {
font-size: var(--body-size); font-size: var(--body-size);
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
line-height: 1.8; line-height: 1.8;
font-family: var(--font-lato); font-family: var(--font-lato);
/* max-width: 800px; */ /* max-width: 800px; */
@ -1026,7 +1026,7 @@
gap: 15px; gap: 15px;
margin-bottom: 20px; margin-bottom: 20px;
font-size: var(--body-size); font-size: var(--body-size);
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
font-family: var(--font-lato); font-family: var(--font-lato);
line-height: 1.6; line-height: 1.6;
} }
@ -1039,7 +1039,7 @@
} }
.lastButton { .lastButton {
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
font-family: var(--font-lato); font-family: var(--font-lato);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 1px; letter-spacing: 1px;
@ -1055,7 +1055,7 @@
.lastButton:hover { .lastButton:hover {
background-color: #c49c5c; background-color: #c49c5c;
color: #F5E6D3; color: #fff !important;
transform: translateY(-2px); 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); */
} }

1
src/app/globals.css
View File

@ -3,6 +3,7 @@
--color-heading: #d3cab3; --color-heading: #d3cab3;
--color-button: #d28839; --color-button: #d28839;
--color-paragraph: #c49c5c; --color-paragraph: #c49c5c;
--color-alterparagraph: #b07c4b;
--color-border: #b07c4b; --color-border: #b07c4b;
--color-dark: #0a0a0a; --color-dark: #0a0a0a;
--color-input-bg: #e8e0d5; --color-input-bg: #e8e0d5;

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

@ -92,7 +92,7 @@
line-height: 1.8; line-height: 1.8;
margin-bottom: 50px; margin-bottom: 50px;
max-width: 60%; max-width: 60%;
font-size: 1rem; font-size: 18px;
opacity: 0.8; opacity: 0.8;
} }

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

@ -79,7 +79,7 @@
.excerpt { .excerpt {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: 0.95rem; font-size: 0.95rem;
/* color: #5d4037; */ color: var(--color-alterparagraph) !important;
margin-bottom: 25px; margin-bottom: 25px;
line-height: 1.6; line-height: 1.6;
max-width: 90%; max-width: 90%;
@ -103,7 +103,7 @@
.button:hover { .button:hover {
background-color: #c49c5c; background-color: #c49c5c;
color: #d3cab3; color: #fff;
} }
.arrow { .arrow {

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

@ -28,7 +28,7 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0, 0, 0, 0.5); /* background: rgba(0, 0, 0, 0.5); */
z-index: 2; z-index: 2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

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

@ -206,7 +206,7 @@
} }
.description { .description {
font-size: 0.95rem; font-size: var(--body-size);
color: var(--color-paragraph); color: var(--color-paragraph);
line-height: 1.5; line-height: 1.5;
font-family: var(--font-lato); font-family: var(--font-lato);

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

@ -74,7 +74,7 @@
font-family: var(--font-cinzel), serif; font-family: var(--font-cinzel), serif;
/* Using serif as per image look */ /* Using serif as per image look */
font-size: 1rem; font-size: 1rem;
color: var(--color-paragraph); color: var(--color-alterparagraph) !important;
margin-bottom: 30px; margin-bottom: 30px;
line-height: 1.6; line-height: 1.6;
max-width: 90%; max-width: 90%;
@ -97,7 +97,7 @@
.button:hover { .button:hover {
background-color: #c49c5c; background-color: #c49c5c;
color: #d3cab3; color: #fff;
} }
.viewMoreContainer { .viewMoreContainer {