Merge version_2 into main #1
513
src/app/page.tsx
513
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Clock, Pizza, Star, Truck } from "lucide-react";
|
||||
import { Clock, Pizza, Star, Truck, Utensils, MapPin, Heart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,405 +28,136 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "order-experience",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Pizza Rotana"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Experience", id: "order-experience" },
|
||||
{ name: "Location", id: "contact" },
|
||||
]}
|
||||
brandName="Pizza Rotana"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Fresh Pizza. Fast Delivery. Honest Flavor."
|
||||
description="From crispy oven-baked pizzas to juicy shawarma wraps — Pizza Rotana serves comfort food made fresh daily with generous portions and friendly service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-fresh-baked-bread-with-cooked-egg-brown-desk-dough-food-bake-bun-meal-egg_140725-74675.jpg"
|
||||
imageAlt="Bubbling cheese pizza slice"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-sitting-table_23-2149212131.jpg",
|
||||
alt: "Customer portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-cocktail_23-2150124818.jpg",
|
||||
alt: "Customer portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
|
||||
alt: "Customer portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
||||
alt: "Customer portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Customer portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by our neighborhood regulars"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Daily",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Delivery",
|
||||
icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Late Night",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Made with Love",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Fresh Pizza. Fast Delivery. Honest Flavor."
|
||||
description="From crispy oven-baked pizzas to juicy shawarma wraps — Pizza Rotana serves comfort food made fresh daily with generous portions and friendly service."
|
||||
buttons={[{ text: "Order Now", href: "#menu" }, { text: "Visit Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-fresh-baked-bread-with-cooked-egg-brown-desk-dough-food-bake-bun-meal-egg_140725-74675.jpg"
|
||||
imageAlt="Bubbling cheese pizza slice"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust-bar" data-section="trust-bar">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Quality You Can Trust"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "4.5",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Service",
|
||||
value: "Delivery",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Hours",
|
||||
value: "Late Night",
|
||||
},
|
||||
{
|
||||
icon: Pizza,
|
||||
label: "Kitchen",
|
||||
value: "Made Fresh",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="trust-bar" data-section="trust-bar">
|
||||
<AboutMetric
|
||||
title="Quality You Can Trust"
|
||||
metrics={[
|
||||
{ icon: Star, label: "Rating", value: "4.5" },
|
||||
{ icon: Truck, label: "Service", value: "Delivery" },
|
||||
{ icon: Clock, label: "Hours", value: "Late Night" },
|
||||
{ icon: Pizza, label: "Kitchen", value: "Made Fresh" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Freshly Prepared",
|
||||
description: "Made daily with high quality ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-beef-barbecue-kebab-served-lavash-with-grilled-pepper-tomatoes_114579-2935.jpg",
|
||||
},
|
||||
{
|
||||
title: "Honest Cooking",
|
||||
description: "Simple recipes that prioritize flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg",
|
||||
},
|
||||
{
|
||||
title: "Generous Portions",
|
||||
description: "Always enough to satisfy your hunger.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893411.jpg",
|
||||
},
|
||||
]}
|
||||
title="A Local Favorite Built on Flavor & Generosity"
|
||||
description="Pizza Rotana is a neighborhood restaurant known for its freshly prepared pizzas, shawarma wraps, and comfort dishes served at fair prices. We keep things simple — good ingredients, honest cooking, and generous portions."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<FeatureCardThree
|
||||
title="A Local Favorite"
|
||||
description="Pizza Rotana is a neighborhood restaurant known for its freshly prepared pizzas, shawarma wraps, and comfort dishes served at fair prices."
|
||||
features={[
|
||||
{ title: "Freshly Prepared", description: "Made daily with high quality ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-beef-barbecue-kebab-served-lavash-with-grilled-pepper-tomatoes_114579-2935.jpg" },
|
||||
{ title: "Honest Cooking", description: "Simple recipes that prioritize flavor.", imageSrc: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg" },
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Margherita Classic",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooking-concept-with-wooden-blocks-with-words-pizza-cutter-top-view_176474-10406.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chicken Shawarma Wrap",
|
||||
price: "$9.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-beef-pieces-served-with-french-fries-toasted-tandoor-bread_140725-8871.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Lasagna",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-caesar-table-top-view_140725-6547.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Salad & Sides",
|
||||
price: "$7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-chopped-purple-cabbages-white-cauliflowers_114579-70200.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mixed Grill Box",
|
||||
price: "$18.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-meat-barbecue-with-rice-vegetable-salad_114579-4423.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Special House Pizza",
|
||||
price: "$15.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pizza-slice-with-fresh-mushrooms-tomatoes-brown-table-food-meal-fast-food-vegetable-dish-pizza_140725-31028.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Favorites"
|
||||
description="Our most popular pizza, shawarma, and comfort dishes."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
title="Our Menu"
|
||||
description="Authentic Italian & Middle Eastern favorites."
|
||||
products={[
|
||||
{ id: "p1", name: "Margherita Classic", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/cooking-concept-with-wooden-blocks-with-words-pizza-cutter-top-view_176474-10406.jpg" },
|
||||
{ id: "p2", name: "Chicken Shawarma", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-beef-pieces-served-with-french-fries-toasted-tandoor-bread_140725-8871.jpg" },
|
||||
{ id: "p3", name: "Special House Pizza", price: "$15.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pizza-slice-with-fresh-mushrooms-tomatoes-brown-table-food-meal-fast-food-vegetable-dish-pizza_140725-31028.jpg" }
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="love-section" data-section="love-section">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Freshness",
|
||||
description: "Our pizzas and wraps are always made fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",
|
||||
},
|
||||
{
|
||||
title: "Atmosphere",
|
||||
description: "A cozy, welcoming dine-in experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-tacos-with-beef-fresh-vegetables-guacamole-with-salsa-sauce-rusty-background_23-2148042476.jpg",
|
||||
},
|
||||
{
|
||||
title: "Value",
|
||||
description: "Generous portions at a great price.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-arrangement_23-2149072602.jpg",
|
||||
},
|
||||
{
|
||||
title: "Transparency",
|
||||
description: "We share what we learn to get better.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why People Love Us"
|
||||
description="We are proud of our transparency and the trust our neighbors place in us."
|
||||
/>
|
||||
</div>
|
||||
<div id="love-section" data-section="love-section">
|
||||
<FeatureCardThree
|
||||
title="Made With Love"
|
||||
description="Why our community keeps coming back for more."
|
||||
features={[
|
||||
{ title: "Ingredients", description: "Sourced locally and fresh daily.", imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg" },
|
||||
{ title: "Community", description: "Serving our neighbors with a smile.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg" },
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="order-experience" data-section="order-experience">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "s1",
|
||||
value: "1",
|
||||
title: "Choose Meal",
|
||||
items: [
|
||||
"Browse our menu online or in-store",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
value: "2",
|
||||
title: "Fresh Prep",
|
||||
items: [
|
||||
"Ingredients prepared on demand",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
value: "3",
|
||||
title: "Pack & Check",
|
||||
items: [
|
||||
"Carefully packed for temperature",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
value: "4",
|
||||
title: "Delivery",
|
||||
items: [
|
||||
"Hot to your door, or pickup-ready",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Fast. Fresh. Straight to You."
|
||||
description="We treat every order like it's going to our own table."
|
||||
/>
|
||||
</div>
|
||||
<div id="order-experience" data-section="order-experience">
|
||||
<MetricCardSeven
|
||||
title="How We Serve"
|
||||
description="From our kitchen to your table."
|
||||
metrics={[
|
||||
{ id: "s1", value: "01", title: "Order", items: ["Choose your favorite meal online."] },
|
||||
{ id: "s2", value: "02", title: "Cook", items: ["Prepared hot by our chefs."] },
|
||||
{ id: "s3", value: "03", title: "Serve", items: ["Delivered fresh to your door."] },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "Really tasty pizza and super fair prices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark",
|
||||
handle: "@mark",
|
||||
testimonial: "Friendly staff and fast pickup. Shawarma is amazing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena",
|
||||
handle: "@elena",
|
||||
testimonial: "Good food and cozy place to sit and eat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
handle: "@david",
|
||||
testimonial: "The best late night spot for a quick bite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-female-entrepreneur-trendy-sunglasses-denim-jacke_197531-31011.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James",
|
||||
handle: "@james",
|
||||
testimonial: "Fresh, honest food every time I order.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Authentic feedback from our community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="What People Say"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah", handle: "@sarah", testimonial: "The best pizza in town, hands down." },
|
||||
{ id: "t2", name: "Mark", handle: "@mark", testimonial: "Fantastic shawarma, so fresh!" },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Hungry? We’ve Got You Covered."
|
||||
description="Pizza Rotana: Italian & Middle Eastern Fusion Kitchen. Open daily until late."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online Now",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Call for Pickup",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Visit Us"
|
||||
title="Hungry? Reach Out."
|
||||
description="Located in the heart of the city. We look forward to serving you!"
|
||||
buttons={[{ text: "Order Online", href: "#menu" }, { text: "Call Us", href: "tel:1234567890" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Pizza Rotana"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Pizzas",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Shawarma",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Comfort",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Experience",
|
||||
items: [
|
||||
{
|
||||
label: "Order",
|
||||
href: "#order-experience",
|
||||
},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Pizza Rotana. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Pizza Rotana"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Pizzas", href: "#menu" }, { label: "Shawarma", href: "#menu" }] },
|
||||
{ title: "About", items: [{ label: "Our Story", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Pizza Rotana."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user