Merge version_2 into main #2
168
src/app/page.tsx
168
src/app/page.tsx
@@ -10,6 +10,8 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
const addToCart = (productName: string) => () => alert(`Added ${productName} to cart!`);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -24,34 +26,27 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<div id="nav" data-section="nav" className="relative z-50">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Burgers", id: "#burgers"},
|
||||
{
|
||||
name: "Pizza", id: "#pizza"},
|
||||
{
|
||||
name: "Drinks", id: "#drinks"},
|
||||
{
|
||||
name: "Deals", id: "#deals"},
|
||||
{ name: "Burgers", id: "#burgers" },
|
||||
{ name: "Pizza", id: "#pizza" },
|
||||
{ name: "Drinks", id: "#drinks" },
|
||||
{ name: "Deals", id: "#deals" },
|
||||
]}
|
||||
brandName="Desert Bite"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<div id="hero" data-section="hero" className="relative z-10">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Welcome to Desert Bite"
|
||||
description="Authentic flavors delivered right to you in Sharjah."
|
||||
tag="Sharjah's Finest Burgers"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868220.jpg", imageAlt: "Desert Bite Hero Image 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-copy-space_23-2148678844.jpg", imageAlt: "Desert Bite Hero Image 2"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868220.jpg", imageAlt: "Desert Bite Hero Image 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-copy-space_23-2148678844.jpg", imageAlt: "Desert Bite Hero Image 2" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -59,181 +54,116 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="burgers" data-section="burgers">
|
||||
<div id="burgers" data-section="burgers" className="relative z-20">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "b1", name: "Spicy Burger", price: "18 AED", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-black-burger-fries-wooden-board_23-2148238520.jpg", imageAlt: "Spicy Burger"},
|
||||
{
|
||||
id: "b2", name: "Classic Tomato Burger", price: "15 AED", imageSrc: "http://img.b2bpic.net/free-photo/making-homemade-burger-ingredients-cooking-wooden-tabletop-view-flat-lay-copy-space_127032-3012.jpg", imageAlt: "Classic Tomato Burger"},
|
||||
{
|
||||
id: "b3", name: "Cheese Loaded Burger", price: "20 AED", imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-with-tomato-onion-fries-generative-ai_188544-36987.jpg", imageAlt: "Cheese Loaded Burger"},
|
||||
{
|
||||
id: "b4", name: "Crispy Zinger Burger", price: "17 AED", imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-chicken-nuggets-tomatoes-with-stem-pepper-wooden-board-sauce-ketchup-dark-blue-surface_179666-42693.jpg", imageAlt: "Crispy Zinger Burger"},
|
||||
{ id: "b1", name: "Spicy Burger", price: "18 AED", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-black-burger-fries-wooden-board_23-2148238520.jpg", onProductClick: addToCart("Spicy Burger") },
|
||||
{ id: "b2", name: "Classic Tomato Burger", price: "15 AED", imageSrc: "http://img.b2bpic.net/free-photo/making-homemade-burger-ingredients-cooking-wooden-tabletop-view-flat-lay-copy-space_127032-3012.jpg", onProductClick: addToCart("Classic Tomato Burger") },
|
||||
{ id: "b3", name: "Cheese Loaded Burger", price: "20 AED", imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-with-tomato-onion-fries-generative-ai_188544-36987.jpg", onProductClick: addToCart("Cheese Loaded Burger") },
|
||||
{ id: "b4", name: "Crispy Zinger Burger", price: "17 AED", imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-chicken-nuggets-tomatoes-with-stem-pepper-wooden-board-sauce-ketchup-dark-blue-surface_179666-42693.jpg", onProductClick: addToCart("Crispy Zinger Burger") },
|
||||
]}
|
||||
title="Signature Burgers"
|
||||
description="Juicy, fresh, and loaded with flavor."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pizza" data-section="pizza">
|
||||
<div id="pizza" data-section="pizza" className="relative z-20">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Pepperoni Pizza", price: "25 AED", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-pizza-wooden-cutting-board-left-side-dark-blue-surface-with-free-space_179666-42379.jpg", imageAlt: "Pepperoni Pizza"},
|
||||
{
|
||||
id: "p2", name: "Veggie Pizza", price: "22 AED", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-concept_23-2148643464.jpg", imageAlt: "Veggie Pizza"},
|
||||
{
|
||||
id: "p3", name: "Margherita", price: "20 AED", imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-wooden-board-with-glass-cocktail_114579-2669.jpg", imageAlt: "Margherita"},
|
||||
{
|
||||
id: "p4", name: "BBQ Chicken", price: "28 AED", imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-table_140725-8752.jpg", imageAlt: "BBQ Chicken"},
|
||||
{
|
||||
id: "p5", name: "Meat Feast", price: "30 AED", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salami-pizza-stand-with-knife-tomatoes-olives-bell-pepper-black-table_141793-13186.jpg", imageAlt: "Meat Feast"},
|
||||
{
|
||||
id: "p6", name: "Hawaiian", price: "24 AED", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-pizza_23-2151946420.jpg", imageAlt: "Hawaiian"},
|
||||
{ id: "p1", name: "Pepperoni Pizza", price: "25 AED", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-pizza-wooden-cutting-board-left-side-dark-blue-surface-with-free-space_179666-42379.jpg", onProductClick: addToCart("Pepperoni Pizza") },
|
||||
{ id: "p2", name: "Veggie Pizza", price: "22 AED", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-concept_23-2148643464.jpg", onProductClick: addToCart("Veggie Pizza") },
|
||||
{ id: "p3", name: "Margherita", price: "20 AED", imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-wooden-board-with-glass-cocktail_114579-2669.jpg", onProductClick: addToCart("Margherita") },
|
||||
{ id: "p4", name: "BBQ Chicken", price: "28 AED", imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-table_140725-8752.jpg", onProductClick: addToCart("BBQ Chicken") },
|
||||
{ id: "p5", name: "Meat Feast", price: "30 AED", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salami-pizza-stand-with-knife-tomatoes-olives-bell-pepper-black-table_141793-13186.jpg", onProductClick: addToCart("Meat Feast") },
|
||||
{ id: "p6", name: "Hawaiian", price: "24 AED", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-pizza_23-2151946420.jpg", onProductClick: addToCart("Hawaiian") },
|
||||
]}
|
||||
title="Fresh Pizza"
|
||||
description="Hand-tossed and oven-baked goodness."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="drinks" data-section="drinks">
|
||||
<div id="drinks" data-section="drinks" className="relative z-20">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "d1", name: "Coca-Cola", price: "5 AED", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cold-drink-cola-with-ice-cubes_1150-26260.jpg", imageAlt: "Coca-Cola"},
|
||||
{
|
||||
id: "d2", name: "Fresh Orange Juice", price: "10 AED", imageSrc: "http://img.b2bpic.net/free-photo/detox-drink-with-orange-slices_23-2148683613.jpg", imageAlt: "Orange Juice"},
|
||||
{
|
||||
id: "d3", name: "Water", price: "2 AED", imageSrc: "http://img.b2bpic.net/free-photo/iced-cola-table_1339-8470.jpg", imageAlt: "Water"},
|
||||
{
|
||||
id: "d4", name: "Iced Tea", price: "8 AED", imageSrc: "http://img.b2bpic.net/free-photo/coke-glass_74190-4442.jpg", imageAlt: "Iced Tea"},
|
||||
{
|
||||
id: "d5", name: "Lemonade", price: "7 AED", imageSrc: "http://img.b2bpic.net/free-photo/smoothie-fruits-wooden-tabletop_23-2147778323.jpg", imageAlt: "Lemonade"},
|
||||
{
|
||||
id: "d6", name: "Energy Drink", price: "12 AED", imageSrc: "http://img.b2bpic.net/free-photo/glass-coke-with-ice-cubes_181624-31300.jpg", imageAlt: "Energy Drink"},
|
||||
{ id: "d1", name: "Coca-Cola", price: "5 AED", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cold-drink-cola-with-ice-cubes_1150-26260.jpg", onProductClick: addToCart("Coca-Cola") },
|
||||
{ id: "d2", name: "Fresh Orange Juice", price: "10 AED", imageSrc: "http://img.b2bpic.net/free-photo/detox-drink-with-orange-slices_23-2148683613.jpg", onProductClick: addToCart("Fresh Orange Juice") },
|
||||
{ id: "d3", name: "Water", price: "2 AED", imageSrc: "http://img.b2bpic.net/free-photo/iced-cola-table_1339-8470.jpg", onProductClick: addToCart("Water") },
|
||||
{ id: "d4", name: "Iced Tea", price: "8 AED", imageSrc: "http://img.b2bpic.net/free-photo/coke-glass_74190-4442.jpg", onProductClick: addToCart("Iced Tea") },
|
||||
{ id: "d5", name: "Lemonade", price: "7 AED", imageSrc: "http://img.b2bpic.net/free-photo/smoothie-fruits-wooden-tabletop_23-2147778323.jpg", onProductClick: addToCart("Lemonade") },
|
||||
{ id: "d6", name: "Energy Drink", price: "12 AED", imageSrc: "http://img.b2bpic.net/free-photo/glass-coke-with-ice-cubes_181624-31300.jpg", onProductClick: addToCart("Energy Drink") },
|
||||
]}
|
||||
title="Drinks & Refreshments"
|
||||
description="Stay cool in the desert heat."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="desserts" data-section="desserts">
|
||||
<div id="desserts" data-section="desserts" className="relative z-20">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1", name: "Chocolate Cake", price: "12 AED", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-with-copy-space_23-2148485332.jpg", imageAlt: "Chocolate Cake"},
|
||||
{
|
||||
id: "s2", name: "Ice Cream", price: "8 AED", imageSrc: "http://img.b2bpic.net/free-photo/caramel-ring-milkshake-wooden-plate-marble-table_114579-24202.jpg", imageAlt: "Ice Cream"},
|
||||
{
|
||||
id: "s3", name: "Kunafa", price: "15 AED", imageSrc: "http://img.b2bpic.net/free-photo/variety-sweet-cakes-wooden-piece-high-quality-photo_114579-68015.jpg", imageAlt: "Kunafa"},
|
||||
{
|
||||
id: "s4", name: "Cheesecake", price: "14 AED", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-concept_23-2148769216.jpg", imageAlt: "Cheesecake"},
|
||||
{
|
||||
id: "s5", name: "Brownie", price: "10 AED", imageSrc: "http://img.b2bpic.net/free-photo/assortment-pieces-cake_114579-30737.jpg", imageAlt: "Brownie"},
|
||||
{
|
||||
id: "s6", name: "Fruit Salad", price: "9 AED", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-balls-served-cup_140725-6229.jpg", imageAlt: "Fruit Salad"},
|
||||
{ id: "s1", name: "Chocolate Cake", price: "12 AED", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-with-copy-space_23-2148485332.jpg", onProductClick: addToCart("Chocolate Cake") },
|
||||
{ id: "s2", name: "Ice Cream", price: "8 AED", imageSrc: "http://img.b2bpic.net/free-photo/caramel-ring-milkshake-wooden-plate-marble-table_114579-24202.jpg", onProductClick: addToCart("Ice Cream") },
|
||||
{ id: "s3", name: "Kunafa", price: "15 AED", imageSrc: "http://img.b2bpic.net/free-photo/variety-sweet-cakes-wooden-piece-high-quality-photo_114579-68015.jpg", onProductClick: addToCart("Kunafa") },
|
||||
{ id: "s4", name: "Cheesecake", price: "14 AED", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-concept_23-2148769216.jpg", onProductClick: addToCart("Cheesecake") },
|
||||
{ id: "s5", name: "Brownie", price: "10 AED", imageSrc: "http://img.b2bpic.net/free-photo/assortment-pieces-cake_114579-30737.jpg", onProductClick: addToCart("Brownie") },
|
||||
{ id: "s6", name: "Fruit Salad", price: "9 AED", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-balls-served-cup_140725-6229.jpg", onProductClick: addToCart("Fruit Salad") },
|
||||
]}
|
||||
title="Sweet Treats"
|
||||
description="The perfect ending to your meal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="deals" data-section="deals">
|
||||
<div id="deals" data-section="deals" className="relative z-20">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "deal1", badge: "Hot", price: "25 AED", subtitle: "Spicy Burger + Fries + Drink", buttons: [
|
||||
{
|
||||
text: "Add to Cart"},
|
||||
],
|
||||
features: [
|
||||
"Quick", "Delicious"],
|
||||
},
|
||||
{
|
||||
id: "deal2", badge: "Hot", price: "50 AED", subtitle: "2 Burgers + 2 Drinks + 1 Pizza", buttons: [
|
||||
{
|
||||
text: "Add to Cart"},
|
||||
],
|
||||
features: [
|
||||
"Family Friendly", "Big Saving"],
|
||||
},
|
||||
{
|
||||
id: "deal3", badge: "Hot", price: "20 AED", subtitle: "Any Burger + Drink", buttons: [
|
||||
{
|
||||
text: "Add to Cart"},
|
||||
],
|
||||
features: [
|
||||
"Student Saver", "Satisfying"],
|
||||
},
|
||||
{ id: "deal1", badge: "Hot", price: "25 AED", subtitle: "Spicy Burger + Fries + Drink", buttons: [{ text: "Add to Cart", onClick: addToCart("Deal 1") }], features: ["Quick", "Delicious"] },
|
||||
{ id: "deal2", badge: "Hot", price: "50 AED", subtitle: "2 Burgers + 2 Drinks + 1 Pizza", buttons: [{ text: "Add to Cart", onClick: addToCart("Deal 2") }], features: ["Family Friendly", "Big Saving"] },
|
||||
{ id: "deal3", badge: "Hot", price: "20 AED", subtitle: "Any Burger + Drink", buttons: [{ text: "Add to Cart", onClick: addToCart("Deal 3") }], features: ["Student Saver", "Satisfying"] },
|
||||
]}
|
||||
title="Limited Time Deals"
|
||||
description="Unbeatable combos you shouldn't miss."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<div id="contact" data-section="contact" className="relative z-10">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="We are located in Sharjah. Contact us for delivery."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Order special requests..."}}
|
||||
textarea={{ name: "message", placeholder: "Order special requests..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-with-food-thanksgiving-day-event_23-2148632534.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<div id="footer" data-section="footer" className="relative z-10">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-meat-burger-with-fries-ketchup-mayonnaise-stand-with-knife_141793-12201.jpg"
|
||||
logoText="Desert Bite"
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Menu", href: "#burgers"},
|
||||
{
|
||||
label: "Deals", href: "#deals"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Menu", href: "#burgers" }, { label: "Deals", href: "#deals" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user