Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Flame, ShoppingBag, Truck } from "lucide-react";
|
||||
import { Flame, ShoppingBag, Truck, Zap, Award, Star, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "featured",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Order Now",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "featured" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Order Now", id: "contact" },
|
||||
]}
|
||||
brandName="Kebab Feast"
|
||||
/>
|
||||
@@ -54,43 +42,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Werribee’s Most Loaded Kebabs & HSPs 🔥"
|
||||
description="Big portions. Bold flavours. Ready for pickup or delivered to your door."
|
||||
tag="Authentic Street Food"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Pickup",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Order Delivery",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Order Pickup", href: "#contact" },
|
||||
{ text: "Order Delivery", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-serbian-food-assortment-high-angle_23-2149358058.jpg?_wi=1",
|
||||
imageAlt: "Loaded Kebab",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-serbian-food-assortment-high-angle_23-2149358058.jpg", imageAlt: "Loaded Kebab"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-bones-with-fried-vegetables-sauce-table-food-meal-dinner-restaurant-meat_140725-28157.jpg?_wi=1",
|
||||
imageAlt: "Loaded HSP",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-serbian-food-plate_23-2149358066.jpg",
|
||||
imageAlt: "High angle delicious serbian food on plate",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-serbian-food-plate_23-2149358064.jpg",
|
||||
imageAlt: "High angle tasty serbian food on plate",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-serbian-food-plate-high-angle_23-2149358065.jpg",
|
||||
imageAlt: "Delicious serbian food on plate high angle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-bones-with-fried-vegetables-sauce-table-food-meal-dinner-restaurant-meat_140725-28157.jpg", imageAlt: "Loaded HSP"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,42 +69,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mixed HSP",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-kebab-with-rice-vegetables_140725-7109.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lamb & Chicken Kebab",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-pita-bread-with-onions-tomato_140725-6559.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Meat Doner Platter",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gozleme",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-rolled-dough-pita-sliced-with-meat-filling-sauce-dark-blue-desk_140725-58167.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Banana Milkshake",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-milkshake-drink-with-bananas_23-2150823018.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Kebab Feast Special",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dessert-with-fruits-cookies-candies-dark-background-candy-color-biscuit-sweet-cookie_140725-99231.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Mixed HSP", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/various-kebab-with-rice-vegetables_140725-7109.jpg" },
|
||||
{ id: "p2", name: "Lamb & Chicken Kebab", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-pita-bread-with-onions-tomato_140725-6559.jpg" },
|
||||
{ id: "p3", name: "Meat Doner Platter", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg" },
|
||||
{ id: "p4", name: "Gozleme", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/top-view-rolled-dough-pita-sliced-with-meat-filling-sauce-dark-blue-desk_140725-58167.jpg" },
|
||||
{ id: "p5", name: "Banana Milkshake", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-milkshake-drink-with-bananas_23-2150823018.jpg" },
|
||||
{ id: "p6", name: "Kebab Feast Special", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dessert-with-fruits-cookies-candies-dark-background-candy-color-biscuit-sweet-cookie_140725-99231.jpg" },
|
||||
]}
|
||||
title="Our Signature Flavours"
|
||||
description="Loaded with fresh ingredients, premium meat, and our secret sauce."
|
||||
@@ -152,34 +86,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Massive Portions",
|
||||
description: "Generous portions that actually fill you up every time.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/milk-white-chocolate-chips-plate_23-2148238812.jpg",
|
||||
imageAlt: "Milk and white chocolate chips on plate",
|
||||
},
|
||||
{
|
||||
title: "Authentic Flavours",
|
||||
description: "Authentic, flavour-packed recipes made from scratch.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-serbian-food-assortment-high-angle_23-2149358058.jpg?_wi=2",
|
||||
imageAlt: "Milk and white chocolate chips on plate",
|
||||
},
|
||||
{
|
||||
title: "Unbeatable Value",
|
||||
description: "Great value for money with no compromise on quality.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-bones-with-fried-vegetables-sauce-table-food-meal-dinner-restaurant-meat_140725-28157.jpg?_wi=2",
|
||||
imageAlt: "Milk and white chocolate chips on plate",
|
||||
},
|
||||
{
|
||||
title: "Fast & Reliable",
|
||||
description: "Fast pickup or reliable delivery to your door.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-kebab-with-rice-vegetables_140725-7109.jpg?_wi=2",
|
||||
imageAlt: "Milk and white chocolate chips on plate",
|
||||
},
|
||||
{ title: "Massive Portions", description: "Generous portions that actually fill you up every time.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/milk-white-chocolate-chips-plate_23-2148238812.jpg", imageAlt: "Milk and white chocolate chips on plate" },
|
||||
{ title: "Authentic Flavours", description: "Authentic, flavour-packed recipes made from scratch.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/tasty-serbian-food-assortment-high-angle_23-2149358058.jpg", imageAlt: "Kebab food" },
|
||||
{ title: "Unbeatable Value", description: "Great value for money with no compromise on quality.", buttonIcon: Star, imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-bones-with-fried-vegetables-sauce-table-food-meal-dinner-restaurant-meat_140725-28157.jpg", imageAlt: "Meat meal" },
|
||||
{ title: "Fast & Reliable", description: "Fast pickup or reliable delivery to your door.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/various-kebab-with-rice-vegetables_140725-7109.jpg", imageAlt: "Kebab plate" },
|
||||
]}
|
||||
title="Why People Love Us"
|
||||
description="We are passionate about bringing you the best kebab experience in town."
|
||||
@@ -193,26 +103,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Local Foodie"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-african-american-woman-trendy-coloured-outfit-with-red-beret-chilling-cozy-cafe-standing-near-bar-counter_627829-5858.jpg",
|
||||
alt: "Local Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cocktails-bar-with-waitress-background_23-2147821272.jpg",
|
||||
alt: "Local Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tanner-by-workplace_1098-16272.jpg",
|
||||
alt: "Local Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-restaurant_1127-2154.jpg",
|
||||
alt: "Local Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-pretty-woman-wearing-christmas-hat-isolated_140725-100386.jpg",
|
||||
alt: "Local Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/enthusiastic-african-american-woman-trendy-coloured-outfit-with-red-beret-chilling-cozy-cafe-standing-near-bar-counter_627829-5858.jpg", alt: "Local Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cocktails-bar-with-waitress-background_23-2147821272.jpg", alt: "Local Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tanner-by-workplace_1098-16272.jpg", alt: "Local Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-restaurant_1127-2154.jpg", alt: "Local Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-young-pretty-woman-wearing-christmas-hat-isolated_140725-100386.jpg", alt: "Local Customer 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -226,27 +121,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Pickup",
|
||||
title: "Ready Fast",
|
||||
description: "Order online for quick pickup.",
|
||||
icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Delivery",
|
||||
title: "Fresh to You",
|
||||
description: "Delivered fresh to your door.",
|
||||
icon: Truck,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "No Dine-in",
|
||||
title: "Takeaway Only",
|
||||
description: "Dedicated to fast service for on-the-go.",
|
||||
icon: Flame,
|
||||
},
|
||||
{ id: "m1", value: "Pickup", title: "Ready Fast", description: "Order online for quick pickup.", icon: ShoppingBag },
|
||||
{ id: "m2", value: "Delivery", title: "Fresh to You", description: "Delivered fresh to your door.", icon: Truck },
|
||||
{ id: "m3", value: "No Dine-in", title: "Takeaway Only", description: "Dedicated to fast service for on-the-go.", icon: Flame },
|
||||
]}
|
||||
title="Ordering Options"
|
||||
description="Get your Kebab Feast delivered or pick it up at your convenience."
|
||||
@@ -268,16 +145,8 @@ export default function LandingPage() {
|
||||
title="Skip the wait. Order now."
|
||||
description="Ready to eat? Let's get your feast started."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-female-courier-red-uniform-cape-holding-delivery-food-package-bowl-pink-wall-uniform-delivery-service_140725-41815.jpg"
|
||||
/>
|
||||
@@ -288,29 +157,15 @@ export default function LandingPage() {
|
||||
logoText="Kebab Feast"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#featured",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Explore", items: [
|
||||
{ label: "Menu", href: "#featured" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ordering",
|
||||
items: [
|
||||
{
|
||||
label: "Pickup",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Delivery",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Ordering", items: [
|
||||
{ label: "Pickup", href: "#contact" },
|
||||
{ label: "Delivery", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -319,4 +174,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user