256 lines
7.5 KiB
TypeScript
256 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import { DollarSign, Rocket, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "/menu",
|
|
},
|
|
{
|
|
name: "About Us",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Gallery",
|
|
id: "/gallery",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
brandName="Marco Pizza Grill & Bar"
|
|
button={{
|
|
text: "Call Us",
|
|
href: "tel:+923444116714",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-showcase" data-section="menu-showcase">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Classic Pepperoni Pizza",
|
|
price: "Rs 800",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150873906.jpg",
|
|
imageAlt: "Classic pepperoni pizza",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Marco Special Burger",
|
|
price: "Rs 650",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-wooden-board-tomato-onion-beans-walnuts-side-view_141793-2390.jpg",
|
|
imageAlt: "Marco Special Burger",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Spicy BBQ Wings (6 Pcs)",
|
|
price: "Rs 500",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-wings-with-dipping-sauces-dark-background_84443-72419.jpg",
|
|
imageAlt: "Spicy BBQ Wings",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Chicken Alfredo Pasta",
|
|
price: "Rs 950",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pasta-colored-farfalle-salad-with-tomatoes-mozzarella-basil_2829-14405.jpg",
|
|
imageAlt: "Chicken Alfredo Pasta",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Crispy Chicken Wrap",
|
|
price: "Rs 450",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148024771.jpg",
|
|
imageAlt: "Crispy Chicken Wrap",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Golden French Fries",
|
|
price: "Rs 250",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bowl-sweet-potato-fries-trivet-marble-background_114579-74564.jpg",
|
|
imageAlt: "Golden French Fries",
|
|
},
|
|
{
|
|
id: "p7",
|
|
name: "Chicken Nuggets (10 Pcs)",
|
|
price: "Rs 400",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/half-shot-chicken-nuggets-black-plate-fork-ketchup-dark-color-tray_179666-42589.jpg",
|
|
imageAlt: "Chicken Nuggets",
|
|
},
|
|
{
|
|
id: "p8",
|
|
name: "Beef Seekh Roll",
|
|
price: "Rs 550",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/thin-langets-served-with-tomato-paste-lavash_114579-1712.jpg",
|
|
imageAlt: "Beef Seekh Roll",
|
|
},
|
|
{
|
|
id: "p9",
|
|
name: "Russian Salad",
|
|
price: "Rs 300",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dish-dish-redish-fork-citrus-fruits-spices-greens_140725-119974.jpg",
|
|
imageAlt: "Creamy Russian Salad",
|
|
},
|
|
]}
|
|
title="Our Delicious Menu"
|
|
description="Explore our wide selection of pizzas, juicy grills, and more, crafted with the freshest ingredients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-pricing-offers" data-section="menu-pricing-offers">
|
|
<PricingCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "deal1",
|
|
badge: "Popular",
|
|
badgeIcon: Sparkles,
|
|
price: "Rs 2500",
|
|
subtitle: "Family Pizza Deal",
|
|
features: [
|
|
"1 Large Pizza",
|
|
"1.5L Drink",
|
|
"Garlic Bread",
|
|
],
|
|
},
|
|
{
|
|
id: "deal2",
|
|
badge: "Best Value",
|
|
badgeIcon: DollarSign,
|
|
price: "Rs 3800",
|
|
subtitle: "Grill & Burger Feast",
|
|
features: [
|
|
"2 Burgers",
|
|
"1 Full Grill Platter",
|
|
"Large Fries & Drinks",
|
|
],
|
|
},
|
|
{
|
|
id: "deal3",
|
|
badge: "New",
|
|
badgeIcon: Rocket,
|
|
price: "Rs 1800",
|
|
subtitle: "Solo Combo",
|
|
features: [
|
|
"1 Medium Pizza OR Pasta",
|
|
"2 Pcs Garlic Bread",
|
|
"Soft Drink",
|
|
],
|
|
},
|
|
]}
|
|
title="Family Deals & Special Offers"
|
|
description="Great value combos and special pricing for group dining or family feasts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-blurred-bokeh-light-background_23-2148056727.jpg?_wi=2"
|
|
imageAlt="Restaurant interior with warm lighting"
|
|
logoText="Marco Pizza Grill & Bar"
|
|
columns={[
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{
|
|
label: "Home",
|
|
href: "/",
|
|
},
|
|
{
|
|
label: "Menu",
|
|
href: "/menu",
|
|
},
|
|
{
|
|
label: "About Us",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Gallery",
|
|
href: "/gallery",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact Us",
|
|
items: [
|
|
{
|
|
label: "Call Us: 0344 4116714",
|
|
href: "tel:+923444116714",
|
|
},
|
|
{
|
|
label: "WhatsApp Order",
|
|
href: "https://wa.me/923444116714",
|
|
},
|
|
{
|
|
label: "Sialkot - Gondal Rd, Marakiwal",
|
|
href: "https://www.google.com/maps/dir/?api=1&destination=Marco+Pizza+Grill+%26+Bar,+Sialkot+-+Gondal+Rd,+Marakiwal,+51310,+Pakistan",
|
|
},
|
|
{
|
|
label: "Opening Hours: 11 AM onwards",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Follow Us",
|
|
items: [
|
|
{
|
|
label: "Facebook",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Instagram",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Twitter",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Marco Pizza Grill & Bar. All rights reserved."
|
|
onPrivacyClick={() => alert('Privacy Policy coming soon!')}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|