Merge version_2 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -31,92 +31,42 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Story",
|
||||
id: "#story",
|
||||
},
|
||||
name: "Story", id: "#story"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Daily Special", id: "#menu-daily"},
|
||||
{
|
||||
name: "Find Us",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Find Us", id: "#contact"},
|
||||
]}
|
||||
brandName="Grill Taste"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Order Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Mediterranean soul, open fire craft."
|
||||
description="Where street food culture meets the moody elegance of the grill. Experience elevated platters in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smoked-meat-platter-with-turkey-beef-garnished-with-tomato-lemon_140725-8467.jpg"
|
||||
imageAlt="Mediterranean Grill House"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "5/5 Star Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Fire Craft",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Flavors",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Methods",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-woman-having-dinner-together_23-2148454155.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
{ type: "text", text: "5/5 Star Quality" },
|
||||
{ type: "text", text: "Premium Ingredients" },
|
||||
{ type: "text", text: "Open Fire Craft" },
|
||||
{ type: "text", text: "Authentic Flavors" },
|
||||
{ type: "text", text: "Traditional Methods" },
|
||||
]}
|
||||
avatarText="Loved by 10k+ food enthusiasts"
|
||||
/>
|
||||
@@ -128,9 +78,7 @@ export default function LandingPage() {
|
||||
title="Our Story: The Flame and The Feast."
|
||||
buttons={[
|
||||
{
|
||||
text: "See Our Philosophy",
|
||||
href: "#",
|
||||
},
|
||||
text: "See Our Philosophy", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,54 +90,46 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Shawarma Platter",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-white-cheese_140725-3829.jpg",
|
||||
imageAlt: "Shawarma Platter",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Hummus & Mezze Selection",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-fish-with-cheese-glass-wine_140725-6341.jpg",
|
||||
imageAlt: "Hummus Plate",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Flame-Grilled Lamb Skewers",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-chicken-kebab-wooden-serving-board-other-stuffs-table_140725-147746.jpg",
|
||||
imageAlt: "Lamb Skewers",
|
||||
},
|
||||
{ id: "1", name: "Classic Shawarma Platter", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-white-cheese_140725-3829.jpg" },
|
||||
{ id: "2", name: "Hummus & Mezze Selection", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/sliced-fish-with-cheese-glass-wine_140725-6341.jpg" },
|
||||
{ id: "3", name: "Flame-Grilled Lamb Skewers", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-chicken-kebab-wooden-serving-board-other-stuffs-table_140725-147746.jpg" },
|
||||
]}
|
||||
title="The Signature Collection"
|
||||
description="Masterfully grilled, locally sourced, and served with a touch of Mediterranean luxury."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-daily" data-section="menu-daily">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
title="Daily Specials"
|
||||
description="Our rotating selection of premium favorites, available daily."
|
||||
products={[
|
||||
{ id: "ds1", name: "Large Chicken Wrap", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/chicken-wrap-platter_1.jpg" },
|
||||
{ id: "ds2", name: "Butter Chicken with Rice", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/butter-chicken-rice_1.jpg" },
|
||||
{ id: "ds3", name: "Lamb Poutine", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/lamb-poutine_1.jpg" },
|
||||
{ id: "ds4", name: "Sharaabi Purji (Our Special)", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/sharaabi-purji_1.jpg" },
|
||||
{ id: "ds5", name: "Vegetarian Purji (Our Special)", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/veg-purji_1.jpg" },
|
||||
{ id: "ds6", name: "Mango Dessert Cup", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/mango-dessert_1.jpg" },
|
||||
{ id: "ds7", name: "FROZEN CHICKEN", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/frozen-meat_1.jpg" },
|
||||
{ id: "ds8", name: "FROZEN BEEF", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/frozen-meat_1.jpg" },
|
||||
{ id: "ds9", name: "FROZEN LAMB", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/frozen-meat_1.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Quality at Every Turn"
|
||||
tag="Our Commitment"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Freshly Sourced Meat",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12hr",
|
||||
description: "Slow Marinade Process",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9+",
|
||||
description: "Customer Rating",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "Freshly Sourced Meat" },
|
||||
{ id: "m2", value: "12hr", description: "Slow Marinade Process" },
|
||||
{ id: "m3", value: "4.9+", description: "Customer Rating" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -200,46 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible quality",
|
||||
quote: "The shawarma platter was absolute perfection. The atmosphere is top-tier.",
|
||||
name: "Sarah J.",
|
||||
role: "Food Critic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "New favorite place",
|
||||
quote: "Best lamb skewers I've ever had. Loved the moody lighting and vibe.",
|
||||
name: "Michael K.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Exceptional service",
|
||||
quote: "Hospitality here is unmatched. It feels like a high-end experience.",
|
||||
name: "Elena R.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-having-dinner-together_23-2148454155.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Simply delicious",
|
||||
quote: "The fire-grilled flavor is authentic and elevated. Will return again.",
|
||||
name: "David W.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Must visit",
|
||||
quote: "The best dining atmosphere in the city, truly unique and sophisticated.",
|
||||
name: "Alex P.",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", title: "Incredible quality", quote: "The shawarma platter was absolute perfection.", name: "Sarah J.", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg?_wi=1" },
|
||||
{ id: "t2", title: "New favorite place", quote: "Best lamb skewers I've ever had.", name: "Michael K.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg" },
|
||||
{ id: "t3", title: "Exceptional service", quote: "Hospitality here is unmatched.", name: "Elena R.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-having-dinner-together_23-2148454155.jpg" }
|
||||
]}
|
||||
title="Luxury Dining Experiences"
|
||||
description="What our guests say about our signature grill house atmosphere."
|
||||
@@ -251,21 +154,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No frozen ingredients",
|
||||
"No processed fillers",
|
||||
"No rush service",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Farm-fresh produce",
|
||||
"Traditional grilling methods",
|
||||
"Warm hospitality",
|
||||
"Unmatched value",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["No frozen ingredients", "No processed fillers", "No rush service"] }}
|
||||
positiveCard={{ items: ["Farm-fresh produce", "Traditional grilling methods", "Warm hospitality", "Unmatched value"] }}
|
||||
title="Our Pillars of Quality"
|
||||
description="Everything we do is guided by our core values."
|
||||
/>
|
||||
@@ -274,30 +164,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Visit us in the heart of the city for an unforgettable Mediterranean feast."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Table",
|
||||
href: "tel:555-0100",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Table", href: "tel:555-0100" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Grill Taste"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user