Merge version_1 into main #2
203
src/app/page.tsx
203
src/app/page.tsx
@@ -18,74 +18,46 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
{ name: "Hero", id: "hero" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Location", id: "location" }
|
||||
]}
|
||||
brandName="Pizza Dealer"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Your New Pizza Addiction Starts Here"
|
||||
description="Artisan pizzas, legendary sides, and flavors that keep you coming back."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#order",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Order Now", href: "#order" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg?_wi=1",
|
||||
imageAlt: "Pizza Dealer Hero",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg?_wi=2",
|
||||
imageAlt: "Pizza Dealer Hero",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg?_wi=3",
|
||||
imageAlt: "Pizza Dealer Hero",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg?_wi=4",
|
||||
imageAlt: "Pizza Dealer Hero",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg?_wi=5",
|
||||
imageAlt: "Pizza Dealer Hero",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg?_wi=6",
|
||||
imageAlt: "Pizza Dealer Hero",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg", imageAlt: "Pizza Dealer Hero" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg", imageAlt: "Pizza Dealer Hero" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg", imageAlt: "Pizza Dealer Hero" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg", imageAlt: "Pizza Dealer Hero" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg", imageAlt: "Pizza Dealer Hero" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg", imageAlt: "Pizza Dealer Hero" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -96,28 +68,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Unforgettable Flavor",
|
||||
description: "Every pizza is crafted with premium ingredients, ensuring every bite hits differently.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
title: "Legendary Sides",
|
||||
description: "Our mac & cheese is nothing short of legendary—rich, creamy, and undeniably satisfying.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "Relaxed lighting and premium comfortable seating designed for those late-night cravings.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Why Everyone Comes Back"
|
||||
description="We don't just make pizza; we create an urban dining experience that feels like home."
|
||||
features={[
|
||||
{ title: "Unforgettable Flavor", description: "Every pizza is crafted with premium ingredients, ensuring every bite hits differently.", bentoComponent: "reveal-icon", icon: Flame },
|
||||
{ title: "Legendary Sides", description: "Our mac & cheese is nothing short of legendary—rich, creamy, and undeniably satisfying.", bentoComponent: "reveal-icon", icon: Flame },
|
||||
{ title: "Cozy Atmosphere", description: "Relaxed lighting and premium comfortable seating designed for those late-night cravings.", bentoComponent: "reveal-icon", icon: Sparkles }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,91 +84,31 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
name: "Steak Pizza",
|
||||
price: "SAR 65",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-with-basil-other-ingredients_23-2147606547.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Dealer",
|
||||
name: "Mac & Cheese",
|
||||
price: "SAR 35",
|
||||
rating: 5,
|
||||
reviewCount: "800+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-plate_23-2150690717.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Classic",
|
||||
name: "Hot Wings",
|
||||
price: "SAR 40",
|
||||
rating: 4,
|
||||
reviewCount: "600+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rolls-served-with-tomatoes-arugula-sauce_140725-8785.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Dealer",
|
||||
name: "Pepperoni",
|
||||
price: "SAR 55",
|
||||
rating: 4,
|
||||
reviewCount: "900+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-with-basil-other-ingredients_23-2147606547.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu Highlights"
|
||||
description="From our oven to your table, experience the art of the perfect pizza."
|
||||
products={[
|
||||
{ id: "p1", brand: "Signature", name: "Steak Pizza", price: "SAR 65", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-with-basil-other-ingredients_23-2147606547.jpg" },
|
||||
{ id: "p2", brand: "Dealer", name: "Mac & Cheese", price: "SAR 35", rating: 5, reviewCount: "800+", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-plate_23-2150690717.jpg" },
|
||||
{ id: "p3", brand: "Classic", name: "Hot Wings", price: "SAR 40", rating: 4, reviewCount: "600+", imageSrc: "http://img.b2bpic.net/free-photo/rolls-served-with-tomatoes-arugula-sauce_140725-8785.jpg" },
|
||||
{ id: "p4", brand: "Dealer", name: "Pepperoni", price: "SAR 55", rating: 4, reviewCount: "900+", imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-with-basil-other-ingredients_23-2147606547.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Food Blogger",
|
||||
company: "Jeddah Foodie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-young-redhead-bearded-man-white-shirt-reading-book-cafeteria_171337-10019.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mohammed K.",
|
||||
role: "Regular",
|
||||
company: "Night Owl",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520070.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Layla R.",
|
||||
role: "Marketing",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/catering-tablecloth-plate-drink-background_1203-5091.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Omar F.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/taking-slice-mixed-ingredient-pizza-with-glass-orange-juice_114579-3340.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Love"
|
||||
description="Don't just take our word for it—join the club of satisfied pizza lovers."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Ahmed", role: "Food Blogger", company: "Jeddah Foodie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-young-redhead-bearded-man-white-shirt-reading-book-cafeteria_171337-10019.jpg" },
|
||||
{ id: "2", name: "Mohammed K.", role: "Regular", company: "Night Owl", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520070.jpg" },
|
||||
{ id: "3", name: "Layla R.", role: "Marketing", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/catering-tablecloth-plate-drink-background_1203-5091.jpg" },
|
||||
{ id: "4", name: "Omar F.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/taking-slice-mixed-ingredient-pizza-with-glass-orange-juice_114579-3340.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -220,7 +117,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="More Than Just Pizza"
|
||||
description={[
|
||||
"Experience soft lighting, comfortable seating, and an environment where every detail is tailored for you to relax and enjoy the moment.",
|
||||
"Experience soft lighting, comfortable seating, and an environment where every detail is tailored for you to relax and enjoy the moment."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,19 +125,11 @@ export default function LandingPage() {
|
||||
<div id="location" data-section="location">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Visit us at Al Nahda, Jeddah. Doors open daily from 3 PM. One order, and you'll understand the hype."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#order",
|
||||
},
|
||||
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||
{ text: "Order Now", href: "#order" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -254,4 +143,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user