bender/574b1763-b4dc-461c-85be-9c28ebf7dfad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-23 02:16:23 +00:00
Conversation 0 Commits 1 Files Changed 1 +159 -376
1 changed files with 159 additions and 376 deletions
Download Patch File Download Diff File Expand all files Collapse all files

535
src/app/page.tsx
View File

@@ -16,393 +16,176 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
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">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Shawarma Anas"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Menu", id: "#menu" },
{ name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" }
]}
brandName="Shawarma Anas"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "radial-gradient",
}}
title="Experience the Best Shawarma in Toronto"
description="Authentic, freshly seasoned, and made with heart. At Shawarma Anas, every bite is a journey to the authentic flavors of the Middle East."
testimonials={[
{
name: "Sarah J.",
handle: "@sarahj",
testimonial: "The best shawarma I've ever had. Truly fresh and authentic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
},
{
name: "Michael C.",
handle: "@michaelc",
testimonial: "Juicy, flavorful, and incredibly generous portions.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-facing-challenge-celebrating_1194-413929.jpg",
},
{
name: "Amina E.",
handle: "@aminae",
testimonial: "Amazing hospitality! The free lentil soup sample is a lovely touch.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-girl-with-food_23-2148972772.jpg",
},
{
name: "Daniel R.",
handle: "@danielr",
testimonial: "Fresh, flavorful, and perfectly seasoned. Absolutely amazing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-talking-his-phone_23-2148214623.jpg",
},
{
name: "Emily B.",
handle: "@emilyb",
testimonial: "The garlic sauce is out of this world. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-caucasian-redhead-woman-with-cute-smile-hair-bun-laughing-cheerfully-nice-chat-with-unrecognizable-brunette-girl-gray-hat_273609-2058.jpg",
},
]}
buttons={[
{
text: "View Menu",
href: "#menu",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/doner-wrapped-lavash-with-side-fries-ketchup_141793-664.jpg?_wi=1"
imageAlt="Shawarma Wrap"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg",
alt: "Diner 1",
},
{
src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
alt: "Diner 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg",
alt: "Diner 3",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-waitress-holding-tray-with-dessert-cafe_171337-15612.jpg",
alt: "Diner 4",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-female-courier-green-uniform-holding-food-package-light-pink-wall-service-uniform-delivery_140725-39850.jpg",
alt: "Diner 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Freshly Grilled",
},
{
type: "text",
text: "Authentic Spices",
},
{
type: "text",
text: "Family Owned",
},
{
type: "text",
text: "Handmade Saj",
},
{
type: "text",
text: "Toronto's Favorite",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "radial-gradient" }}
title="Experience the Best Shawarma in Toronto"
description="Authentic, freshly seasoned, and made with heart. At Shawarma Anas, every bite is a journey to the authentic flavors of the Middle East."
testimonials={[
{ name: "Sarah J.", handle: "@sarahj", testimonial: "The best shawarma I've ever had. Truly fresh and authentic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg" },
{ name: "Michael C.", handle: "@michaelc", testimonial: "Juicy, flavorful, and incredibly generous portions.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-facing-challenge-celebrating_1194-413929.jpg" },
{ name: "Amina E.", handle: "@aminae", testimonial: "Amazing hospitality! The free lentil soup sample is a lovely touch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-girl-with-food_23-2148972772.jpg" },
{ name: "Daniel R.", handle: "@danielr", testimonial: "Fresh, flavorful, and perfectly seasoned. Absolutely amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-talking-his-phone_23-2148214623.jpg" },
{ name: "Emily B.", handle: "@emilyb", testimonial: "The garlic sauce is out of this world. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-caucasian-redhead-woman-with-cute-smile-hair-bun-laughing-cheerfully-nice-chat-with-unrecognizable-brunette-girl-gray-hat_273609-2058.jpg" }
]}
buttons={[{ text: "View Menu", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/doner-wrapped-lavash-with-side-fries-ketchup_141793-664.jpg"
imageAlt="Shawarma Wrap"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg", alt: "Diner 1" },
{ src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg", alt: "Diner 2" },
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg", alt: "Diner 3" },
{ src: "http://img.b2bpic.net/free-photo/smiling-waitress-holding-tray-with-dessert-cafe_171337-15612.jpg", alt: "Diner 4" },
{ src: "http://img.b2bpic.net/free-photo/front-view-female-courier-green-uniform-holding-food-package-light-pink-wall-service-uniform-delivery_140725-39850.jpg", alt: "Diner 5" }
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Generosity at the Heart of Every Meal"
description="At Shawarma Anas, we believe that great food should bring people together. Our kitchen is built on authenticity, cleanliness, and the warmth of Middle Eastern hospitality."
bulletPoints={[
{
title: "Freshly Cut Daily",
description: "Meat is never stored; we serve it fresh right from the skewer.",
},
{
title: "Warm Hospitality",
description: "From complimentary soup samples to tea, we make you feel like family.",
},
{
title: "Generous Portions",
description: "We ensure you leave satisfied, with a heart and stomach full of joy.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg?_wi=1"
imageAlt="Our Kitchen"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Generosity at the Heart of Every Meal"
description="At Shawarma Anas, we believe that great food should bring people together. Our kitchen is built on authenticity, cleanliness, and the warmth of Middle Eastern hospitality."
bulletPoints={[
{ title: "Freshly Cut Daily", description: "Meat is never stored; we serve it fresh right from the skewer." },
{ title: "Warm Hospitality", description: "From complimentary soup samples to tea, we make you feel like family." },
{ title: "Generous Portions", description: "We ensure you leave satisfied, with a heart and stomach full of joy." }
]}
imageSrc="http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg"
imageAlt="Our Kitchen"
mediaAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Chicken Saj Wrap",
price: "$12.99",
imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-burrito_23-2148131369.jpg",
},
{
id: "p2",
name: "Mixed Shawarma Plate",
price: "$18.99",
imageSrc: "http://img.b2bpic.net/free-photo/lamb-doner-kebab-flatbread-served-with-pickles-fries-vertical_141793-1916.jpg",
},
{
id: "p3",
name: "Fresh Falafel Platter",
price: "$10.99",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-vegan-vegetarian-salad-with-chickpea-falafel-leaves-served-plate_1220-6903.jpg",
},
{
id: "p4",
name: "Chicken Rice Bowl",
price: "$14.99",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-set-table_140725-8209.jpg",
},
{
id: "p5",
name: "Zaatar Manakish",
price: "$7.99",
imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-gutab-stuffed-flatbreads-with-minced-meat-herbs_140725-1437.jpg",
},
{
id: "p6",
name: "Lentil Soup Bowl",
price: "$5.99",
imageSrc: "http://img.b2bpic.net/free-photo/view-hand-holding-blue-plate-with-tasty-soup-served-with-mint-pepper-green-stripped-towel_140725-94392.jpg",
},
]}
title="Authentic Menu Choices"
description="From crispy falafel to tender Saj wraps, explore the flavors that keep our customers coming back."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Chicken Saj Wrap", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-burrito_23-2148131369.jpg" },
{ id: "p2", name: "Mixed Shawarma Plate", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/lamb-doner-kebab-flatbread-served-with-pickles-fries-vertical_141793-1916.jpg" },
{ id: "p3", name: "Fresh Falafel Platter", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/tasty-vegan-vegetarian-salad-with-chickpea-falafel-leaves-served-plate_1220-6903.jpg" },
{ id: "p4", name: "Chicken Rice Bowl", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-set-table_140725-8209.jpg" },
{ id: "p5", name: "Zaatar Manakish", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-gutab-stuffed-flatbreads-with-minced-meat-herbs_140725-1437.jpg" },
{ id: "p6", name: "Lentil Soup Bowl", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/view-hand-holding-blue-plate-with-tasty-soup-served-with-mint-pepper-green-stripped-towel_140725-94392.jpg" }
]}
title="Authentic Menu Choices"
description="From crispy falafel to tender Saj wraps, explore the flavors that keep our customers coming back."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
},
{
id: "t2",
name: "Michael C.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-spanish-tortilla_23-2150168086.jpg",
},
{
id: "t3",
name: "Amina E.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-couple-talking-while-having-meal-dining-table_637285-12645.jpg",
},
{
id: "t4",
name: "Daniel R.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-clinking-glasses-restaurant_23-2148214597.jpg",
},
{
id: "t5",
name: "Emily B.",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520109.jpg",
},
]}
cardTitle="What Our Community Says"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
cardAnimation="slide-up"
cardTitle="What Our Community Says"
cardTag="Testimonials"
testimonials={[
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg" },
{ id: "t2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-spanish-tortilla_23-2150168086.jpg" },
{ id: "t3", name: "Amina E.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-couple-talking-while-having-meal-dining-table_637285-12645.jpg" },
{ id: "t4", name: "Daniel R.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-clinking-glasses-restaurant_23-2148214597.jpg" },
{ id: "t5", name: "Emily B.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520109.jpg" }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "100%",
description: "Fresh Ingredients",
},
{
id: "m2",
value: "5000+",
description: "Satisfied Customers",
},
{
id: "m3",
value: "10+",
description: "Years of Experience",
},
]}
title="Serving Smiles Daily"
description="Our commitment to quality, warmth, and generous service has made us a neighborhood favorite."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "100%", description: "Fresh Ingredients" },
{ id: "m2", value: "5000+", description: "Satisfied Customers" },
{ id: "m3", value: "10+", description: "Years of Experience" }
]}
title="Serving Smiles Daily"
description="Our commitment to quality, warmth, and generous service has made us a neighborhood favorite."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
members={[
{
id: "tm1",
name: "Mr. Jamil",
role: "Head Host",
description: "The soul of our service, dedicated to making every guest feel at home.",
imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-wrapped-thin-pita_23-2148651102.jpg",
imageAlt: "Arabic kebab sandwich wrapped in thin pita",
},
{
id: "tm2",
name: "Ramez",
role: "Chef",
description: "Passionate about authentic spice blends and perfect seasoning.",
imageSrc: "http://img.b2bpic.net/free-photo/doner-wrapped-lavash-with-side-fries-ketchup_141793-664.jpg?_wi=2",
imageAlt: "Arabic kebab sandwich wrapped in thin pita",
},
{
id: "tm3",
name: "Hamza",
role: "Hospitality Lead",
description: "Ensuring every customer receives our signature warm welcome.",
imageSrc: "http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg?_wi=2",
imageAlt: "Arabic kebab sandwich wrapped in thin pita",
},
]}
title="Meet Our Dedicated Team"
description="The friendly faces behind every meal at Shawarma Anas."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
members={[
{ id: "tm1", name: "Mr. Jamil", role: "Head Host", description: "The soul of our service, dedicated to making every guest feel at home.", imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-wrapped-thin-pita_23-2148651102.jpg" },
{ id: "tm2", name: "Ramez", role: "Chef", description: "Passionate about authentic spice blends and perfect seasoning.", imageSrc: "http://img.b2bpic.net/free-photo/doner-wrapped-lavash-with-side-fries-ketchup_141793-664.jpg" },
{ id: "tm3", name: "Hamza", role: "Hospitality Lead", description: "Ensuring every customer receives our signature warm welcome.", imageSrc: "http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg" }
]}
title="Meet Our Dedicated Team"
description="The friendly faces behind every meal at Shawarma Anas."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do you offer dine-in options?",
content: "Yes, we have a clean and cozy dining area for families.",
},
{
id: "f2",
title: "Are you open for delivery?",
content: "Absolutely! You can order online via major delivery services.",
},
{
id: "f3",
title: "Do you offer vegetarian options?",
content: "Yes, our falafel platter is fresh and 100% vegetarian.",
},
]}
sideTitle="Questions? Ask us."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqsAnimation="slide-up"
sideTitle="Questions? Ask us."
faqs={[
{ id: "f1", title: "Do you offer dine-in options?", content: "Yes, we have a clean and cozy dining area for families." },
{ id: "f2", title: "Are you open for delivery?", content: "Absolutely! You can order online via major delivery services." },
{ id: "f3", title: "Do you offer vegetarian options?", content: "Yes, our falafel platter is fresh and 100% vegetarian." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Visit Us"
title="Ready for a Taste?"
description="Come visit us in Mississauga and experience our legendary shawarma first-hand."
buttons={[
{
text: "Get Directions",
href: "https://maps.google.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Visit Us"
title="Ready for a Taste?"
description="Come visit us in Mississauga and experience our legendary shawarma first-hand."
buttons={[{ text: "Get Directions", href: "https://maps.google.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Shawarma Anas"
columns={[
{
title: "Restaurant",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Menu",
href: "#menu",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
]}
copyrightText="© 2025 Shawarma Anas. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Shawarma Anas"
columns={[
{ title: "Restaurant", items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#menu" }] },
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
]}
copyrightText="© 2025 Shawarma Anas. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}