Merge version_1 into main #1
232
src/app/page.tsx
232
src/app/page.tsx
@@ -31,73 +31,46 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "contact",
|
||||
},
|
||||
name: "FAQ", id: "contact"},
|
||||
]}
|
||||
brandName="Ken's Fresh Fish"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Order Online", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Fresh fish,\ndone with island pride."
|
||||
description="Ken’s Fresh Fish brings together ultra-fresh seafood, signature local plates, and the kind of quality people drive back for. Built around the fish. Made for the North Shore lifestyle."
|
||||
tag="Laie, Oʻahu"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order for Pickup",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order for Pickup", href: "#contact"},
|
||||
{
|
||||
text: "View Signature Dishes",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Signature Dishes", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spicy-lemon-squid-with-galangal-chilies-carrots-peppermint-spring-onions-garlic-plate-white-wooden-floor_1150-20833.jpg",
|
||||
imageAlt: "Gourmet Ahi Katsu",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spicy-lemon-squid-with-galangal-chilies-carrots-peppermint-spring-onions-garlic-plate-white-wooden-floor_1150-20833.jpg", imageAlt: "Gourmet Ahi Katsu"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-woman-using-mobile-phone-cafe_273443-671.jpg",
|
||||
imageAlt: "Fresh Poke Bowl",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-woman-using-mobile-phone-cafe_273443-671.jpg", imageAlt: "Fresh Poke Bowl"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-cuisine-shrimp-lime-thai_1203-5592.jpg",
|
||||
imageAlt: "Crispy Mahi Mahi Tacos",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-cuisine-shrimp-lime-thai_1203-5592.jpg", imageAlt: "Crispy Mahi Mahi Tacos"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-prawns-wooden-sticks-side-view_141793-4453.jpg",
|
||||
imageAlt: "Golden Coconut Shrimp",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-prawns-wooden-sticks-side-view_141793-4453.jpg", imageAlt: "Golden Coconut Shrimp"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-fresh-cut-raw-fishes-green-dark-color-tray-pepper-knife-blue-black-mix-colors-table-with-free-space_179666-18201.jpg",
|
||||
imageAlt: "Fresh Raw Tuna Sashimi",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-fresh-cut-raw-fishes-green-dark-color-tray-pepper-knife-blue-black-mix-colors-table-with-free-space_179666-18201.jpg", imageAlt: "Fresh Raw Tuna Sashimi"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-steak_74190-4960.jpg",
|
||||
imageAlt: "Grilled Swordfish Steak",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-steak_74190-4960.jpg", imageAlt: "Grilled Swordfish Steak"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -110,28 +83,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "fresh-daily",
|
||||
value: "Fresh Daily",
|
||||
title: "Prepared for quality first",
|
||||
description: "Every fish is carefully selected and prepared fresh, ensuring the best taste and texture.",
|
||||
id: "fresh-daily", value: "Fresh Daily", title: "Prepared for quality first", description: "Every fish is carefully selected and prepared fresh, ensuring the best taste and texture.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-fresh-cut-raw-fishes-green-dark-color-tray-pepper-knife-blue-black-mix-colors-table-with-free-space_179666-18201.jpg", imageAlt: "fresh raw tuna sashimi plate"
|
||||
},
|
||||
{
|
||||
id: "local-favorite",
|
||||
value: "Local Favorite",
|
||||
title: "Loved by both visitors and regulars",
|
||||
description: "Our consistent quality and authentic flavors have earned us a loyal following.",
|
||||
id: "local-favorite", value: "Local Favorite", title: "Loved by both visitors and regulars", description: "Our consistent quality and authentic flavors have earned us a loyal following.", imageSrc: "http://img.b2bpic.net/free-photo/european-woman-using-mobile-phone-cafe_273443-671.jpg", imageAlt: "fresh tuna poke bowl hawaiian"
|
||||
},
|
||||
{
|
||||
id: "takeout-only",
|
||||
value: "Takeout Only",
|
||||
title: "Fast pickup, perfect for a beach picnic",
|
||||
description: "Designed for convenience, grab your order and enjoy the beautiful North Shore surroundings.",
|
||||
id: "takeout-only", value: "Takeout Only", title: "Fast pickup, perfect for a beach picnic", description: "Designed for convenience, grab your order and enjoy the beautiful North Shore surroundings.", imageSrc: "http://img.b2bpic.net/free-photo/plate-cuisine-shrimp-lime-thai_1203-5592.jpg", imageAlt: "crispy mahi mahi tacos cilantro lime"
|
||||
},
|
||||
{
|
||||
id: "signature-ahi-katsu",
|
||||
value: "Signature Ahi Katsu",
|
||||
title: "The dish people come back for",
|
||||
description: "A golden-crisp delight that has become a legend among our customers.",
|
||||
id: "signature-ahi-katsu", value: "Signature Ahi Katsu", title: "The dish people come back for", description: "A golden-crisp delight that has become a legend among our customers.", imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak_74190-798.jpg", imageAlt: "ahi katsu panko crusted"
|
||||
},
|
||||
]}
|
||||
title="What makes us stand out"
|
||||
@@ -147,45 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "ahi-katsu",
|
||||
brand: "Signature Favorite",
|
||||
name: "Ahi Katsu",
|
||||
price: "$18",
|
||||
rating: 5,
|
||||
reviewCount: "245",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak_74190-798.jpg",
|
||||
imageAlt: "Ahi Katsu",
|
||||
},
|
||||
id: "ahi-katsu", brand: "Signature Favorite", name: "Ahi Katsu", price: "$18", rating: 5,
|
||||
reviewCount: "245", imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak_74190-798.jpg", imageAlt: "Ahi Katsu"},
|
||||
{
|
||||
id: "poke-bowls",
|
||||
brand: "Pure & Fresh",
|
||||
name: "Fresh Poke Bowls",
|
||||
price: "$16",
|
||||
rating: 5,
|
||||
reviewCount: "190",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-bowls-with-vegetables-seafood_23-2148259264.jpg",
|
||||
imageAlt: "Fresh Poke Bowls",
|
||||
},
|
||||
id: "poke-bowls", brand: "Pure & Fresh", name: "Fresh Poke Bowls", price: "$16", rating: 5,
|
||||
reviewCount: "190", imageSrc: "http://img.b2bpic.net/free-photo/rice-bowls-with-vegetables-seafood_23-2148259264.jpg", imageAlt: "Fresh Poke Bowls"},
|
||||
{
|
||||
id: "mahi-tacos",
|
||||
brand: "Local Standout",
|
||||
name: "Mahi Mahi Tacos",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-shaurma-tasty-meat-salad-sandwich-grey-surface-burger-sandwich-bread-pita-meat_140725-101526.jpg",
|
||||
imageAlt: "Mahi Mahi Tacos",
|
||||
},
|
||||
id: "mahi-tacos", brand: "Local Standout", name: "Mahi Mahi Tacos", price: "$15", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-shaurma-tasty-meat-salad-sandwich-grey-surface-burger-sandwich-bread-pita-meat_140725-101526.jpg", imageAlt: "Mahi Mahi Tacos"},
|
||||
{
|
||||
id: "coconut-shrimp",
|
||||
brand: "Crowd Pleaser",
|
||||
name: "Coconut Shrimp",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/california-sushi-maki_1203-8623.jpg",
|
||||
imageAlt: "Coconut Shrimp",
|
||||
},
|
||||
id: "coconut-shrimp", brand: "Crowd Pleaser", name: "Coconut Shrimp", price: "$12", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/california-sushi-maki_1203-8623.jpg", imageAlt: "Coconut Shrimp"},
|
||||
]}
|
||||
title="Luxury feel. Local soul."
|
||||
description="Our menu features signature local plates crafted with ultra-fresh seafood, delivering a premium experience rooted in island food culture."
|
||||
@@ -199,37 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Local Guide",
|
||||
handle: "@localguide",
|
||||
testimonial: "Hands down the best poke spot anywhere. The fish is so fresh it practically melts like butter.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-having-fun-while-having-lunch-drinking-beer-with-friends-home_637285-2882.jpg",
|
||||
},
|
||||
id: "1", name: "Local Guide", handle: "@localguide", testimonial: "Hands down the best poke spot anywhere. The fish is so fresh it practically melts like butter.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-having-fun-while-having-lunch-drinking-beer-with-friends-home_637285-2882.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Customer Review",
|
||||
handle: "@customer_reviews",
|
||||
testimonial: "The ahi katsu is heavenly. A must try. Get there at opening because lines build fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-showing-thumb-up-gesture-holding-map-against-blue-background_23-2148203023.jpg",
|
||||
},
|
||||
id: "2", name: "Customer Review", handle: "@customer_reviews", testimonial: "The ahi katsu is heavenly. A must try. Get there at opening because lines build fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-showing-thumb-up-gesture-holding-map-against-blue-background_23-2148203023.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Visitor Review",
|
||||
handle: "@island_explorer",
|
||||
testimonial: "Best fish on the island. Take-out only, so walk down to the beach for a picnic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-doing-tiger-paws-gesture-isolated-green-background-with-copy-space_141793-31904.jpg",
|
||||
},
|
||||
id: "3", name: "Visitor Review", handle: "@island_explorer", testimonial: "Best fish on the island. Take-out only, so walk down to the beach for a picnic.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-doing-tiger-paws-gesture-isolated-green-background-with-copy-space_141793-31904.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Foodie Fan",
|
||||
handle: "@foodiefan",
|
||||
testimonial: "Ken's Fresh Fish never disappoints! The quality and flavor are unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15892.jpg",
|
||||
},
|
||||
id: "4", name: "Foodie Fan", handle: "@foodiefan", testimonial: "Ken's Fresh Fish never disappoints! The quality and flavor are unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15892.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What keeps people coming back"
|
||||
@@ -242,9 +155,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Not flashy. Just unforgettable."
|
||||
description={[
|
||||
"Ken’s Fresh Fish should feel like a hidden gem that no longer looks hidden online. The website needs to elevate the experience while staying honest to what customers actually love: fresh fish, standout favorites, simple ordering, and a stop that feels worth planning around.",
|
||||
"Our brand positioning embraces a luxury visual direction with deep ocean tones and warm gold accents. The layout is conversion-first, focused on pickup orders and first-visit confidence. Messaging emphasizes freshness, signature dishes, and local trust, all while maintaining an approachable North Shore personality.",
|
||||
]}
|
||||
"Ken’s Fresh Fish should feel like a hidden gem that no longer looks hidden online. The website needs to elevate the experience while staying honest to what customers actually love: fresh fish, standout favorites, simple ordering, and a stop that feels worth planning around.", "Our brand positioning embraces a luxury visual direction with deep ocean tones and warm gold accents. The layout is conversion-first, focused on pickup orders and first-visit confidence. Messaging emphasizes freshness, signature dishes, and local trust, all while maintaining an approachable North Shore personality."]}
|
||||
showBorder={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -255,32 +166,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer dine-in seating?",
|
||||
content: "Ken’s Fresh Fish is designed for takeout. Pick up your order and enjoy it at the beach, park, or wherever the day takes you.",
|
||||
},
|
||||
id: "1", title: "Do you offer dine-in seating?", content: "Ken’s Fresh Fish is designed for takeout. Pick up your order and enjoy it at the beach, park, or wherever the day takes you."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What should I order first?",
|
||||
content: "If it’s your first visit, start with the Ahi Katsu, fresh poke, or the mahi mahi tacos—these are the dishes customers mention most often.",
|
||||
},
|
||||
id: "2", title: "What should I order first?", content: "If it’s your first visit, start with the Ahi Katsu, fresh poke, or the mahi mahi tacos—these are the dishes customers mention most often."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Why do people say the fish tastes different here?",
|
||||
content: "Because freshness leads the experience. The flavor profile is built to let the fish shine rather than bury it under heavy sauce.",
|
||||
},
|
||||
id: "3", title: "Why do people say the fish tastes different here?", content: "Because freshness leads the experience. The flavor profile is built to let the fish shine rather than bury it under heavy sauce."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I place a pickup order?",
|
||||
content: "Yes—this layout is built to support an online ordering or call-ahead button right at the top once the business is ready to connect it.",
|
||||
},
|
||||
id: "4", title: "Can I place a pickup order?", content: "Yes—this layout is built to support an online ordering or call-ahead button right at the top once the business is ready to connect it."},
|
||||
]}
|
||||
ctaTitle="Make the stop worth planning for."
|
||||
ctaDescription="This site is designed to turn curiosity into action—especially for hungry tourists, North Shore day-trippers, and locals who already know the name. Add ordering, location info, real photos, and business hours here for a complete launch-ready homepage."
|
||||
ctaButton={{
|
||||
text: "Start Online Order",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Start Online Order", href: "#"}}
|
||||
ctaIcon={ArrowRight}
|
||||
/>
|
||||
</div>
|
||||
@@ -289,58 +186,35 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Signature Dishes",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Signature Dishes", href: "#products"},
|
||||
{
|
||||
label: "Poke Bowls",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Poke Bowls", href: "#products"},
|
||||
{
|
||||
label: "Tacos",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Tacos", href: "#products"},
|
||||
{
|
||||
label: "Sides",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Sides", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "FAQ", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user