New banner, Alter bg text color updated

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 211 KiB

After

Width:  |  Height:  |  Size: 140 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 189 KiB

After

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 158 KiB

After

Width:  |  Height:  |  Size: 110 KiB

View File

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

View File

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

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} />
</div>
<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 youre seeking small bites or a full feast, we have something to satisfy every palate.
</p>
</section>

View File

@ -246,9 +246,18 @@
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 {
font-size: 0.95rem;
color: var(--color-paragraph);
color: var(--color-alterparagraph) !important;
line-height: 1.5;
font-family: var(--font-lato);
margin: 0;

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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