Merge version_1 into main #1
300
src/app/page.tsx
300
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Zahir Kebab"
|
||||
/>
|
||||
@@ -47,63 +42,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Experience the Authentic Taste of Zahir Kebab"
|
||||
description="Discover Odivelas' finest kebabs, prepared with fresh ingredients, traditional spices, and passion."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-skewers-veggies-plate_23-2148651119.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-smiling-camera_23-2148238839.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-female-worker-wearing-yellow-jacket-jean-overalls-red-hat-posing-against-blue-wall-having-smile-being-happy-finish-her-work-about-house-emotions-happiness-concept_273609-8054.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-smiling-camera_23-2148238839.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-pretty-female-worker-wearing-yellow-jacket-jean-overalls-red-hat-posing-against-blue-wall-having-smile-being-happy-finish-her-work-about-house-emotions-happiness-concept_273609-8054.jpg", alt: "Diner 5" }
|
||||
]}
|
||||
avatarText="Loved by thousands of foodies"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Halal",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Grilled",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Spices",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Odivelas",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Takeaway & Delivery",
|
||||
},
|
||||
{ type: "text", text: "100% Halal" },
|
||||
{ type: "text", text: "Freshly Grilled" },
|
||||
{ type: "text", text: "Authentic Spices" },
|
||||
{ type: "text", text: "Local Odivelas" },
|
||||
{ type: "text", text: "Takeaway & Delivery" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,48 +82,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Lamb Doner",
|
||||
price: "€8.50",
|
||||
variant: "Main Dish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-shish-kebab-with-vegetables-ketchup-mayonnaise-top-view_114579-10264.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Grilled Chicken Skewer",
|
||||
price: "€9.00",
|
||||
variant: "Main Dish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-sausages-wrapped-puff-pastry_114579-53126.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Beef Kebab Wrap",
|
||||
price: "€7.50",
|
||||
variant: "Takeaway",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arabic-fast-food-shaurma-lavash_114579-3739.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Falafel Pita Plate",
|
||||
price: "€7.00",
|
||||
variant: "Vegetarian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iskender-kebab-garnished-with-tomato-sauce-pepper-served-with-yoghurt_140725-579.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Shish Kebab Mixed",
|
||||
price: "€10.50",
|
||||
variant: "Chef Selection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-vegetables_2829-19952.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Kebab Box Takeaway",
|
||||
price: "€6.50",
|
||||
variant: "Quick Bite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-doner-with-ketchup-inside-flatbread-wooden-board_140725-10475.jpg",
|
||||
},
|
||||
{ id: "1", name: "Classic Lamb Doner", price: "€8.50", variant: "Main Dish", imageSrc: "http://img.b2bpic.net/free-photo/chicken-shish-kebab-with-vegetables-ketchup-mayonnaise-top-view_114579-10264.jpg" },
|
||||
{ id: "2", name: "Grilled Chicken Skewer", price: "€9.00", variant: "Main Dish", imageSrc: "http://img.b2bpic.net/free-photo/tasty-sausages-wrapped-puff-pastry_114579-53126.jpg" },
|
||||
{ id: "3", name: "Beef Kebab Wrap", price: "€7.50", variant: "Takeaway", imageSrc: "http://img.b2bpic.net/free-photo/arabic-fast-food-shaurma-lavash_114579-3739.jpg" },
|
||||
{ id: "4", name: "Falafel Pita Plate", price: "€7.00", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/iskender-kebab-garnished-with-tomato-sauce-pepper-served-with-yoghurt_140725-579.jpg" },
|
||||
{ id: "5", name: "Shish Kebab Mixed", price: "€10.50", variant: "Chef Selection", imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-vegetables_2829-19952.jpg" },
|
||||
{ id: "6", name: "Kebab Box Takeaway", price: "€6.50", variant: "Quick Bite", imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-doner-with-ketchup-inside-flatbread-wooden-board_140725-10475.jpg" }
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Handcrafted kebabs, fresh wraps, and classic sides designed to satisfy your cravings."
|
||||
@@ -178,36 +100,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Fresh",
|
||||
title: "Fresh Ingredients",
|
||||
items: [
|
||||
"Daily sourced vegetables",
|
||||
"Premium quality meats",
|
||||
"Handmade sauces",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Fast",
|
||||
title: "Quick Service",
|
||||
items: [
|
||||
"Efficient kitchen process",
|
||||
"Ready for takeaway",
|
||||
"Order online options",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Authentic",
|
||||
title: "Traditional Recipes",
|
||||
items: [
|
||||
"Expertly spiced meats",
|
||||
"Authentic cooking style",
|
||||
"Rich Mediterranean profile",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Fresh", title: "Fresh Ingredients", items: ["Daily sourced vegetables", "Premium quality meats", "Handmade sauces"] },
|
||||
{ id: "f2", label: "Fast", title: "Quick Service", items: ["Efficient kitchen process", "Ready for takeaway", "Order online options"] },
|
||||
{ id: "f3", label: "Authentic", title: "Traditional Recipes", items: ["Expertly spiced meats", "Authentic cooking style", "Rich Mediterranean profile"] }
|
||||
]}
|
||||
title="Why Choose Zahir Kebab?"
|
||||
description="We prioritize quality and customer experience above everything else."
|
||||
@@ -221,26 +116,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Marco Silva"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5294.jpg",
|
||||
alt: "Marco",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-student-girl-stylish-clothes-relaxing-indoors-after-college_273609-9276.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-shirt-standing-isolated-white-background-with-happy-cool-smile-face-lucky-person_839833-25329.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-3198.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5294.jpg", alt: "Marco" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-student-girl-stylish-clothes-relaxing-indoors-after-college_273609-9276.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-wearing-casual-shirt-standing-isolated-white-background-with-happy-cool-smile-face-lucky-person_839833-25329.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-3198.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg", alt: "Diner 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -253,36 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
title: "Satisfied Customers",
|
||||
items: [
|
||||
"Returning locals",
|
||||
"New food lovers",
|
||||
"Positive reviews",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Menu Items",
|
||||
items: [
|
||||
"Authentic starters",
|
||||
"Signature mains",
|
||||
"Refreshing drinks",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Quality Assured",
|
||||
items: [
|
||||
"Fresh ingredients",
|
||||
"Rigorous hygiene",
|
||||
"Traditional craft",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "10K+", title: "Satisfied Customers", items: ["Returning locals", "New food lovers", "Positive reviews"] },
|
||||
{ id: "m2", value: "50+", title: "Menu Items", items: ["Authentic starters", "Signature mains", "Refreshing drinks"] },
|
||||
{ id: "m3", value: "100%", title: "Quality Assured", items: ["Fresh ingredients", "Rigorous hygiene", "Traditional craft"] }
|
||||
]}
|
||||
title="Serving Odivelas with Pride"
|
||||
description="Numbers reflecting our commitment to great food and satisfied customers."
|
||||
@@ -294,21 +147,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we partner with major food delivery apps in Odivelas.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "Absolutely, our falafel options are loved by many!",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located right in the heart of Odivelas, Lisbon District.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer delivery?", content: "Yes, we partner with major food delivery apps in Odivelas." },
|
||||
{ id: "q2", title: "Are there vegetarian options?", content: "Absolutely, our falafel options are loved by many!" },
|
||||
{ id: "q3", title: "Where are you located?", content: "We are located right in the heart of Odivelas, Lisbon District." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to provide the answers."
|
||||
@@ -319,61 +160,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Have a large order or special request? Get in touch with our team today and we'll ensure everything is perfect."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+351999999999",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Us", href: "tel:+351999999999" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Zahir Kebab",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Zahir Kebab", items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Zahir Kebab Odivelas"
|
||||
bottomRightText="Serving Odivelas"
|
||||
@@ -382,4 +180,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user