224 lines
13 KiB
TypeScript
224 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Heart, Flame, Utensils, Sparkles, Quote, Smartphone, MapPin, Instagram, Facebook, Phone } from 'lucide-react';
|
|
|
|
export default function PeppersPizzaLanding() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="PEPPER'S PIZZA"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="🍕 PEPPER'S PIZZA"
|
|
description="Where Every Slice Tells a Story 🔥 Crafted with Passion | Baked to Perfection. Your Favorite Pizza Destination Since 2019!"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Order Now", href: "#menu" },
|
|
{ text: "View Full Menu", href: "#menu" }
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286887.jpg?_wi=1"
|
|
imageAlt="Sizzling pizza with animated toppings"
|
|
mediaAnimation="slide-up"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
title="Born from Passion, Baked with Love"
|
|
description="Founded by Two Brothers"
|
|
subdescription="Growing from 1 outlet to 90+ locations, bringing communities together one slice at a time"
|
|
icon={Flame}
|
|
imageSrc="http://img.b2bpic.net/free-photo/dad-children-cook-pasta-master-class-gastronomy_1321-2445.jpg?_wi=1"
|
|
imageAlt="Pepper's Pizza founders in kitchen"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
title="Explore Our Irresistible Menu"
|
|
description="From Classic Favorites to Signature Creations"
|
|
tag="Menu Showcase"
|
|
tagIcon={Utensils}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
cardPriceClassName="text-lg font-extrabold text-primary-cta"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Signature", name: "Cheese Avalanche", price: "$450", rating: 5,
|
|
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-pizza-wood-tray_1388-288.jpg", imageAlt: "Cheese Avalanche pizza with melted cheese explosion"
|
|
},
|
|
{
|
|
id: "2", brand: "Signature", name: "Pepperoni Popper", price: "$480", rating: 5,
|
|
reviewCount: "1.9k", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-hot-pepperoni-pizza-wooden-table_632805-19.jpg", imageAlt: "Pepperoni Popper pizza with fresh pepperoni"
|
|
},
|
|
{
|
|
id: "3", brand: "Premium", name: "Truffle Temptation", price: "$650", rating: 5,
|
|
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza_23-2148601588.jpg", imageAlt: "Truffle Temptation luxury pizza"
|
|
},
|
|
{
|
|
id: "4", brand: "Signature", name: "BBQ Blaze", price: "$520", rating: 5,
|
|
reviewCount: "1.7k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-delicious-pizza-kitchen-table_181624-46131.jpg", imageAlt: "BBQ Blaze pizza with smoky barbecue sauce"
|
|
},
|
|
{
|
|
id: "5", brand: "Classic", name: "Margarita Muse", price: "$400", rating: 5,
|
|
reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3980.jpg?_wi=1", imageAlt: "Fresh Margarita pizza with basil"
|
|
},
|
|
{
|
|
id: "6", brand: "Hot", name: "Firecracker Inferno", price: "$530", rating: 5,
|
|
reviewCount: "1.4k", imageSrc: "http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134278.jpg", imageAlt: "Spicy Firecracker Inferno pizza"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
title="Why We're Special"
|
|
description="Delicious Meets Quality - The Pepper's Pizza Difference"
|
|
tag="Excellence"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
features={[
|
|
{
|
|
id: "1", title: "Hand-Tossed Pizza", description: "Every pizza is crafted by hand with love and precision, ensuring the perfect crust every single time.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286887.jpg?_wi=2", imageAlt: "Hand-tossed pizza creation"
|
|
},
|
|
{
|
|
id: "2", title: "Fresh Quality Ingredients", description: "We source only the finest, freshest ingredients from trusted local suppliers to guarantee excellence.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3980.jpg?_wi=2", imageAlt: "Fresh ingredients display"
|
|
},
|
|
{
|
|
id: "3", title: "Crisp & Speedy Delivery", description: "Hot, fresh pizza delivered to your door in record time. We guarantee quality from our kitchen to your table.", imageSrc: "http://img.b2bpic.net/free-photo/food-delivery-boy-delivering-food-scooter_1303-27695.jpg?_wi=1", imageAlt: "Fast delivery service"
|
|
},
|
|
{
|
|
id: "4", title: "Loved by Communities", description: "Over 90 locations strong, trusted by thousands of families across the region who know quality.", imageSrc: "http://img.b2bpic.net/free-photo/dad-children-cook-pasta-master-class-gastronomy_1321-2445.jpg?_wi=2", imageAlt: "Community gathering"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Pizza Lovers Are Saying"
|
|
description="Hear from our community of satisfied customers"
|
|
tag="Testimonials"
|
|
tagIcon={Quote}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Rahul Sharma", handle: "@rahul_loves_pizza", testimonial: "Soft crust. Fresh toppings. My go-to place for weekends with family!", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-young-caucasian-man-with-beard-relaxing-open-air-surrounded-by-beautiful-mountain-setting-rainforest_273609-1855.jpg?_wi=1", imageAlt: "Rahul Sharma"
|
|
},
|
|
{
|
|
id: "2", name: "Priya Mehta", handle: "@priya_foodie", testimonial: "Amazing cheese pull! Every bite is perfection. Absolutely addictive!", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-young-caucasian-man-with-beard-relaxing-open-air-surrounded-by-beautiful-mountain-setting-rainforest_273609-1855.jpg?_wi=2", imageAlt: "Priya Mehta"
|
|
},
|
|
{
|
|
id: "3", name: "Arun Verma", handle: "@arun_gourmet", testimonial: "Homely taste with a desi twist! Loved it. Will definitely order again.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-young-caucasian-man-with-beard-relaxing-open-air-surrounded-by-beautiful-mountain-setting-rainforest_273609-1855.jpg?_wi=3", imageAlt: "Arun Verma"
|
|
},
|
|
{
|
|
id: "4", name: "Sneha Singh", handle: "@sneha_foodlover", testimonial: "Best pizza in town! The quality and taste are consistent every time.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-young-caucasian-man-with-beard-relaxing-open-air-surrounded-by-beautiful-mountain-setting-rainforest_273609-1855.jpg?_wi=4", imageAlt: "Sneha Singh"
|
|
},
|
|
{
|
|
id: "5", name: "Vikram Patel", handle: "@vikram_chef", testimonial: "Professional service, incredible flavors. True passion for pizza!", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-young-caucasian-man-with-beard-relaxing-open-air-surrounded-by-beautiful-mountain-setting-rainforest_273609-1855.jpg?_wi=5", imageAlt: "Vikram Patel"
|
|
},
|
|
{
|
|
id: "6", name: "Anjali Kapoor", handle: "@anjali_gourmet", testimonial: "Been a loyal customer for years. Quality never compromised!", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-young-caucasian-man-with-beard-relaxing-open-air-surrounded-by-beautiful-mountain-setting-rainforest_273609-1855.jpg?_wi=6", imageAlt: "Anjali Kapoor"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="app" data-section="app">
|
|
<ContactSplit
|
|
tag="Mobile App"
|
|
tagIcon={Smartphone}
|
|
title="Order on the Go!"
|
|
description="Download the Pepper's Pizza App for exclusive deals, real-time tracking, and seamless ordering."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-vector/hotel-booking-app-ui-design-screen_47987-2027.jpg"
|
|
imageAlt="Pepper's Pizza mobile app interface"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your mobile number"
|
|
buttonText="Download App"
|
|
termsText="Available on iOS and Android. Join thousands of happy customers!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Let's Connect"
|
|
tagIcon={MapPin}
|
|
title="Franchise Opportunities"
|
|
description="Join the Pepper's Pizza family! We're looking for passionate entrepreneurs to bring our excellence to new communities. Let's create something amazing together."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/food-delivery-boy-delivering-food-scooter_1303-27695.jpg?_wi=2"
|
|
imageAlt="Fast pizza delivery service"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Enter your business inquiry"
|
|
buttonText="Get in Touch"
|
|
termsText="📍 Plot no 102, Sector-2C, Vasundhara, Ghaziabad, UP 201012 | 📞 +91 95551939801 | 📧 pepperspizza7077@gmail.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="PEPPER'S PIZZA"
|
|
copyrightText="© 2025 Pepper's Pizza | Pizza, Passion, Perfection"
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "https://instagram.com/pepperspizza", ariaLabel: "Follow us on Instagram" },
|
|
{ icon: Facebook, href: "https://facebook.com/pepperspizza", ariaLabel: "Follow us on Facebook" },
|
|
{ icon: Phone, href: "tel:+919555193980", ariaLabel: "Call us" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|