246 lines
14 KiB
TypeScript
246 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Sparkles, UtensilsCrossed, Heart, Award, Zap, MessageCircle, Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Pizza Point"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Offers", id: "offers" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Order Now", href: "#contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Authentic Pizza, Delivered Fast"
|
|
description="Experience the perfect blend of traditional Italian flavors and Pakistan's favorite tastes. Pizza Point brings quality ingredients, expert craftsmanship, and quick delivery right to your door."
|
|
tag="Welcome to Pizza Point"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "View Menu", href: "#menu" },
|
|
{ text: "Order Online", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pizza-is-wooden-tray-topped-with-red-onions-black-grapes-tomatoes-lettuce_1150-24487.jpg?_wi=1", imageAlt: "Fresh delicious pizza"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3988.jpg?_wi=1", imageAlt: "Margherita pizza"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/salami-pizza-topped-with-dried-herbs_140725-2837.jpg?_wi=1", imageAlt: "Spicy pepperoni pizza"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
ariaLabel="Hero section showcasing our pizza offerings"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
title="Our Popular Pizzas"
|
|
description="Choose from our handcrafted selection of delicious pizzas made with the finest ingredients"
|
|
tag="Menu"
|
|
tagIcon={UtensilsCrossed}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "See Full Menu", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Pizza Point", name: "Margherita Delight", price: "Rs. 850", rating: 5,
|
|
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3988.jpg?_wi=2", imageAlt: "Margherita pizza"},
|
|
{
|
|
id: "2", brand: "Pizza Point", name: "Spicy Pepperoni", price: "Rs. 950", rating: 5,
|
|
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/salami-pizza-topped-with-dried-herbs_140725-2837.jpg?_wi=2", imageAlt: "Spicy pepperoni pizza"},
|
|
{
|
|
id: "3", brand: "Pizza Point", name: "Garden Vegetarian", price: "Rs. 800", rating: 4,
|
|
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-multigrain-pizza-with-fresh-cherry-tomatoes-mozarella-cheese-bell-pepper-arugula-top_141793-4091.jpg?_wi=1", imageAlt: "Vegetarian pizza"},
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Crafted with Passion, Served with Pride"
|
|
description="At Pizza Point, we believe that great pizza starts with great ingredients and a passion for perfection. Every pizza is handmade by our skilled team, using time-honored techniques combined with local Pakistani flavors that our customers love."
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27026.jpg"
|
|
imageAlt="Pizza Point kitchen and team"
|
|
buttons={[{ text: "Learn More", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Why Choose Pizza Point?"
|
|
description="We stand out from the crowd with our commitment to quality, speed, and customer satisfaction"
|
|
tag="Our Advantages"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "Fast Delivery", description: "Get your pizza delivered within 30 minutes or it's free. We guarantee hot, fresh pizza at your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-uniform-holding-little-food-package-yellow_179666-38107.jpg", imageAlt: "Fast delivery service", button: { text: "Order Now", href: "#contact" },
|
|
},
|
|
{
|
|
title: "Premium Ingredients", description: "We use only the finest, freshest ingredients sourced from trusted suppliers. No shortcuts, no compromises.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mozzarella-cheese-soft-italian-cheeses-tomato-basil-olives-oil-rosemary-wooden-serving-board-light-wooden-surface-healthy-food-top-view-flat-lay_1150-44785.jpg", imageAlt: "Quality ingredients"},
|
|
{
|
|
title: "Affordable Prices", description: "Premium quality doesn't have to be expensive. Enjoy delicious pizza at prices that won't break the bank.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3988.jpg?_wi=3", imageAlt: "Affordable pizza options"},
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="offers" data-section="offers">
|
|
<PricingCardNine
|
|
title="Special Offers"
|
|
description="Take advantage of our amazing deals and save on your favorite pizzas"
|
|
tag="Limited Time"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "combo-duo", title: "Duo Combo", price: "Rs. 1,499", period: "for 2 pizzas", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3988.jpg?_wi=4", imageAlt: "Duo combo offer", features: [
|
|
"Any 2 large pizzas", "Free soft drink (1L)", "Garlic bread complimentary"],
|
|
button: { text: "Order Now", href: "#contact" },
|
|
},
|
|
{
|
|
id: "family-feast", title: "Family Feast", price: "Rs. 2,299", period: "for 3 pizzas", imageSrc: "http://img.b2bpic.net/free-photo/salami-pizza-topped-with-dried-herbs_140725-2837.jpg?_wi=3", imageAlt: "Family feast offer", features: [
|
|
"Any 3 large pizzas", "2 soft drinks (1L each)", "Sides combo included", "Free dessert"],
|
|
button: { text: "Order Now", href: "#contact" },
|
|
},
|
|
{
|
|
id: "party-pack", title: "Party Pack", price: "Rs. 3,999", period: "for 5 pizzas", imageSrc: "http://img.b2bpic.net/free-photo/top-view-multigrain-pizza-with-fresh-cherry-tomatoes-mozarella-cheese-bell-pepper-arugula-top_141793-4091.jpg?_wi=2", imageAlt: "Party pack offer", features: [
|
|
"Any 5 large pizzas", "3 soft drinks (1L each)", "Appetizers included", "Desserts for all", "Extra dipping sauces"],
|
|
button: { text: "Order Now", href: "#contact" },
|
|
},
|
|
]}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Real reviews from real customers who love Pizza Point"
|
|
tag="Customer Love"
|
|
tagIcon={MessageCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Ahmed Hassan", role: "Business Owner", company: "Karachi", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=1", imageAlt: "Ahmed Hassan"},
|
|
{
|
|
id: "2", name: "Fatima Khan", role: "Student", company: "Lahore", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Fatima Khan"},
|
|
{
|
|
id: "3", name: "Muhammad Ali", role: "IT Professional", company: "Islamabad", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=2", imageAlt: "Muhammad Ali"},
|
|
{
|
|
id: "4", name: "Zainab Ahmed", role: "Homemaker", company: "Rawalpindi", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=3", imageAlt: "Zainab Ahmed"},
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
title="Order Your Pizza Today"
|
|
description="Sign up for our newsletter to get exclusive offers, new menu items, and delivery updates delivered right to your inbox. Or place your order now!"
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/pizza-is-wooden-tray-topped-with-red-onions-black-grapes-tomatoes-lettuce_1150-24487.jpg?_wi=2"
|
|
imageAlt="Ready to order"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email or phone"
|
|
buttonText="Order Now"
|
|
termsText="By ordering, you agree to our Terms of Service. We respect your privacy and will never spam you."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Pizza Point"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Delivery Info", href: "#" },
|
|
{ label: "Feedback", href: "#" },
|
|
{ label: "Complaints", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Follow Us", items: [
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "WhatsApp", href: "https://whatsapp.com" },
|
|
{ label: "TikTok", href: "https://tiktok.com" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Pizza Point. All rights reserved. Made with ❤️ for pizza lovers in Pakistan."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|