Compare commits
No commits in common. "793057652e1cfc707715445a5d3892d43bb9569c" and "ab162df0661c4879edd0a1ba2c78ba0bd5a995b7" have entirely different histories.
793057652e
...
ab162df066
Binary file not shown.
|
Before Width: | Height: | Size: 559 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
@ -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}>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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}>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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}>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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}>
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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 Ontario’s Finest Catering Experiences
|
||||
|
||||
@ -76,7 +76,7 @@
|
||||
|
||||
.subtitle {
|
||||
font-size: 0.95rem;
|
||||
color: #441109;
|
||||
color: #5d4037;
|
||||
margin-bottom: 2.5rem;
|
||||
text-align: center;
|
||||
max-width: 500px;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user