Compare commits
20 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f099512801 | |||
| b5e3233e05 | |||
| 075ef4f414 | |||
| 2bbc1a43e7 | |||
| 983c73c414 | |||
| 16b76cff22 | |||
| 23b4cb86a0 | |||
| 514ee965f7 | |||
| e28e246ed1 | |||
| 4cdd491561 | |||
| 74f04adedf | |||
| c3ce77e793 | |||
| 0a2d15e10c | |||
| 32c7e71fef | |||
| 6ea4e3e810 | |||
| 5761058428 | |||
| 3593aaf050 | |||
| 334d1f9efa | |||
| 5be1a055c6 | |||
| a91e7aadf7 |
@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Roboto } from "next/font/google";
|
import { Roboto } from "next/font/google";
|
||||||
|
import { Open_Sans } from "next/font/google";
|
||||||
|
import { Public_Sans } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -15,10 +17,15 @@ export const metadata: Metadata = {
|
|||||||
description: 'Discover our signature fine dining menu and book your table at Gourmet Kitchen.',
|
description: 'Discover our signature fine dining menu and book your table at Gourmet Kitchen.',
|
||||||
};
|
};
|
||||||
|
|
||||||
const roboto = Roboto({
|
|
||||||
variable: "--font-roboto",
|
|
||||||
|
const publicSans = Public_Sans({
|
||||||
|
variable: "--font-public-sans",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
weight: ["100", "300", "400", "500", "700", "900"],
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@@ -29,7 +36,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${roboto.variable} antialiased`}>
|
<body className={`${publicSans.variable} ${inter.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
253
src/app/page.tsx
253
src/app/page.tsx
@@ -30,270 +30,75 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Our Story", id: "about" },
|
||||||
id: "hero",
|
{ name: "Specialties", id: "features" },
|
||||||
},
|
{ name: "Menu", id: "menu" },
|
||||||
{
|
{ name: "Experience", id: "pricing" },
|
||||||
name: "Our Story",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Highlights",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Pricing",
|
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Gourmet Kitchen"
|
brandName="XANEDAN"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
title="XANEDAN - CAFE & REST"
|
||||||
}}
|
description="Authentic Kurdish flavors, traditional recipes, and warm hospitality in the heart of Akre."
|
||||||
title="Culinary Excellence in Every Bite"
|
imageSrc="https://images.unsplash.com/photo-1544148103-0773bf10d330?q=80&w=2070&auto=format&fit=crop"
|
||||||
description="Experience hand-crafted dishes prepared with the finest seasonal ingredients."
|
imageAlt="Traditional Kurdish Dining"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/dedicated-restaurant-chef-chopping-bell-pepper-stainless-steel-kitchen_482257-121174.jpg"
|
|
||||||
imageAlt="Luxurious dining atmosphere"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextSplitAbout
|
<TextSplitAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Our Passion for Food"
|
title="Experience the Taste of Kurdistan"
|
||||||
description={[
|
description={[
|
||||||
"Founded on the principles of freshness and innovation, we bring global flavors to your table.",
|
"Xanedan brings the deep traditions of Kurdish cuisine to Akre. We source fresh ingredients to recreate the warmth and richness of home-cooked meals.", "Our restaurant is a tribute to the legacy of our heritage, crafted for the modern diner seeking authentic and soulful flavors."
|
||||||
"Our chefs are dedicated to creating an unforgettable experience through meticulous preparation and quality sourcing.",
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
|
||||||
<FeatureCardThree
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
title: "Fresh Ingredients",
|
|
||||||
description: "Locally sourced produce daily.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/local-grown-vegetables-basket_23-2149128089.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Expert Mixology",
|
|
||||||
description: "Innovative and craft cocktails.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-sweater-pouring-milk-into-coffee-dessert_1157-26651.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Elegant Ambiance",
|
|
||||||
description: "Atmosphere for every occasion.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hanging-lamp_1339-2713.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Why We're Different"
|
|
||||||
description="Discover the unique elements that make our culinary experience truly exceptional."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<ProductCardFour
|
<ProductCardFour
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="split"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
|
title="Our Culinary Specialities"
|
||||||
|
description="From traditional Kurdish feasts to delicate local desserts, every dish tells a story of culture and flavor."
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Kurdish Dolma", price: "Special", variant: "Signature Dish", imageSrc: "https://img.b2bpic.net/free-psd/delicious-burger-food-menu-instagram-facebook-story-template_106176-1402.jpg?id=32888199" },
|
||||||
id: "p1",
|
{ id: "2", name: "Grilled Lamb Kebabs", price: "Special", variant: "BBQ Tradition", imageSrc: "https://images.unsplash.com/photo-1555939594-58d7cb561ad1?q=80&w=500&auto=format&fit=crop" },
|
||||||
name: "Prime Steak",
|
{ id: "3", name: "Local Kurdish Bread", price: "Daily", variant: "Fresh Baked", imageSrc: "https://img.b2bpic.net/premium-photo/ruffled-flag-kurdistan_6724-687.jpg?id=2228777" }
|
||||||
price: "$45",
|
|
||||||
variant: "Signature",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/creamy-mushroom-dish-topped-with-green-salad-with-tomato_140725-5789.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Pan-Seared Salmon",
|
|
||||||
price: "$38",
|
|
||||||
variant: "Fresh Catch",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/steak-fish-meat_74190-738.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Handmade Ravioli",
|
|
||||||
price: "$32",
|
|
||||||
variant: "Vegan",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/uncooked-pappardelle-pasta-wooden-basket_53876-98235.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Garden Salad",
|
|
||||||
price: "$18",
|
|
||||||
variant: "Starter",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-italian-pasta-salad-with-fresh-tomato-cheese-lettuce-pickled-olives-bowl_140725-12562.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Dark Choc Mousse",
|
|
||||||
price: "$15",
|
|
||||||
variant: "Dessert",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tiramisu-savoyardi-cookies-espresso-mascarpone-cheese-rum-cinnamon-strawberry-side-view_141793-4167.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Lobster Bisque",
|
|
||||||
price: "$22",
|
|
||||||
variant: "Starter",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eats-chicken-soup-with-bread_141793-4668.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Signature Menu"
|
|
||||||
description="Explore our curated selection of fine dining delicacies."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
|
||||||
<PricingCardTwo
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
plans={[
|
|
||||||
{
|
|
||||||
id: "pl1",
|
|
||||||
badge: "Signature",
|
|
||||||
price: "$85",
|
|
||||||
subtitle: "4-Course Experience",
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Book Now",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"Handcrafted appetizers",
|
|
||||||
"Seasonal salad",
|
|
||||||
"Signature entree",
|
|
||||||
"Daily dessert",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "pl2",
|
|
||||||
badge: "Premium",
|
|
||||||
price: "$125",
|
|
||||||
subtitle: "7-Course Journey",
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
text: "Book Now",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
features: [
|
|
||||||
"Everything in Signature",
|
|
||||||
"Wine pairing included",
|
|
||||||
"Chef's special",
|
|
||||||
"Amuse-bouche",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Tasting Menus"
|
|
||||||
description="Guided dining experiences for the perfect evening."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardTwelve
|
|
||||||
useInvertedBackground={false}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "t1",
|
|
||||||
name: "Alice Johnson",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517447.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "Bob Smith",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Charlie Davis",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Diana Ross",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-bearded-man-with-specific-appearance-uses-tablet-computer_273609-8927.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Edward Norton",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-652.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
cardTitle="What Guests Say"
|
|
||||||
cardTag="Reviews"
|
|
||||||
cardAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="Reserve Your Table"
|
title="Visit Xanedan in Akre"
|
||||||
description="Book your dining experience today."
|
description="We look forward to welcoming you to Xanedan. Book a table and immerse yourself in an unforgettable culinary experience."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/lovely-couple-sitting-coffeeshop_23-2148422418.jpg"
|
imageSrc="https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?q=80&w=2070&auto=format&fit=crop"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
buttonText="Reserve"
|
buttonText="Reservations"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Navigation", items: [{ label: "Home", href: "#nav" }, { label: "Menu", href: "#menu" }] },
|
||||||
title: "Links",
|
{ title: "Location", items: [{ label: "Akre, Kurdistan", href: "#" }] }
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Reserve",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Gourmet Kitchen"
|
logoText="XANEDAN"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-roboto), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-roboto), sans-serif;
|
font-family: var(--font-public-sans), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #ffffff;
|
--background: #e3deea;
|
||||||
--card: #f9f9f9;
|
--card: #ffffff;
|
||||||
--foreground: #000612e6;
|
--foreground: #1f2027;
|
||||||
--primary-cta: #15479c;
|
--primary-cta: #1f2027;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #e3deea;
|
||||||
--secondary-cta: #f9f9f9;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #000612e6;
|
--secondary-cta-text: #1f2027;
|
||||||
--accent: #e2e2e2;
|
--accent: #627dc6;
|
||||||
--background-accent: #c4c4c4;
|
--background-accent: #627dc6;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user