Merge version_1 into main #1
481
src/app/page.tsx
481
src/app/page.tsx
@@ -15,361 +15,150 @@ import { Flame, Home, MapPin, Utensils } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
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: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Kings Fish Bar"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "https://www.ubereats.com/gb/store/kings-fish-bar/4IL4dxqKSWSmv714QZiGpw?srsltid=AfmBOoqFmmX1uUrMnpe5RlH5Odj2BzkhNcG2niClPB_xa-WsY4L_T2CD",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kings Fish Bar"
|
||||
button={{
|
||||
text: "Order Now", href: "https://www.ubereats.com/gb/store/kings-fish-bar/4IL4dxqKSWSmv714QZiGpw?srsltid=AfmBOoqFmmX1uUrMnpe5RlH5Odj2BzkhNcG2niClPB_xa-WsY4L_T2CD"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
title="Fresh. Generous. Proper Food Done Right."
|
||||
description="Kings Fish Bar: Walsall's premium takeaway destination. Cooked fresh to order, big portions, and local pride in every bite."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
{
|
||||
value: "280+",
|
||||
label: "Verified Reviews",
|
||||
},
|
||||
{
|
||||
value: "Fresh",
|
||||
label: "Made to Order",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order on Uber Eats",
|
||||
href: "https://www.ubereats.com/gb/store/kings-fish-bar/4IL4dxqKSWSmv714QZiGpw?srsltid=AfmBOoqFmmX1uUrMnpe5RlH5Odj2BzkhNcG2niClPB_xa-WsY4L_T2CD",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-eating-pasta-with-grilled-chicken-pieces-cherry-tomatoes_114579-1454.jpg"
|
||||
imageAlt="Freshly cooked fish and chips"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-korean-barista-pouring-filter-coffee-prepare-batch-brew-client-cafe_1258-203378.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/good-humoured-caucasian-woman-enjoying-healthy-food-indoor-shot-smiling-girl-eating-salad_197531-17196.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our local food lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cooked Fresh",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Big Portions",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Walsall Pride",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Authentic Taste",
|
||||
icon: Flame,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Fresh. Generous. Proper Food Done Right."
|
||||
description="Kings Fish Bar: Walsall's premium takeaway destination. Cooked fresh to order, big portions, and local pride in every bite."
|
||||
kpis={[
|
||||
{ value: "4.8", label: "Customer Rating" },
|
||||
{ value: "280+", label: "Verified Reviews" },
|
||||
{ value: "Fresh", label: "Made to Order" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Order on Uber Eats", href: "https://www.ubereats.com/gb/store/kings-fish-bar/4IL4dxqKSWSmv714QZiGpw?srsltid=AfmBOoqFmmX1uUrMnpe5RlH5Odj2BzkhNcG2niClPB_xa-WsY4L_T2CD" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-eating-pasta-with-grilled-chicken-pieces-cherry-tomatoes_114579-1454.jpg"
|
||||
imageAlt="Freshly cooked fish and chips"
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Cooked Fresh", icon: Flame },
|
||||
{ type: "text-icon", text: "Big Portions", icon: Utensils },
|
||||
{ type: "text-icon", text: "Family Owned", icon: Home },
|
||||
{ type: "text-icon", text: "Walsall Pride", icon: MapPin },
|
||||
{ type: "text-icon", text: "Authentic Taste", icon: Flame },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
testimonial: "Amazing kebab, brilliant portions, tasty chips and wonderful price!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Local",
|
||||
testimonial: "Great food, great prices, great staff. Always cooked fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma R.",
|
||||
role: "Regular",
|
||||
testimonial: "Excellent service and large, varied menu including great vegan options.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James P.",
|
||||
role: "Local",
|
||||
testimonial: "Proper food done right. Always fresh, always hot.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucy T.",
|
||||
role: "Foodie",
|
||||
testimonial: "Best chippy in Walsall by far. Generous portions guaranteed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
||||
},
|
||||
]}
|
||||
title="Local Favourites"
|
||||
description="What our wonderful customers are saying about our portions and service."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Local Favourites"
|
||||
description="What our wonderful customers are saying about our portions and service."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Foodie", testimonial: "Amazing kebab, brilliant portions, tasty chips and wonderful price!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Local", testimonial: "Great food, great prices, great staff. Always cooked fresh.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg" },
|
||||
{ id: "3", name: "Emma R.", role: "Regular", testimonial: "Excellent service and large, varied menu including great vegan options.", imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg" },
|
||||
{ id: "4", name: "James P.", role: "Local", testimonial: "Proper food done right. Always fresh, always hot.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg" },
|
||||
{ id: "5", name: "Lucy T.", role: "Foodie", testimonial: "Best chippy in Walsall by far. Generous portions guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Traditional Fish & Chips",
|
||||
price: "£8.50",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nuggets-french-fries-beautifully-served_23-2148113583.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Donner Kebab",
|
||||
price: "£7.00",
|
||||
variant: "Top Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-potatoes-nuggets-herbs_114579-19729.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Margherita Pizza",
|
||||
price: "£9.00",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-with-vegetables-lemon-served-with-glass-wine_141793-762.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Vegan Burger",
|
||||
price: "£6.50",
|
||||
variant: "Vegetarian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-chips-dish-with-peas-copy-space_23-2148784909.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Onion Rings",
|
||||
price: "£3.50",
|
||||
variant: "Side",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-lemon-slices-garlic_140725-6641.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chip Butty",
|
||||
price: "£3.00",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-seafood-appetizers-fish-squid-shrimp-with-sauces-vegetable-salad_141793-4123.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Freshly prepared every order, large portions, and something for everyone."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Our Menu"
|
||||
description="Freshly prepared every order, large portions, and something for everyone."
|
||||
products={[
|
||||
{ id: "p1", name: "Traditional Fish & Chips", price: "£8.50", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/nuggets-french-fries-beautifully-served_23-2148113583.jpg" },
|
||||
{ id: "p2", name: "Donner Kebab", price: "£7.00", variant: "Top Seller", imageSrc: "http://img.b2bpic.net/free-photo/fried-potatoes-nuggets-herbs_114579-19729.jpg" },
|
||||
{ id: "p3", name: "Margherita Pizza", price: "£9.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-with-vegetables-lemon-served-with-glass-wine_141793-762.jpg" },
|
||||
{ id: "p4", name: "Vegan Burger", price: "£6.50", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-chips-dish-with-peas-copy-space_23-2148784909.jpg" },
|
||||
{ id: "p5", name: "Onion Rings", price: "£3.50", variant: "Side", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-lemon-slices-garlic_140725-6641.jpg" },
|
||||
{ id: "p6", name: "Chip Butty", price: "£3.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/top-view-seafood-appetizers-fish-squid-shrimp-with-sauces-vegetable-salad_141793-4123.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Why Kings Fish Bar?"
|
||||
description="We pride ourselves on premium quality street food."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Cooked Fresh Every Time",
|
||||
content: "Nothing sits around. Every order is prepared the moment you request it to ensure maximum quality.",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Proper Portion Sizes",
|
||||
content: "We believe in generous portions that satisfy the biggest appetites.",
|
||||
},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Options for Everyone",
|
||||
content: "From traditional fish & chips to vegetarian and vegan options, there's a delicious choice for all.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/steaming-shrimp-vegetable-stir-fry-bowl_84443-85661.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Why Kings Fish Bar?"
|
||||
description="We pride ourselves on premium quality street food."
|
||||
accordionItems={[
|
||||
{ id: "a1", title: "Cooked Fresh Every Time", content: "Nothing sits around. Every order is prepared the moment you request it to ensure maximum quality." },
|
||||
{ id: "a2", title: "Proper Portion Sizes", content: "We believe in generous portions that satisfy the biggest appetites." },
|
||||
{ id: "a3", title: "Options for Everyone", content: "From traditional fish & chips to vegetarian and vegan options, there's a delicious choice for all." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Freshness Guarantee",
|
||||
items: [
|
||||
"Cooked to order",
|
||||
"Quality ingredients",
|
||||
"Daily prep",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Years of Experience",
|
||||
items: [
|
||||
"Local expertise",
|
||||
"Trusted recipes",
|
||||
"Consistent quality",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Menu Categories",
|
||||
items: [
|
||||
"Fish & Chips",
|
||||
"Kebabs & Pizza",
|
||||
"Vegetarian options",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Standards"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Our Standards"
|
||||
description="Commitment to excellence in every dish."
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", title: "Freshness Guarantee", items: ["Cooked to order", "Quality ingredients", "Daily prep"] },
|
||||
{ id: "m2", value: "20+", title: "Years of Experience", items: ["Local expertise", "Trusted recipes", "Consistent quality"] },
|
||||
{ id: "m3", value: "15+", title: "Menu Categories", items: ["Fish & Chips", "Kebabs & Pizza", "Vegetarian options"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Find Us"
|
||||
description="5 Walstead Rd, Walsall, WS5 4LZ | 01922 641025 | Open until 9:30pm daily"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-holding-map_23-2148228454.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Find Us"
|
||||
description="5 Walstead Rd, Walsall, WS5 4LZ | 01922 641025 | Open until 9:30pm daily"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-holding-map_23-2148228454.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Kings Fish Bar"
|
||||
columns={[
|
||||
{
|
||||
title: "Order Online",
|
||||
items: [
|
||||
{
|
||||
label: "Uber Eats",
|
||||
href: "https://www.ubereats.com/gb/store/kings-fish-bar/4IL4dxqKSWSmv714QZiGpw",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "5 Walstead Rd, Walsall",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Kings Fish Bar. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Kings Fish Bar"
|
||||
columns={[
|
||||
{ title: "Order Online", items: [{ label: "Uber Eats", href: "https://www.ubereats.com/gb/store/kings-fish-bar/4IL4dxqKSWSmv714QZiGpw" }] },
|
||||
{ title: "Visit Us", items: [{ label: "5 Walstead Rd, Walsall", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Kings Fish Bar. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user