Update src/app/page.tsx
This commit is contained in:
265
src/app/page.tsx
265
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Location", id: "contact"},
|
||||
]}
|
||||
brandName="AL RAYES"
|
||||
/>
|
||||
@@ -53,78 +47,39 @@ export default function LandingPage() {
|
||||
description="Slow-grilled meats, house-made garlic sauce, and bold Damascus flavour — crafted fresh, served fast."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Best shawarma I've had in Melbourne. Truly authentic.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5w532y&_wi=1",
|
||||
imageAlt: "grilled shawarma meat closeup",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "Best shawarma I've had in Melbourne. Truly authentic.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5w532y", imageAlt: "grilled shawarma meat closeup"},
|
||||
{
|
||||
name: "Michael A.",
|
||||
handle: "@michaela",
|
||||
testimonial: "The garlic sauce is insane. I keep coming back for it.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qz5cb4&_wi=1",
|
||||
imageAlt: "grilled shawarma meat closeup",
|
||||
},
|
||||
name: "Michael A.", handle: "@michaela", testimonial: "The garlic sauce is insane. I keep coming back for it.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qz5cb4", imageAlt: "grilled shawarma meat closeup"},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Flavorful without being too heavy. One of the best platters.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puagnv&_wi=1",
|
||||
imageAlt: "grilled shawarma meat closeup",
|
||||
},
|
||||
name: "John D.", handle: "@johnd", testimonial: "Flavorful without being too heavy. One of the best platters.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puagnv", imageAlt: "grilled shawarma meat closeup"},
|
||||
{
|
||||
name: "Linda M.",
|
||||
handle: "@lindam",
|
||||
testimonial: "Always fresh, always juicy. The service is quick too.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3jizz2&_wi=1",
|
||||
imageAlt: "grilled shawarma meat closeup",
|
||||
},
|
||||
name: "Linda M.", handle: "@lindam", testimonial: "Always fresh, always juicy. The service is quick too.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3jizz2", imageAlt: "grilled shawarma meat closeup"},
|
||||
{
|
||||
name: "Maria K.",
|
||||
handle: "@mariak",
|
||||
testimonial: "The garlic sauce is insane, I take a tub home every time.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rvp6oa&_wi=1",
|
||||
imageAlt: "grilled shawarma meat closeup",
|
||||
},
|
||||
name: "Maria K.", handle: "@mariak", testimonial: "The garlic sauce is insane, I take a tub home every time.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rvp6oa", imageAlt: "grilled shawarma meat closeup"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Now", href: "#"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5w532y&_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5w532y"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u1ajo5",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u1ajo5", alt: "Customer 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2crzcj",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2crzcj", alt: "Customer 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=peqho3",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=peqho3", alt: "Customer 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ohzs3y",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ohzs3y", alt: "Customer 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iasbrn",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iasbrn", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Loved by 500+ locals"
|
||||
/>
|
||||
@@ -135,14 +90,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Al Rayes Experience",
|
||||
},
|
||||
type: "text", content: "The Al Rayes Experience"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qz5cb4",
|
||||
alt: "Syrian grill",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qz5cb4", alt: "Syrian grill"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,47 +105,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chicken Shawarma Wrap",
|
||||
price: "14.50",
|
||||
variant: "Authentic",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puagnv&_wi=2",
|
||||
},
|
||||
id: "1", name: "Chicken Shawarma Wrap", price: "14.50", variant: "Authentic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puagnv"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mixed Shawarma Plate",
|
||||
price: "22.00",
|
||||
variant: "Hearty",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3jizz2&_wi=2",
|
||||
},
|
||||
id: "2", name: "Mixed Shawarma Plate", price: "22.00", variant: "Hearty", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3jizz2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Shawarma Pizza",
|
||||
price: "18.00",
|
||||
variant: "Fusion",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rvp6oa&_wi=2",
|
||||
},
|
||||
id: "3", name: "Shawarma Pizza", price: "18.00", variant: "Fusion", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rvp6oa"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sujuk Plate",
|
||||
price: "19.50",
|
||||
variant: "Spiced",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6pwedm",
|
||||
},
|
||||
id: "4", name: "Sujuk Plate", price: "19.50", variant: "Spiced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6pwedm"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Garlic Sauce Bowl",
|
||||
price: "6.00",
|
||||
variant: "Addiction",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=drrkw0",
|
||||
},
|
||||
id: "5", name: "Garlic Sauce Bowl", price: "6.00", variant: "Addiction", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=drrkw0"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Chef's Selection",
|
||||
price: "28.00",
|
||||
variant: "Premium",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a4k1bm",
|
||||
},
|
||||
id: "6", name: "Chef's Selection", price: "28.00", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a4k1bm"},
|
||||
]}
|
||||
title="Signature Flavours"
|
||||
description="Explore our authentic menu crafted with traditional spices and techniques."
|
||||
@@ -209,32 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Authentic Syrian Profile",
|
||||
descriptions: [
|
||||
"Not adjusted for mass taste, staying true to traditional Damascus roots.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qz5cb4&_wi=2",
|
||||
imageAlt: "charcoal grill fire warm",
|
||||
},
|
||||
id: "1", title: "Authentic Syrian Profile", descriptions: [
|
||||
"Not adjusted for mass taste, staying true to traditional Damascus roots."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qz5cb4", imageAlt: "charcoal grill fire warm"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Legendary Garlic Sauce",
|
||||
descriptions: [
|
||||
"Our house-made signature dip remains our most requested item.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5w532y&_wi=3",
|
||||
imageAlt: "charcoal grill fire warm",
|
||||
},
|
||||
id: "2", title: "Legendary Garlic Sauce", descriptions: [
|
||||
"Our house-made signature dip remains our most requested item."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5w532y", imageAlt: "charcoal grill fire warm"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Zero Kitchen Variation",
|
||||
descriptions: [
|
||||
"We ensure consistent, high-quality preparation in every single visit.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puagnv&_wi=3",
|
||||
imageAlt: "charcoal grill fire warm",
|
||||
},
|
||||
id: "3", title: "Zero Kitchen Variation", descriptions: [
|
||||
"We ensure consistent, high-quality preparation in every single visit."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puagnv", imageAlt: "charcoal grill fire warm"},
|
||||
]}
|
||||
title="Why locals keep coming back"
|
||||
description="Excellence defined by consistency and heritage."
|
||||
@@ -243,44 +148,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Flavorful without being too heavy. One of the best platters.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u1ajo5",
|
||||
},
|
||||
id: "1", name: "John D.", handle: "@johnd", testimonial: "Flavorful without being too heavy. One of the best platters.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u1ajo5"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ahsan A.",
|
||||
handle: "@ahsan",
|
||||
testimonial: "Chicken shawarma pizza was delicious, very unique.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2crzcj",
|
||||
},
|
||||
id: "2", name: "Ahsan A.", handle: "@ahsan", testimonial: "Chicken shawarma pizza was delicious, very unique.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2crzcj"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda M.",
|
||||
handle: "@lindam",
|
||||
testimonial: "Always fresh, always juicy. The service is quick too.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=peqho3",
|
||||
},
|
||||
id: "3", name: "Linda M.", handle: "@lindam", testimonial: "Always fresh, always juicy. The service is quick too.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=peqho3"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam R.",
|
||||
handle: "@samr",
|
||||
testimonial: "Everything on the menu is quality. Definitely a favorite.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ohzs3y",
|
||||
},
|
||||
id: "4", name: "Sam R.", handle: "@samr", testimonial: "Everything on the menu is quality. Definitely a favorite.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ohzs3y"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria K.",
|
||||
handle: "@mariak",
|
||||
testimonial: "The garlic sauce is insane, I take a tub home every time.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iasbrn",
|
||||
},
|
||||
id: "5", name: "Maria K.", handle: "@mariak", testimonial: "The garlic sauce is insane, I take a tub home every time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iasbrn"},
|
||||
]}
|
||||
title="Voice of the Neighborhood"
|
||||
description="See what our regulars have to say about Al Rayes."
|
||||
@@ -289,28 +170,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer takeaway?",
|
||||
content: "Yes, we offer convenient pickup and takeaway services daily.",
|
||||
},
|
||||
id: "1", title: "Do you offer takeaway?", content: "Yes, we offer convenient pickup and takeaway services daily."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is the meat Halal?",
|
||||
content: "Yes, all our grilled meats are 100% Halal certified.",
|
||||
},
|
||||
id: "2", title: "Is the meat Halal?", content: "Yes, all our grilled meats are 100% Halal certified."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you have vegetarian options?",
|
||||
content: "We offer delicious falafel plates and various sides suitable for vegetarians.",
|
||||
},
|
||||
id: "3", title: "Do you have vegetarian options?", content: "We offer delicious falafel plates and various sides suitable for vegetarians."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our grill."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -318,20 +190,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Shawarma Al Rayes, Melbourne"
|
||||
description="Join us today for an authentic experience. Freshly made, no shortcuts."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -340,37 +207,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Wraps",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Wraps", href: "#menu"},
|
||||
{
|
||||
label: "Plates",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Plates", href: "#menu"},
|
||||
{
|
||||
label: "Pizza",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Pizza", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Google Maps",
|
||||
href: "#",
|
||||
},
|
||||
label: "Google Maps", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user