255 lines
14 KiB
TypeScript
255 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Location", id: "location" },
|
|
]}
|
|
brandName="Punjtara"
|
|
button={{
|
|
text: "Reserve Table", href: "#reservation"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Peaceful Open-Air Dining in Lalazar"
|
|
description="Home of Authentic Punjtara Pulao & Malai Boti. Experience fine dining in a serene, open-air atmosphere with fresh ingredients and affordable pricing."
|
|
tag="Welcome to Punjtara"
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/toasting-with-lemonade_1098-14049.jpg"
|
|
imageAlt="Punjtara restaurant open-air seating area"
|
|
mediaAnimation="opacity"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:+923331234567" },
|
|
{ text: "📅 Reserve Table", href: "#reservation" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Ahmed Hassan", handle: "Local Customer", testimonial:
|
|
"Quantity and quality both are good, peaceful open air ambiance. Perfect spot for family dinner!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-social-people-media-profile-member_24877-53571.jpg?_wi=1"},
|
|
{
|
|
name: "Fatima Khan", handle: "Regular Visitor", testimonial:
|
|
"A go-to place for dinner in a peaceful and open air place. Best pulao in Rawalpindi!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-social-people-media-profile-member_24877-53571.jpg?_wi=2"},
|
|
{
|
|
name: "Rashid Ali", handle: "Food Enthusiast", testimonial:
|
|
"Best food, delicious taste, peaceful environment. Highly recommended for everyone.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-social-people-media-profile-member_24877-53571.jpg?_wi=3"},
|
|
{
|
|
name: "Saira Malik", handle: "Family Diner", testimonial:
|
|
"Amazing experience with friends. The malai boti is absolutely delicious and affordable!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-social-people-media-profile-member_24877-53571.jpg?_wi=4"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Punjtara"
|
|
title="Your Favorite Peaceful Dining Destination in Lalazar, Rawalpindi"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "WhatsApp Order", href: "https://wa.me/923331234567" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardMedia
|
|
title="Our Signature Dishes"
|
|
description="Discover the authentic flavors that make Punjtara a local favorite. Fresh ingredients, traditional recipes, and unbeatable prices."
|
|
tag="Culinary Highlights"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1", title: "Punjtara Pulao", description:
|
|
"Our signature rice dish prepared with premium ingredients and authentic spices. A must-try for every visitor.", tag: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/chigirtma-sebzi-plov-rice-garnish-with-vegetables-herbs_114579-876.jpg", imageAlt: "Punjtara Pulao - signature rice dish", buttons: [{ text: "Order by Phone", href: "tel:+923331234567" }],
|
|
},
|
|
{
|
|
id: "2", title: "Malai Boti", description:
|
|
"Tender, marinated meat pieces grilled to perfection with a creamy malai coating. Absolutely delicious and tender.", tag: "Grilled Special", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-pieces-with-ketchup-onion_140725-1782.jpg", imageAlt: "Malai Boti - grilled meat special", buttons: [{ text: "Order by Phone", href: "tel:+923331234567" }],
|
|
},
|
|
{
|
|
id: "3", title: "Malai Boti Roll", description:
|
|
"Grilled malai boti wrapped in traditional flatbread with fresh vegetables. Perfect for on-the-go dining.", tag: "Wrap Special", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-roll-fried-chicken-strips-with-mayo-tomato-lettuce-wrapped-tortilla_141793-4847.jpg", imageAlt: "Malai Boti Roll - wrapped delicacy", buttons: [{ text: "Order by Phone", href: "tel:+923331234567" }],
|
|
},
|
|
{
|
|
id: "4", title: "Traditional Chai", description:
|
|
"Authentic Pakistani chai brewed fresh throughout the day. Perfectly complement your meal with our aromatic chai.", tag: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cookies-pinecones-wooden-plate-high-quality-photo_114579-37659.jpg", imageAlt: "Traditional Pakistani Chai", buttons: [{ text: "Order by Phone", href: "tel:+923331234567" }],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
buttons={[{ text: "Call to Order", href: "tel:+923331234567" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<MetricCardTwo
|
|
title="Why Choose Punjtara?"
|
|
description="Experience the perfect combination of quality, affordability, and peaceful ambiance."
|
|
tag="Our Strengths"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{ id: "1", value: "4.5⭐", description: "Highly Rated Local Restaurant" },
|
|
{ id: "2", value: "∞", description: "Peaceful Open-Air Seating" },
|
|
{ id: "3", value: "Rs 500-1000", description: "Affordable Pricing" },
|
|
{ id: "4", value: "👨👩👧👦", description: "Family Friendly" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardThirteen
|
|
title="What Our Customers Say"
|
|
description="Real reviews from families and friends who love dining at Punjtara"
|
|
tag="Customer Reviews"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Ahmed Hassan", handle: "Local Customer", testimonial:
|
|
"Quantity and quality both are good, peaceful open air ambiance. Perfect spot for family dinner!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-social-people-media-profile-member_24877-53571.jpg?_wi=5"},
|
|
{
|
|
id: "2", name: "Fatima Khan", handle: "Regular Visitor", testimonial:
|
|
"A go-to place for dinner in a peaceful and open air place. Best pulao in Rawalpindi!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-social-people-media-profile-member_24877-53571.jpg?_wi=6"},
|
|
{
|
|
id: "3", name: "Rashid Ali", handle: "Food Enthusiast", testimonial:
|
|
"Best food, delicious taste, peaceful environment. Highly recommended for everyone.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-social-people-media-profile-member_24877-53571.jpg?_wi=7"},
|
|
{
|
|
id: "4", name: "Saira Malik", handle: "Family Diner", testimonial:
|
|
"Amazing experience with friends. The malai boti is absolutely delicious and affordable!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-social-people-media-profile-member_24877-53571.jpg?_wi=8"},
|
|
{
|
|
id: "5", name: "Hassan Khan", handle: "Couples Dining", testimonial:
|
|
"Romantic peaceful ambiance perfect for couples. Great food, great prices, great experience!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-social-people-media-profile-member_24877-53571.jpg?_wi=9"},
|
|
{
|
|
id: "6", name: "Zainab Ali", handle: "Local Food Blogger", testimonial:
|
|
"Finally found a restaurant that delivers authentic taste with affordable pricing and peaceful vibes!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-social-people-media-profile-member_24877-53571.jpg?_wi=10"},
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="reservation" data-section="reservation">
|
|
<ContactCTA
|
|
tag="Book Your Table"
|
|
tagAnimation="slide-up"
|
|
title="Ready for a Peaceful Dining Experience?"
|
|
description="Reserve your table at Punjtara today. Call us directly or submit the form below to secure your spot for an unforgettable meal."
|
|
buttons={[
|
|
{ text: "📞 Call Now: +92 333 1234567", href: "tel:+923331234567" },
|
|
{ text: "💬 WhatsApp Order", href: "https://wa.me/923331234567" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<SocialProofOne
|
|
title="Visit Us at Our Lalazar Location"
|
|
description="H3C7+52F, Tulsa Rd, Lalazar, Rawalpindi, 46000, Pakistan"
|
|
tag="Location"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Open Daily", "Family Friendly", "Open Air Seating", "Parking Available", "Easy Access", "Best in Lalazar", "Authentic Food", "Affordable Prices"]}
|
|
showCard={true}
|
|
speed={40}
|
|
buttons={[
|
|
{
|
|
text: "Get Directions on Google Maps", href: "https://maps.google.com/?q=H3C7%2B52F+Tulsa+Rd+Lalazar+Rawalpindi"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/restaurant-interior_1127-3394.jpg"
|
|
imageAlt="Punjtara restaurant dining ambiance"
|
|
logoText="Punjtara"
|
|
copyrightText="© 2025 Punjtara Restaurant | Lalazar, Rawalpindi | All rights reserved"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Reviews", href: "#reviews" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "📞 +92 333 1234567", href: "tel:+923331234567" },
|
|
{ label: "💬 WhatsApp", href: "https://wa.me/923331234567" },
|
|
{ label: "📍 Location", href: "#location" },
|
|
{ label: "🗓️ Reserve Table", href: "#reservation" },
|
|
],
|
|
},
|
|
{
|
|
title: "Follow Us", items: [
|
|
{ label: "Google Reviews", href: "#" },
|
|
{ label: "Facebook", href: "#" },
|
|
{ label: "Instagram", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|