New banner, Alter bg text color updated
This commit is contained in:
parent
7c1d8fa619
commit
ef04556f27
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 |
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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 you’re seeking small bites or a full feast, we have something to satisfy every palate.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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) {
|
||||
|
||||
@ -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);
|
||||
}
|
||||
|
||||
@ -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); */
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -92,7 +92,7 @@
|
||||
line-height: 1.8;
|
||||
margin-bottom: 50px;
|
||||
max-width: 60%;
|
||||
font-size: 1rem;
|
||||
font-size: 18px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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);
|
||||
|
||||
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user