Merge version_1 into main #2
@@ -8,109 +8,75 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { Facebook, Instagram } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Gyro Place"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Order", id: "/contact" },
|
||||
]}
|
||||
brandName="Gyro Place"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-story" data-section="about-story">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Roots"
|
||||
description="Born from family traditions and a love for authentic Egyptian street food."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Halal Certified",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Happy Guests",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indian-man-mountains-male-traditional-turban-hinduist-with-special-things-rituals_1157-41087.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-story" data-section="about-story">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Roots"
|
||||
description="Born from family traditions and a love for authentic Egyptian street food."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "100%", title: "Halal Certified" },
|
||||
{ value: "5000+", title: "Happy Guests" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indian-man-mountains-male-traditional-turban-hinduist-with-special-things-rituals_1157-41087.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Quality First"
|
||||
description="We source ingredients from the best local providers."
|
||||
metrics={[
|
||||
{
|
||||
id: "ms1",
|
||||
value: "100%",
|
||||
description: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
id: "ms2",
|
||||
value: "24h",
|
||||
description: "Slow Marination",
|
||||
},
|
||||
{
|
||||
id: "ms3",
|
||||
value: "Tradition",
|
||||
description: "Family Recipes",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Quality First"
|
||||
description="We source ingredients from the best local providers."
|
||||
metrics={[
|
||||
{ id: "ms1", value: "100%", description: "Fresh Ingredients" },
|
||||
{ id: "ms2", value: "24h", description: "Slow Marination" },
|
||||
{ id: "ms3", value: "Tradition", description: "Family Recipes" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Gyro Place"
|
||||
copyrightText="© 2025 Gyro Place. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Gyro Place"
|
||||
copyrightText="© 2025 Gyro Place. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -8,94 +8,68 @@ import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { Facebook, Instagram } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Gyro Place"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Order", id: "/contact" },
|
||||
]}
|
||||
brandName="Gyro Place"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Order Now"
|
||||
title="Get Your Meal"
|
||||
description="Call us to order or stop by for a dine-in experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Order Now"
|
||||
title="Get Your Meal"
|
||||
description="Call us to order or stop by for a dine-in experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Booking Inquiries"
|
||||
description="Planning a large group visit? Let us know."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Contact Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Booking Date",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Booking Inquiries"
|
||||
description="Planning a large group visit? Let us know."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Contact Name", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Booking Date", required: true },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Gyro Place"
|
||||
copyrightText="© 2025 Gyro Place. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Gyro Place"
|
||||
copyrightText="© 2025 Gyro Place. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -8,138 +8,79 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import { Facebook, Instagram } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Gyro Place"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Order", id: "/contact" },
|
||||
]}
|
||||
brandName="Gyro Place"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-grid" data-section="menu-grid">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Lamb Gyro",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-doner-set-table_140725-9688.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Chicken Shawarma Plate",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greek-meatballs-with-tzatziki-sauce_127032-3543.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Falafel Sandwich",
|
||||
price: "$9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-eating-arab-restaurant_23-2147794275.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Egyptian Rice Plate",
|
||||
price: "$13.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-burrito-showing-approval_23-2148329078.jpg",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Side Hummus",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kiev-style-cutlets-lemon-lettuce-side-view_141793-2767.jpg",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Traditional Drink",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sizzling-kebabs-glowing-charcoal_84443-72287.jpg",
|
||||
},
|
||||
]}
|
||||
title="Explore Our Menu"
|
||||
description="100% Halal goodness in every bite."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu-grid" data-section="menu-grid">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "m1", name: "Lamb Gyro", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-doner-set-table_140725-9688.jpg" },
|
||||
{ id: "m2", name: "Chicken Shawarma Plate", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/greek-meatballs-with-tzatziki-sauce_127032-3543.jpg" },
|
||||
{ id: "m3", name: "Falafel Sandwich", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/man-eating-arab-restaurant_23-2147794275.jpg" },
|
||||
{ id: "m4", name: "Egyptian Rice Plate", price: "$13.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-burrito-showing-approval_23-2148329078.jpg" },
|
||||
{ id: "m5", name: "Side Hummus", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/kiev-style-cutlets-lemon-lettuce-side-view_141793-2767.jpg" },
|
||||
{ id: "m6", name: "Traditional Drink", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/sizzling-kebabs-glowing-charcoal_84443-72287.jpg" },
|
||||
]}
|
||||
title="Explore Our Menu"
|
||||
description="100% Halal goodness in every bite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Daily Specials"
|
||||
description="Freshly prepared every morning."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-food-table_23-2149882892.jpg"
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
brand: "Classic",
|
||||
name: "Beef Kofta",
|
||||
price: "$15.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-grilled-skewers-with-meat-vegetables-generative-ai_188544-12321.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
brand: "Veggie",
|
||||
name: "Hummus Plate",
|
||||
price: "$8.00",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/falafel-hummus-pita-middle-eastern-arabic-dishes_2829-14253.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Daily Specials"
|
||||
description="Freshly prepared every morning."
|
||||
products={[
|
||||
{ id: "s1", name: "Beef Kofta", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-grilled-skewers-with-meat-vegetables-generative-ai_188544-12321.jpg" },
|
||||
{ id: "s2", name: "Hummus Plate", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/falafel-hummus-pita-middle-eastern-arabic-dishes_2829-14253.jpg" },
|
||||
{ id: "s3", name: "Mixed Grill", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/sizzling-kebabs-glowing-charcoal_84443-72287.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Gyro Place"
|
||||
copyrightText="© 2025 Gyro Place. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Gyro Place"
|
||||
copyrightText="© 2025 Gyro Place. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
305
src/app/page.tsx
305
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Facebook, Instagram } from "lucide-react";
|
||||
import { Facebook, Instagram, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,218 +17,113 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Order",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Gyro Place"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Order", id: "/contact" },
|
||||
]}
|
||||
brandName="Gyro Place"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Authentic Egyptian Halal Street Food"
|
||||
description="Fresh, flavorful, and made to order using traditional family recipes."
|
||||
tag="Halal • Takeout • Dine-In"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tasty-shawarma-dish_23-2151805443.jpg?_wi=1",
|
||||
imageAlt: "Fresh Gyro Platter",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-meal_23-2149039393.jpg?_wi=1",
|
||||
imageAlt: "Falafel Plate",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-wild-berries-clay-pot-table_141793-3800.jpg?_wi=1",
|
||||
imageAlt: "Kebab Grill",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "plain" }}
|
||||
title="Authentic Egyptian Halal Street Food"
|
||||
description="Fresh, flavorful, and made to order using traditional family recipes."
|
||||
tag="Halal • Takeout • Dine-In"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-tasty-shawarma-dish_23-2151805443.jpg", imageAlt: "Fresh Gyro Platter" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-meal_23-2149039393.jpg", imageAlt: "Falafel Plate" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-wild-berries-clay-pot-table_141793-3800.jpg", imageAlt: "Kebab Grill" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lamb Gyros",
|
||||
description: "Succulent, slow-roasted lamb slices.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-doner-with-lettuce-cucumber-tomato-herbs-pita-bread_141793-56.jpg",
|
||||
imageAlt: "authentic gyros close up",
|
||||
},
|
||||
{
|
||||
title: "Chicken Shawarma",
|
||||
description: "Tender marinated chicken strips.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tasty-shawarma-dish_23-2151805443.jpg?_wi=2",
|
||||
imageAlt: "authentic gyros close up",
|
||||
},
|
||||
{
|
||||
title: "Classic Falafel",
|
||||
description: "Crispy outside, fluffy inside.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-meal_23-2149039393.jpg?_wi=2",
|
||||
imageAlt: "authentic gyros close up",
|
||||
},
|
||||
{
|
||||
title: "Rice Plates",
|
||||
description: "Fragrant rice with spices.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-wild-berries-clay-pot-table_141793-3800.jpg?_wi=2",
|
||||
imageAlt: "authentic gyros close up",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Bold flavors inspired by the streets of Egypt."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Lamb Gyros", description: "Succulent, slow-roasted lamb slices.", buttonIcon: Zap },
|
||||
{ title: "Chicken Shawarma", description: "Tender marinated chicken strips.", buttonIcon: Zap },
|
||||
{ title: "Classic Falafel", description: "Crispy outside, fluffy inside.", buttonIcon: Zap },
|
||||
{ title: "Rice Plates", description: "Fragrant rice with spices.", buttonIcon: Zap },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Bold flavors inspired by the streets of Egypt."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-with-round-delivery-bowl-his-hands-pink-background_140725-40595.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-drink_1098-14107.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-whispering-woman-sitting-table-kitchen_23-2148024565.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Loved by Locals"
|
||||
cardTag="Authentic Experience"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg" },
|
||||
{ id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-with-round-delivery-bowl-his-hands-pink-background_140725-40595.jpg" },
|
||||
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
|
||||
{ id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-drink_1098-14107.jpg" },
|
||||
{ id: "5", name: "Alex B.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-whispering-woman-sitting-table-kitchen_23-2148024565.jpg" },
|
||||
]}
|
||||
cardTitle="Loved by Locals"
|
||||
cardTag="Authentic Experience"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our food and service."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is all your food Halal?",
|
||||
content: "Yes, we are 100% Halal certified, serving traditional Egyptian street food.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer takeout?",
|
||||
content: "Absolutely! You can order for pickup via our contact page.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have vegan options?",
|
||||
content: "Yes, our falafel is freshly made and naturally vegan-friendly.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Is there seating available?",
|
||||
content: "We offer a cozy dine-in experience for all our guests.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do you cater events?",
|
||||
content: "Yes, please contact us for custom catering packages.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our food and service."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is all your food Halal?", content: "Yes, we are 100% Halal certified, serving traditional Egyptian street food." },
|
||||
{ id: "f2", title: "Do you offer takeout?", content: "Absolutely! You can order for pickup via our contact page." },
|
||||
{ id: "f3", title: "Do you have vegan options?", content: "Yes, our falafel is freshly made and naturally vegan-friendly." },
|
||||
{ id: "f4", title: "Is there seating available?", content: "We offer a cozy dine-in experience for all our guests." },
|
||||
{ id: "f5", title: "Do you cater events?", content: "Yes, please contact us for custom catering packages." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reach Out To Us"
|
||||
description="Have questions or feedback? We'd love to hear from you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-with-red-carpet-floor-tables-chairs_140725-8024.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reach Out To Us"
|
||||
description="Have questions or feedback? We'd love to hear from you."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your message", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Gyro Place"
|
||||
copyrightText="© 2025 Gyro Place. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Gyro Place"
|
||||
copyrightText="© 2025 Gyro Place. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user