Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2bbc1a43e7 | |||
| 16b76cff22 | |||
| 514ee965f7 | |||
| 4cdd491561 | |||
| c3ce77e793 | |||
| 32c7e71fef | |||
| 6ea4e3e810 | |||
| 3593aaf050 | |||
| 334d1f9efa | |||
| a91e7aadf7 |
@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
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.',
|
||||
};
|
||||
|
||||
const roboto = Roboto({
|
||||
variable: "--font-roboto",
|
||||
|
||||
|
||||
const publicSans = Public_Sans({
|
||||
variable: "--font-public-sans",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
weight: ["100", "300", "400", "500", "700", "900"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -29,7 +36,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${roboto.variable} antialiased`}>
|
||||
<body className={`${publicSans.variable} ${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<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">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Highlights",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Specialties", id: "features" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Experience", id: "pricing" },
|
||||
]}
|
||||
brandName="Gourmet Kitchen"
|
||||
brandName="XANEDAN"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Culinary Excellence in Every Bite"
|
||||
description="Experience hand-crafted dishes prepared with the finest seasonal ingredients."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dedicated-restaurant-chef-chopping-bell-pepper-stainless-steel-kitchen_482257-121174.jpg"
|
||||
imageAlt="Luxurious dining atmosphere"
|
||||
background={{ variant: "plain" }}
|
||||
title="XANEDAN - CAFE & REST"
|
||||
description="Authentic Kurdish flavors, traditional recipes, and warm hospitality in the heart of Akre."
|
||||
imageSrc="https://images.unsplash.com/photo-1544148103-0773bf10d330?q=80&w=2070&auto=format&fit=crop"
|
||||
imageAlt="Traditional Kurdish Dining"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Passion for Food"
|
||||
title="Experience the Taste of Kurdistan"
|
||||
description={[
|
||||
"Founded on the principles of freshness and innovation, we bring global flavors to your table.",
|
||||
"Our chefs are dedicated to creating an unforgettable experience through meticulous preparation and quality sourcing.",
|
||||
"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."
|
||||
]}
|
||||
/>
|
||||
</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">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
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={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Prime Steak",
|
||||
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",
|
||||
},
|
||||
{ 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: "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" },
|
||||
{ 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" }
|
||||
]}
|
||||
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 id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Reserve Your Table"
|
||||
description="Book your dining experience today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lovely-couple-sitting-coffeeshop_23-2148422418.jpg"
|
||||
title="Visit Xanedan in Akre"
|
||||
description="We look forward to welcoming you to Xanedan. Book a table and immerse yourself in an unforgettable culinary experience."
|
||||
imageSrc="https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?q=80&w=2070&auto=format&fit=crop"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Reserve"
|
||||
buttonText="Reservations"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reserve",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#nav" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Location", items: [{ label: "Akre, Kurdistan", href: "#" }] }
|
||||
]}
|
||||
logoText="Gourmet Kitchen"
|
||||
logoText="XANEDAN"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-roboto), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-roboto), sans-serif;
|
||||
font-family: var(--font-public-sans), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--background: #e3deea;
|
||||
--card: #ffffff;
|
||||
--foreground: #1f261e;
|
||||
--primary-cta: #27231f;
|
||||
--primary-cta-text: #e3deea;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #27231f;
|
||||
--accent: #c68a62;
|
||||
--background-accent: #c68a62;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user