307 lines
18 KiB
TypeScript
307 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { Sparkles } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="medium"
|
||
sizing="largeSmall"
|
||
background="circleGradient"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "/"},
|
||
{
|
||
name: "Menu", id: "#burgers"},
|
||
{
|
||
name: "About Us", id: "#about"},
|
||
{
|
||
name: "Testimonials", id: "#testimonials"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
logoSrc="http://img.b2bpic.net/free-photo/delivery-scooter-with-smartphone-cardboard-boxes-location-pointer-online-delivery-ecommerce-concept-blue-background-3d-illustration_56104-1808.jpg"
|
||
logoAlt="Cheezious G3 Logo"
|
||
brandName="Cheezious G3"
|
||
button={{
|
||
text: "Order Now", href: "#burgers"}}
|
||
animateOnLoad={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Fresh, Bold Flavors Delivered Fast"
|
||
description="Cheezious brings artisan-crafted meals to your table. Browse our menu, order online, or visit us today."
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-nature_23-2150902394.jpg", imageAlt: "3D juicy burger"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-bun-plate_140725-8137.jpg", imageAlt: "3D classic cheeseburger"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-sweet-potato-fries-with-sauce_23-2148678823.jpg", imageAlt: "3D crispy chicken burger"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-whole-cut-various-tasty-sandwiches-tomatoes-with-stem-black-tray-top-dark-mix-color-surface_179666-34285.jpg", imageAlt: "3D double patty burger"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-french-fries-table_140725-9366.jpg", imageAlt: "3D jalapeno burger"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-with-lettuce-tomatoes_23-2148290662.jpg", imageAlt: "3D grilled chicken burger"},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-surreal-delicious-street-food_23-2151568934.jpg", imageAlt: "3D pepperoni pizza"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-pizza-with-different-seasonings-dark-blue-desk_140725-80918.jpg", imageAlt: "3D chicken tikka pizza"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sliced-pizza-with-fresh-vegetables-white-table_140725-148629.jpg", imageAlt: "3D super supreme pizza"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-plate_23-2149298054.jpg", imageAlt: "3D veggie lover pizza"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-topped-with-extra-cheese-basil_141793-337.jpg", imageAlt: "3D creamy tikka pizza"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-seasonings-dark-surface-dough-pizza-meal-italian-food_140725-101773.jpg", imageAlt: "3D cheezious special pizza"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Order Now", href: "#burgers"},
|
||
]}
|
||
carouselPosition="right"
|
||
tag="Taste the Difference"
|
||
tagIcon={Sparkles}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg", alt: "Satisfied customer Sarah"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg", alt: "Happy customer Ahmed"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/joyful-curly-hispanic-girl-poses-cook-s-beret-while-cooking-her-kitchen_613910-4891.jpg", alt: "Food enthusiast Fatima"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg", alt: "Reviewer Usman"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-surprised-lady-sunglasses-birthday-cap-sitting-bar-counter-with-milkshake-hand-amazrdly-looking-aside-cafe_574295-566.jpg", alt: "Delighted diner Maria"},
|
||
]}
|
||
avatarText="Join 10K+ Happy Foodies!"
|
||
marqueeItems={[
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-vector/food-drink-icons_1057-4838.jpg", alt: "Order Food Icon"},
|
||
{
|
||
type: "text", text: "Fast Delivery"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-vector/contactless-delivery-covid-19-outbreak_53876-116584.jpg", alt: "Fresh Ingredients Icon"},
|
||
{
|
||
type: "text", text: "Quality Guaranteed"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-vector/food-icon-outline-doodle-hand-drawn-cartoon-vector-illustration_56104-2684.jpg", alt: "Artisan Crafted Meals"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="About Cheezious G3"
|
||
description={[
|
||
"Cheezious G3 brings a new standard of artisan-crafted meals to Lahore. We focus on fresh, high-quality ingredients to create bold flavors that satisfy every craving. From juicy burgers to mouth-watering pizzas, every dish is prepared with passion and precision.", "Our commitment extends beyond taste. We aim to provide a seamless and convenient dining experience, whether you're ordering for delivery, takeout, or visiting our vibrant location. Discover the Cheezious G3 difference – where quality meets convenience."]}
|
||
showBorder={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="burgers" data-section="burgers">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "burger-1", name: "Mighty Zinger", brand: "Cheezious G3", price: "Rs. 499", rating: 5,
|
||
reviewCount: "1.2K", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-meat-sandwich-with-tomatoes-green-dark-color-tray-chicken-nuggets-right-side-black-surface_179666-34267.jpg", imageAlt: "Mighty Zinger Burger"},
|
||
{
|
||
id: "burger-2", name: "Grilled Burger", brand: "Cheezious G3", price: "Rs. 549", rating: 4,
|
||
reviewCount: "900", imageSrc: "http://img.b2bpic.net/free-photo/making-homemade-burger-ingredients-cooking-wooden-tabletop-view-flat-lay-copy-space_127032-3012.jpg", imageAlt: "Grilled Burger"},
|
||
{
|
||
id: "burger-3", name: "Patty Burger", brand: "Cheezious G3", price: "Rs. 399", rating: 4,
|
||
reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/delicious-classic-cheeseburger-with-lettuce-melted-cheese_84443-72937.jpg", imageAlt: "Patty Burger"},
|
||
{
|
||
id: "burger-4", name: "Chicken Cheese Burger", brand: "Cheezious G3", price: "Rs. 599", rating: 5,
|
||
reviewCount: "1.1K", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-lettuce-tomatoes-cheese_141793-530.jpg", imageAlt: "Chicken Cheese Burger"},
|
||
{
|
||
id: "burger-5", name: "Double Decker", brand: "Cheezious G3", price: "Rs. 799", rating: 5,
|
||
reviewCount: "780", imageSrc: "http://img.b2bpic.net/free-photo/american-burger-with-chicken-bacon-homemade-barbecue-sauce_2829-14069.jpg", imageAlt: "Double Decker Burger"},
|
||
{
|
||
id: "burger-6", name: "Jalapeno Burger", brand: "Cheezious G3", price: "Rs. 649", rating: 4,
|
||
reviewCount: "620", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-black-bread_1203-2384.jpg", imageAlt: "Jalapeno Burger"},
|
||
]}
|
||
title="Our Signature Burgers"
|
||
description="Experience the perfect blend of juicy patties, fresh toppings, and our special sauces. Each burger is crafted for an unforgettable taste."
|
||
/>
|
||
</div>
|
||
|
||
<div id="pizzas" data-section="pizzas">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "pizza-1", name: "Chicken Fajita", brand: "Cheezious G3", price: "Rs. 899 (small)", rating: 5,
|
||
reviewCount: "1.5K", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mushroom-italian-pizza-concrete-surface_839833-16790.jpg", imageAlt: "Chicken Fajita Pizza"},
|
||
{
|
||
id: "pizza-2", name: "Chicken Tikka", brand: "Cheezious G3", price: "Rs. 899 (small)", rating: 4,
|
||
reviewCount: "1.3K", imageSrc: "http://img.b2bpic.net/free-photo/pizza-margarita-with-black-olives-mushrooms-tomato-sauce-tomato-slices-parmesan-cheese-white-plate_114579-229.jpg", imageAlt: "Chicken Tikka Pizza"},
|
||
{
|
||
id: "pizza-3", name: "Creamy Tikka", brand: "Cheezious G3", price: "Rs. 949 (small)", rating: 5,
|
||
reviewCount: "1.1K", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-qutabs-pitas-with-fresh-pomegranates-dark-purple-surface-meat-dough-meal-pita_140725-74621.jpg", imageAlt: "Creamy Tikka Pizza"},
|
||
{
|
||
id: "pizza-4", name: "Super Supreme", brand: "Cheezious G3", price: "Rs. 999 (small)", rating: 5,
|
||
reviewCount: "980", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mushroom-pizza-with-tomatoes-olives-mushrooms-all-sliced-inside-with-eggs-grey-desk-green-tissue-pizza-dough-italian-food_140725-22895.jpg", imageAlt: "Super Supreme Pizza"},
|
||
{
|
||
id: "pizza-5", name: "Veggie Lover", brand: "Cheezious G3", price: "Rs. 799 (small)", rating: 4,
|
||
reviewCount: "750", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-onions_23-2149298079.jpg", imageAlt: "Veggie Lover Pizza"},
|
||
{
|
||
id: "pizza-6", name: "Cheezious Special", brand: "Cheezious G3", price: "Rs. 1099 (small)", rating: 5,
|
||
reviewCount: "1.4K", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-s-hand-cutting-delicious-pizza-with-cheese-maize-with-pizza-knife_181624-56432.jpg", imageAlt: "Cheezious Special Pizza"},
|
||
]}
|
||
title="Delicious Pizzas"
|
||
description="Hand-tossed dough, rich sauces, premium toppings, and melted cheese baked to perfection. A slice of heaven in every bite."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "Absolutely Delicious!", quote: "Cheezious G3 never disappoints! The Mighty Zinger is a game-changer, and their pizzas are always fresh and loaded with toppings. My go-to spot for quick, quality meals.", name: "Sarah J.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg", imageAlt: "Sarah J."},
|
||
{
|
||
id: "2", title: "Best Burgers in Lahore!", quote: "I've tried many burger joints, but Cheezious G3 stands out. The Grilled Burger is perfectly cooked, and the flavors are just incredible. Fast delivery too!", name: "Ahmed K.", role: "Food Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-blonde-handsome-man-sits-table-with-bowl-chips-cup-phone-holding-looking-book-eating-chips-inside-living-room_141793-70116.jpg", imageAlt: "Ahmed K."},
|
||
{
|
||
id: "3", title: "A True Culinary Delight", quote: "The Super Supreme pizza from Cheezious G3 is a must-try! Every bite is a burst of flavor. It's truly artisan-crafted food at its best. Highly recommended!", name: "Fatima R.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-woman-outdoors-with-takeaway-food_23-2149025872.jpg", imageAlt: "Fatima R."},
|
||
{
|
||
id: "4", title: "Convenience and Quality", quote: "As a busy professional, I appreciate Cheezious G3's quick service and consistent quality. Their online ordering is super easy, and the food is always hot and fresh upon arrival.", name: "Usman S.", role: "Office Worker", imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg", imageAlt: "Usman S."},
|
||
{
|
||
id: "5", title: "Fantastic Experience", quote: "Visited Cheezious G3 with my family, and we had a fantastic time. The ambiance was great, and the food was even better. The kids loved the Chicken Cheese Burger!", name: "Maria B.", role: "Family Head", imageSrc: "http://img.b2bpic.net/free-photo/cook-man-serving-croissant-woman_23-2147766941.jpg", imageAlt: "Maria B."},
|
||
]}
|
||
title="What Our Customers Say"
|
||
description="Don't just take our word for it – hear from our happy customers!"
|
||
/>
|
||
</div>
|
||
|
||
<div id="partners" data-section="partners">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Foodpanda", "Swiggy", "Zomato", "Uber Eats", "Careem Now", "Grubhub", "Deliveroo"]}
|
||
title="Our Delivery Partners"
|
||
description="Seamless delivery to your doorstep, powered by Lahore's leading food delivery services."
|
||
showCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardFourteen
|
||
useInvertedBackground={true}
|
||
title="Cheezious G3 Highlights"
|
||
tag="Our Story in Numbers"
|
||
metrics={[
|
||
{
|
||
id: "1", value: "10K+", description: "Happy Customers Served"},
|
||
{
|
||
id: "2", value: "5+", description: "Years of Culinary Excellence"},
|
||
{
|
||
id: "3", value: "100+", description: "Unique Dishes Crafted"},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Connect With Us"
|
||
title="Visit or Reach Out to Cheezious G3"
|
||
description="Find our location, check our hours, or get in touch for any inquiries. We're here to serve you the freshest flavors in Lahore. Our contact number is +92 3XX XXXXXXX."
|
||
inputPlaceholder="Enter your email for updates"
|
||
buttonText="Subscribe"
|
||
termsText="By clicking Subscribe you're confirming that you agree with our Terms and Conditions."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Explore", items: [
|
||
{
|
||
label: "Home", href: "/"},
|
||
{
|
||
label: "Menu", href: "#burgers"},
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Testimonials", href: "#testimonials"},
|
||
],
|
||
},
|
||
{
|
||
title: "Support", items: [
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
{
|
||
label: "FAQs", href: "#"},
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms of Service", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{
|
||
label: "Facebook", href: "https://facebook.com/cheeziousg3"},
|
||
{
|
||
label: "Instagram", href: "https://instagram.com/cheeziousg3"},
|
||
{
|
||
label: "Twitter", href: "https://twitter.com/cheeziousg3"},
|
||
{
|
||
label: "Google Maps", href: "https://maps.app.goo.gl/cheeziousg3"},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2024 Cheezious G3. All rights reserved."
|
||
bottomRightText="Crafted with passion in Lahore."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|