Update src/app/page.tsx
This commit is contained in:
317
src/app/page.tsx
317
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "reserve",
|
||||
},
|
||||
{
|
||||
name: "Loyalty",
|
||||
id: "loyalty",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reserve", id: "reserve" },
|
||||
{ name: "Loyalty", id: "loyalty" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="KFS"
|
||||
/>
|
||||
@@ -56,66 +44,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Fast Food, Reimagined"
|
||||
description="Experience the future of flavor. KFS combines premium ingredients with cutting-edge culinary technology."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Reserve",
|
||||
href: "#reserve",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Reserve", href: "#reserve" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carrot-vegetable-produce-toy-object_53876-75059.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carrot-vegetable-produce-toy-object_53876-75059.jpg"
|
||||
imageAlt="3D Rendered Chicken Bucket"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95938.jpg",
|
||||
alt: "KFS team member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-camera-against-grey-wall_23-2148130316.jpg",
|
||||
alt: "KFS team member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772847.jpg",
|
||||
alt: "KFS team member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95937.jpg",
|
||||
alt: "KFS team member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-carpenter-woodworking-shop-proud-his-work_482257-84422.jpg",
|
||||
alt: "KFS team member",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95938.jpg", alt: "KFS team member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-camera-against-grey-wall_23-2148130316.jpg", alt: "KFS team member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772847.jpg", alt: "KFS team member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95937.jpg", alt: "KFS team member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-carpenter-woodworking-shop-proud-his-work_482257-84422.jpg", alt: "KFS team member" },
|
||||
]}
|
||||
avatarText="Join 50k+ satisfied diners."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Fast Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Dining",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Enhanced Cooking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Future",
|
||||
},
|
||||
{ type: "text", text: "Ultra-Fast Delivery" },
|
||||
{ type: "text", text: "Premium Ingredients" },
|
||||
{ type: "text", text: "Modern Dining" },
|
||||
{ type: "text", text: "AI-Enhanced Cooking" },
|
||||
{ type: "text", text: "Sustainable Future" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,42 +78,12 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Crispy Neon Burger",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-served-with-french-fries-sauces_140725-6710.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Hologram Chicken Bucket",
|
||||
price: "$24.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-american-food_23-2148454903.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Spicy Fusion Wings",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-pasta-fork-front-view_23-2148469860.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Quantum Fries",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157419.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Velvet Lava Cake",
|
||||
price: "$9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-ny-cheesecake-with-berry-sauce_114579-2316.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Midnight Soda",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337767.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Crispy Neon Burger", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-served-with-french-fries-sauces_140725-6710.jpg" },
|
||||
{ id: "p2", name: "Hologram Chicken Bucket", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-american-food_23-2148454903.jpg" },
|
||||
{ id: "p3", name: "Spicy Fusion Wings", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/black-pasta-fork-front-view_23-2148469860.jpg" },
|
||||
{ id: "p4", name: "Quantum Fries", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157419.jpg" },
|
||||
{ id: "p5", name: "Velvet Lava Cake", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-ny-cheesecake-with-berry-sauce_114579-2316.jpg" },
|
||||
{ id: "p6", name: "Midnight Soda", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337767.jpg" },
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Handcrafted perfection designed for the modern palate."
|
||||
@@ -176,37 +97,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Freshness First",
|
||||
description: "Locally sourced ingredients.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artichoke-near-tray-with-lemon-oil_23-2147711273.jpg",
|
||||
},
|
||||
title: "Freshness First", description: "Locally sourced ingredients.", media: { imageSrc: "http://img.b2bpic.net/free-photo/artichoke-near-tray-with-lemon-oil_23-2147711273.jpg", imageAlt: "fresh organic ingredients modern" },
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carrot-vegetable-produce-toy-object_53876-75059.jpg?_wi=2",
|
||||
imageAlt: "fresh organic ingredients modern",
|
||||
},
|
||||
{
|
||||
title: "Advanced Tech",
|
||||
description: "Automated precision cooking.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-sleek-appliances-breakfast-bar_9975-33069.jpg",
|
||||
},
|
||||
title: "Advanced Tech", description: "Automated precision cooking.", media: { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-sleek-appliances-breakfast-bar_9975-33069.jpg", imageAlt: "fresh organic ingredients modern" },
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-served-with-french-fries-sauces_140725-6710.jpg?_wi=2",
|
||||
imageAlt: "fresh organic ingredients modern",
|
||||
},
|
||||
{
|
||||
title: "Eco-Luxury",
|
||||
description: "Sustainable packaging.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-stationery-elements-brown_23-2148851514.jpg",
|
||||
},
|
||||
title: "Eco-Luxury", description: "Sustainable packaging.", media: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-stationery-elements-brown_23-2148851514.jpg", imageAlt: "fresh organic ingredients modern" },
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-american-food_23-2148454903.jpg?_wi=2",
|
||||
imageAlt: "fresh organic ingredients modern",
|
||||
},
|
||||
]}
|
||||
title="Culinary Innovation"
|
||||
@@ -220,51 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "indoor",
|
||||
name: "Indoor Lounge",
|
||||
price: "Available",
|
||||
features: [
|
||||
"Mood Lighting",
|
||||
"Private Seating",
|
||||
"AC",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reserve Now",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "outdoor",
|
||||
name: "Outdoor Terrace",
|
||||
price: "Available",
|
||||
features: [
|
||||
"Panoramic View",
|
||||
"Natural Air",
|
||||
"Sunset",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reserve Now",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
name: "VIP Booth",
|
||||
price: "$50 min",
|
||||
features: [
|
||||
"Dedicated Server",
|
||||
"Sound Control",
|
||||
"Priority",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reserve Now",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "indoor", name: "Indoor Lounge", price: "Available", features: ["Mood Lighting", "Private Seating", "AC"], buttons: [{ text: "Reserve Now" }] },
|
||||
{ id: "outdoor", name: "Outdoor Terrace", price: "Available", features: ["Panoramic View", "Natural Air", "Sunset"], buttons: [{ text: "Reserve Now" }] },
|
||||
{ id: "vip", name: "VIP Booth", price: "$50 min", features: ["Dedicated Server", "Sound Control", "Priority"], buttons: [{ text: "Reserve Now" }] },
|
||||
]}
|
||||
title="Table Selection"
|
||||
description="Choose your ideal dining experience."
|
||||
@@ -277,24 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Happy Customers",
|
||||
value: "50K+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Unique Dishes",
|
||||
value: "120",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Global Locations",
|
||||
value: "12",
|
||||
icon: MapPin,
|
||||
},
|
||||
{ id: "m1", title: "Happy Customers", value: "50K+", icon: Users },
|
||||
{ id: "m2", title: "Unique Dishes", value: "120", icon: Utensils },
|
||||
{ id: "m3", title: "Global Locations", value: "12", icon: MapPin },
|
||||
]}
|
||||
title="Kitchen Milestones"
|
||||
description="Excellence in numbers."
|
||||
@@ -305,31 +151,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-indoors_23-2149604085.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-eating-dessert-while-relaxing-cafe_637285-8901.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-teenager-with-drink-mobile_1157-1131.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom H.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-indoors_23-2149722604.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg" },
|
||||
{ id: "t2", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-indoors_23-2149604085.jpg" },
|
||||
{ id: "t3", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-eating-dessert-while-relaxing-cafe_637285-8901.jpg" },
|
||||
{ id: "t4", name: "Elena M.", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-teenager-with-drink-mobile_1157-1131.jpg" },
|
||||
{ id: "t5", name: "Tom H.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-indoors_23-2149722604.jpg" },
|
||||
]}
|
||||
cardTitle="Guest Impressions"
|
||||
cardAnimation="slide-up"
|
||||
@@ -345,36 +171,9 @@ export default function LandingPage() {
|
||||
title="Member Rewards"
|
||||
description="Unlock exclusive benefits."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Member",
|
||||
title: "Unlock Gold Tier",
|
||||
excerpt: "Earn points on every bite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holidays-christmas-party-shopping-concept-satisfied-woman-elegant-dress-rejoicing-while-showi_1258-161751.jpg",
|
||||
authorName: "KFS Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg",
|
||||
date: "Oct 2025",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Member",
|
||||
title: "Early Bird Access",
|
||||
excerpt: "Exclusive menu previews.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-couple-passing-food-each-other-while-having-lunch-with-their-family_637285-10314.jpg",
|
||||
authorName: "KFS Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/dentist-smiling-office_1328-4082.jpg",
|
||||
date: "Oct 2025",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Member",
|
||||
title: "Birthday Treats",
|
||||
excerpt: "Celebrate with us.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-with-cake-surprise-birthday-party_23-2149749138.jpg",
|
||||
authorName: "KFS Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-man-ready-boating-trip_23-2147562090.jpg",
|
||||
date: "Oct 2025",
|
||||
},
|
||||
{ id: "b1", category: "Member", title: "Unlock Gold Tier", excerpt: "Earn points on every bite.", imageSrc: "http://img.b2bpic.net/free-photo/holidays-christmas-party-shopping-concept-satisfied-woman-elegant-dress-rejoicing-while-showi_1258-161751.jpg", authorName: "KFS Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg", date: "Oct 2025" },
|
||||
{ id: "b2", category: "Member", title: "Early Bird Access", excerpt: "Exclusive menu previews.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-couple-passing-food-each-other-while-having-lunch-with-their-family_637285-10314.jpg", authorName: "KFS Team", authorAvatar: "http://img.b2bpic.net/free-photo/dentist-smiling-office_1328-4082.jpg", date: "Oct 2025" },
|
||||
{ id: "b3", category: "Member", title: "Birthday Treats", excerpt: "Celebrate with us.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-with-cake-surprise-birthday-party_23-2149749138.jpg", authorName: "KFS Team", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-man-ready-boating-trip_23-2147562090.jpg", date: "Oct 2025" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -383,16 +182,12 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Visit?"
|
||||
description="Join the KFS revolution today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#reserve",
|
||||
},
|
||||
{ text: "Book Now", href: "#reserve" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -403,29 +198,15 @@ export default function LandingPage() {
|
||||
logoText="KFS"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reserve",
|
||||
href: "#reserve",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Reserve", href: "#reserve" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user