Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b583309bd2 |
215
src/app/page.tsx
215
src/app/page.tsx
@@ -31,112 +31,69 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Cuisines",
|
||||
id: "features",
|
||||
},
|
||||
name: "Cuisines", id: "features"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
name: "Experience", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Plan Visit",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Plan Visit", id: "contact"},
|
||||
]}
|
||||
brandName="Food Court"
|
||||
button={{
|
||||
text: "Plan Visit",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Plan Visit", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="A Food Experience for Everyone — All in One Place"
|
||||
variant: "radial-gradient"}}
|
||||
title="Your Destination for Global Flavors and Relaxed Dining"
|
||||
description="From global cuisines to family-friendly spaces, enjoy great food, relaxed vibes, and something for every taste."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Global Cuisines",
|
||||
},
|
||||
value: "10+", label: "Global Cuisines"},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "5/5", label: "Average Rating"},
|
||||
{
|
||||
value: "Free",
|
||||
label: "Parking Facilities",
|
||||
},
|
||||
value: "Free", label: "Parking Facilities"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Vendors",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Vendors", href: "#features"},
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Plan Your Visit", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-tests-bio-shop-apples-are-organic_482257-81667.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/client-smelling-bio-fruits-from-seller_482257-96290.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/client-smelling-bio-fruits-from-seller_482257-96290.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-farmer-putting-fresh-products-box_482257-77554.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-farmer-putting-fresh-products-box_482257-77554.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/small-business-owners-giving-delivery-order-male-courier_482257-67620.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/small-business-owners-giving-delivery-order-male-courier_482257-67620.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/farmer-snaps-photos-with-client-market_482257-90432.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/farmer-snaps-photos-with-client-market_482257-90432.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-waiter-talking-female-customer-writing-her-order-digital-tablet-bar_637285-2301.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-waiter-talking-female-customer-writing-her-order-digital-tablet-bar_637285-2301.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ happy visitors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Italian",
|
||||
},
|
||||
type: "text", text: "Italian"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lebanese",
|
||||
},
|
||||
type: "text", text: "Lebanese"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Indian",
|
||||
},
|
||||
type: "text", text: "Indian"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Burgers",
|
||||
},
|
||||
type: "text", text: "Burgers"},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Friendly",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Family Friendly", icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -150,24 +107,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Pizza,
|
||||
title: "Italian Flavours",
|
||||
description: "Authentic, freshly seasoned pizzas and Mediterranean classics.",
|
||||
},
|
||||
title: "Italian Flavours", description: "Authentic, freshly seasoned pizzas and Mediterranean classics."},
|
||||
{
|
||||
icon: Beef,
|
||||
title: "Gourmet Burgers",
|
||||
description: "High-quality burgers paired with classic, crispy golden fries.",
|
||||
},
|
||||
title: "Gourmet Burgers", description: "High-quality burgers paired with classic, crispy golden fries."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Lebanese & Turkish",
|
||||
description: "Authentic middle-eastern dishes with rich, traditional flavors.",
|
||||
},
|
||||
title: "Lebanese & Turkish", description: "Authentic middle-eastern dishes with rich, traditional flavors."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Indian Spices",
|
||||
description: "Fragrant curries, tandoori items, and bold spiced dishes.",
|
||||
},
|
||||
title: "Indian Spices", description: "Fragrant curries, tandoori items, and bold spiced dishes."},
|
||||
]}
|
||||
title="Choose What You Crave"
|
||||
description="Experience a world of flavors. Mix and match your favorites while dining in one vibrant, spacious environment."
|
||||
@@ -181,19 +130,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Wind,
|
||||
label: "Climate",
|
||||
value: "AC Controlled",
|
||||
},
|
||||
label: "Climate", value: "AC Controlled"},
|
||||
{
|
||||
icon: Car,
|
||||
label: "Parking",
|
||||
value: "Free Access",
|
||||
},
|
||||
label: "Parking", value: "Free Access"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Space",
|
||||
value: "Family Focused",
|
||||
},
|
||||
label: "Space", value: "Family Focused"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -206,45 +149,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Joseph Latham",
|
||||
handle: "@foodie_joe",
|
||||
testimonial: "A very good food court - not too busy, but lively enough. Great atmosphere!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-waiter-talking-female-customer-writing-her-order-digital-tablet-bar_637285-2301.jpg",
|
||||
},
|
||||
id: "1", name: "Joseph Latham", handle: "@foodie_joe", testimonial: "A very good food court - not too busy, but lively enough. Great atmosphere!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-waiter-talking-female-customer-writing-her-order-digital-tablet-bar_637285-2301.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Proshid Bhatt",
|
||||
handle: "@travel_pro",
|
||||
testimonial: "Staff were very helpful and polite. Truly impressed with the service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-food_23-2149152891.jpg",
|
||||
},
|
||||
id: "2", name: "Proshid Bhatt", handle: "@travel_pro", testimonial: "Staff were very helpful and polite. Truly impressed with the service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-food_23-2149152891.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Justin Bezzina",
|
||||
handle: "@justin_b",
|
||||
testimonial: "Love the concept. Efficient service, great variety, and everything in one place.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-with-pizza-side-view_23-2149872391.jpg",
|
||||
},
|
||||
id: "3", name: "Justin Bezzina", handle: "@justin_b", testimonial: "Love the concept. Efficient service, great variety, and everything in one place.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-with-pizza-side-view_23-2149872391.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lijoys",
|
||||
handle: "@lijoys",
|
||||
testimonial: "A beautiful hangout place for families. The free parking is a highlight!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg",
|
||||
},
|
||||
id: "4", name: "Lijoys", handle: "@lijoys", testimonial: "A beautiful hangout place for families. The free parking is a highlight!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rav",
|
||||
handle: "@rav_eats",
|
||||
testimonial: "The food felt super fresh and the pizza was seasoned perfectly. Pleasant surprise.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-with-food_23-2149152941.jpg",
|
||||
},
|
||||
id: "5", name: "Rav", handle: "@rav_eats", testimonial: "The food felt super fresh and the pizza was seasoned perfectly. Pleasant surprise.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-with-food_23-2149152941.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Locals & Visitors"
|
||||
@@ -260,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Air-conditioned comfort",
|
||||
},
|
||||
id: "m1", value: "100%", description: "Air-conditioned comfort"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Well-maintained environment",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Well-maintained environment"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Free",
|
||||
description: "Parking for all visitors",
|
||||
},
|
||||
id: "m3", value: "Free", description: "Parking for all visitors"},
|
||||
]}
|
||||
title="Our Standards"
|
||||
description="We are dedicated to maintaining a clean, comfortable, and efficient dining environment for every visitor."
|
||||
@@ -284,8 +193,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Visit Today"
|
||||
title="Ready to Experience It Yourself?"
|
||||
description="Join us for your next breakfast, lunch, or dinner. Great food, great company, and a place you'll want to come back to."
|
||||
@@ -298,42 +206,27 @@ export default function LandingPage() {
|
||||
logoText="Food Court"
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Concept",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Our Concept", href: "#features"},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Visit Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Amenities",
|
||||
items: [
|
||||
title: "Amenities", items: [
|
||||
{
|
||||
label: "Parking",
|
||||
href: "#",
|
||||
},
|
||||
label: "Parking", href: "#"},
|
||||
{
|
||||
label: "Play Area",
|
||||
href: "#",
|
||||
},
|
||||
label: "Play Area", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Feedback",
|
||||
href: "#",
|
||||
},
|
||||
label: "Feedback", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -342,4 +235,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user