Compare commits

..

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

20 changed files with 58 additions and 75 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 559 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -196,10 +196,10 @@ export default function AboutContent() {
variants={staggerContainer}
>
<motion.div className={styles.textBlock} variants={slideInLeft}>
<div className={styles.smallHeading1} 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} />
<div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
<Image src="/images/dinner.png" alt="Our Story Decorative Dinner Icon" width={24} height={24} />
<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>
<h2 className={styles.sectionTitle}>Our Story</h2>
<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} />
</motion.div>
<motion.div className={styles.textBlock} variants={slideInRight}>
<div className={styles.smallHeading1} 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} />
<div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
<Image src="/images/dinner.png" alt="Why Choose Us Dinner Icon" width={24} height={24} />
<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>
<h2 className={styles.sectionTitle}>Why Choose Us</h2>
<p className={styles.text}>
@ -416,10 +416,10 @@ export default function AboutContent() {
/>
</motion.div>
<motion.div className={styles.faqContentBlock} variants={slideInRight}>
<div className={styles.smallHeading1} 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} />
<div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
<Image src="/images/dinner.png" alt="FAQ Section Decorative Dinner Icon" width={24} height={24} />
<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>
<h2 className={styles.faqTitle}>FAQ Your Questions Answered</h2>
<p className={styles.faqSubtitle}>

View File

@ -87,7 +87,7 @@
.sectionTitle {
font-family: var(--font-playfair);
font-size: 2.5rem;
color: #441109;
color: #5d4037;
margin-bottom: 1.5rem;
/* text-transform: uppercase; */
letter-spacing: 2px;
@ -149,15 +149,6 @@
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 {
display: flex;
gap: 5px;
@ -562,7 +553,7 @@
.faqTitle {
font-family: var(--font-playfair);
font-size: 2.5rem;
color: #441109;
color: #5d4037;
margin-bottom: 0.5rem;
}

View File

@ -110,9 +110,9 @@ export default function GalleryContent() {
<section className={styles.sectionHeading}>
<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>
<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>
<h2 className={styles.mainHeading}>A Visual Journey Through Authentic Turkish Dining</h2>
<p className={styles.description}>

View File

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

View File

@ -109,9 +109,9 @@ export default function MenuPage() {
<section className={styles.sectionHeading}>
<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>
<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>
<h2 className={styles.mainHeading}>Delicious Turkish Flavours, Mezze, and More</h2>
<p className={styles.descriptionMenu}>

View File

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

View File

@ -66,9 +66,9 @@ export default function BlogContent() {
<section className={styles.sectionHeading}>
<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>
<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>
<h2 className={styles.mainHeading}>Stories Crafted Through Flavor & Celebration</h2>
<p className={styles.description}>

View File

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

View File

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

View File

@ -169,9 +169,9 @@ export default function ContactContent() {
transition={{ duration: 0.8 }}
>
<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>
<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>
<h2 className={styles.title}>Book a Table</h2>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

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} />
</div>
<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.
</p>
</section>