Merge version_1 into main #1
253
src/app/page.tsx
253
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Fish, Star } from "lucide-react";
|
||||
import { ArrowRight, Award, Fish, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,84 +33,49 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/pack-four-cute-flat-sushi-labels_23-2147558972.jpg"
|
||||
logoAlt="Mikkis Sushi Logo"
|
||||
brandName="Mikkis Sushi"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#order",
|
||||
}}
|
||||
text: "Order Now", href: "#order"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
title="Fresh Sushi, Crafted Daily"
|
||||
description="Experience authentic Japanese flavors made with premium ingredients. Order online, dine in, or have it delivered to your door."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#order",
|
||||
},
|
||||
text: "Order Now", href: "#order"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hitem-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_74190-4322.jpg",
|
||||
imageAlt: "Assorted sushi platter with nigiri and rolls",
|
||||
},
|
||||
id: "hitem-1", imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_74190-4322.jpg", imageAlt: "Assorted sushi platter with nigiri and rolls"},
|
||||
{
|
||||
id: "hitem-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865310.jpg",
|
||||
imageAlt: "Sushi chef meticulously preparing a sushi roll",
|
||||
},
|
||||
id: "hitem-2", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865310.jpg", imageAlt: "Sushi chef meticulously preparing a sushi roll"},
|
||||
{
|
||||
id: "hitem-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sushi-table_23-2149957029.jpg",
|
||||
imageAlt: "Sushi takeout box ready for delivery",
|
||||
},
|
||||
id: "hitem-3", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sushi-table_23-2149957029.jpg", imageAlt: "Sushi takeout box ready for delivery"},
|
||||
{
|
||||
id: "hitem-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-sushi_107420-65722.jpg",
|
||||
imageAlt: "Elegant interior of a modern sushi restaurant",
|
||||
},
|
||||
id: "hitem-4", imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-sushi_107420-65722.jpg", imageAlt: "Elegant interior of a modern sushi restaurant"},
|
||||
{
|
||||
id: "hitem-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll_1203-3580.jpg",
|
||||
imageAlt: "Close-up of vibrant sushi rolls with fresh ingredients",
|
||||
},
|
||||
id: "hitem-5", imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll_1203-3580.jpg", imageAlt: "Close-up of vibrant sushi rolls with fresh ingredients"},
|
||||
{
|
||||
id: "hitem-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-sashimi-fish_74190-1873.jpg",
|
||||
imageAlt: "Artfully arranged sashimi platter",
|
||||
},
|
||||
id: "hitem-6", imageSrc: "http://img.b2bpic.net/free-photo/fresh-sashimi-fish_74190-1873.jpg", imageAlt: "Artfully arranged sashimi platter"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -124,19 +89,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Fish,
|
||||
label: "Freshness",
|
||||
value: "Daily Sourced",
|
||||
},
|
||||
label: "Freshness", value: "Daily Sourced"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Expertise",
|
||||
value: "20+ Years",
|
||||
},
|
||||
label: "Expertise", value: "20+ Years"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Quality",
|
||||
value: "Premium Ingredients",
|
||||
},
|
||||
label: "Quality", value: "Premium Ingredients"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -148,32 +107,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Recipes",
|
||||
description: "Crafted with respect for traditional Japanese culinary artistry, bringing you genuine flavors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-salmon-roll_74190-681.jpg",
|
||||
imageAlt: "Traditional sushi preparation",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Authentic Recipes", description: "Crafted with respect for traditional Japanese culinary artistry, bringing you genuine flavors.", imageSrc: "http://img.b2bpic.net/free-photo/sushi-salmon-roll_74190-681.jpg", imageAlt: "Traditional sushi preparation", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Premium Ingredients",
|
||||
description: "Only the freshest seafood, finest rice, and seasonal produce are selected for your meal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-fish-stall-market-sanarysurmer_268835-3779.jpg",
|
||||
imageAlt: "Fresh ingredients for sushi",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Premium Ingredients", description: "Only the freshest seafood, finest rice, and seasonal produce are selected for your meal.", imageSrc: "http://img.b2bpic.net/free-photo/view-fish-stall-market-sanarysurmer_268835-3779.jpg", imageAlt: "Fresh ingredients for sushi", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Masterful Chefs",
|
||||
description: "Our skilled chefs bring years of experience and passion to meticulously prepare every single dish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-chef-chopping-vegetables-kitchen_23-2148763208.jpg",
|
||||
imageAlt: "Sushi chef slicing fish",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Masterful Chefs", description: "Our skilled chefs bring years of experience and passion to meticulously prepare every single dish.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-chef-chopping-vegetables-kitchen_23-2148763208.jpg", imageAlt: "Sushi chef slicing fish", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Convenient Ordering",
|
||||
description: "Enjoy easy online ordering for pickup, seamless delivery, or make a reservation for dine-in.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149870751.jpg",
|
||||
imageAlt: "Person ordering sushi on a phone",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Convenient Ordering", description: "Enjoy easy online ordering for pickup, seamless delivery, or make a reservation for dine-in.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149870751.jpg", imageAlt: "Person ordering sushi on a phone", buttonIcon: ArrowRight,
|
||||
},
|
||||
]}
|
||||
title="Savor the Mikkis Difference"
|
||||
@@ -189,47 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p-1",
|
||||
name: "Spicy Tuna Roll",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-philadelphia-roll-with-smoked-salmon-cream-cheese-cucumber-ginger-wasabi-soy-sauce-board_141793-3824.jpg",
|
||||
imageAlt: "Spicy Tuna Roll",
|
||||
},
|
||||
id: "p-1", name: "Spicy Tuna Roll", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-philadelphia-roll-with-smoked-salmon-cream-cheese-cucumber-ginger-wasabi-soy-sauce-board_141793-3824.jpg", imageAlt: "Spicy Tuna Roll"},
|
||||
{
|
||||
id: "p-2",
|
||||
name: "California Roll",
|
||||
price: "$12.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-sushi-rolls_1339-5520.jpg",
|
||||
imageAlt: "California Roll",
|
||||
},
|
||||
id: "p-2", name: "California Roll", price: "$12.50", imageSrc: "http://img.b2bpic.net/free-photo/salmon-sushi-rolls_1339-5520.jpg", imageAlt: "California Roll"},
|
||||
{
|
||||
id: "p-3",
|
||||
name: "Salmon Nigiri",
|
||||
price: "$6.00 / 2pcs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-assortment-sushi-goodies_23-2148930380.jpg",
|
||||
imageAlt: "Salmon Nigiri",
|
||||
},
|
||||
id: "p-3", name: "Salmon Nigiri", price: "$6.00 / 2pcs", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-assortment-sushi-goodies_23-2148930380.jpg", imageAlt: "Salmon Nigiri"},
|
||||
{
|
||||
id: "p-4",
|
||||
name: "Dragon Roll",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi_1203-8453.jpg",
|
||||
imageAlt: "Dragon Roll",
|
||||
},
|
||||
id: "p-4", name: "Dragon Roll", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/sushi_1203-8453.jpg", imageAlt: "Dragon Roll"},
|
||||
{
|
||||
id: "p-5",
|
||||
name: "Tuna Sashimi",
|
||||
price: "$9.00 / 3pcs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wild-tuna-day-celebration_23-2151307952.jpg",
|
||||
imageAlt: "Tuna Sashimi",
|
||||
},
|
||||
id: "p-5", name: "Tuna Sashimi", price: "$9.00 / 3pcs", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wild-tuna-day-celebration_23-2151307952.jpg", imageAlt: "Tuna Sashimi"},
|
||||
{
|
||||
id: "p-6",
|
||||
name: "Vegetable Tempura",
|
||||
price: "$10.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll_1203-9950.jpg",
|
||||
imageAlt: "Vegetable Tempura",
|
||||
},
|
||||
id: "p-6", name: "Vegetable Tempura", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/sushi-roll_1203-9950.jpg", imageAlt: "Vegetable Tempura"},
|
||||
]}
|
||||
title="Our Exquisite Menu"
|
||||
description="Explore a diverse selection of sushi, sashimi, specialty rolls, and delectable appetizers, prepared with precision and flair for your enjoyment."
|
||||
@@ -241,14 +154,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Yelp",
|
||||
"TripAdvisor",
|
||||
"Google Reviews",
|
||||
"OpenTable",
|
||||
"DoorDash",
|
||||
"Uber Eats",
|
||||
"Local Foodie Blog",
|
||||
]}
|
||||
"Yelp", "TripAdvisor", "Google Reviews", "OpenTable", "DoorDash", "Uber Eats", "Local Foodie Blog"]}
|
||||
title="What Our Community Says"
|
||||
description="We're honored by the glowing feedback from our cherished customers and recognized platforms, a testament to our quality."
|
||||
/>
|
||||
@@ -262,25 +168,15 @@ export default function LandingPage() {
|
||||
author="Our Satisfied Customers"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-smiling-young-woman_181624-40759.jpg",
|
||||
alt: "Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-smiling-young-woman_181624-40759.jpg", alt: "Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-casual-mature-businessman-doing-you-gesture-camera-isolated-white-background_141793-90126.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-casual-mature-businessman-doing-you-gesture-camera-isolated-white-background_141793-90126.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12865.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12865.jpg", alt: "Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-smiling-confident-wearing-glasses-isolated-white-background_839833-35235.jpg",
|
||||
alt: "David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-smiling-confident-wearing-glasses-isolated-white-background_839833-35235.jpg", alt: "David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
||||
alt: "Jessica Lee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg", alt: "Jessica Lee"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -292,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What are your opening hours?",
|
||||
content: "Mikkis Sushi is open for lunch and dinner. Please check our 'Contact Us' page for daily updated hours and holiday schedules.",
|
||||
},
|
||||
id: "faq-1", title: "What are your opening hours?", content: "Mikkis Sushi is open for lunch and dinner. Please check our 'Contact Us' page for daily updated hours and holiday schedules."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do you offer vegetarian or vegan options?",
|
||||
content: "Yes, we have a variety of delicious vegetarian and vegan rolls, nigiri, and appetizers. Please ask our staff for recommendations and any dietary concerns.",
|
||||
},
|
||||
id: "faq-2", title: "Do you offer vegetarian or vegan options?", content: "Yes, we have a variety of delicious vegetarian and vegan rolls, nigiri, and appetizers. Please ask our staff for recommendations and any dietary concerns."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "How can I make a reservation?",
|
||||
content: "Reservations can be made easily through our online booking system or by calling us directly during business hours. We highly recommend booking in advance, especially for weekend dining.",
|
||||
},
|
||||
id: "faq-3", title: "How can I make a reservation?", content: "Reservations can be made easily through our online booking system or by calling us directly during business hours. We highly recommend booking in advance, especially for weekend dining."},
|
||||
]}
|
||||
sideTitle="Your Questions, Answered"
|
||||
sideDescription="Find quick answers to common inquiries about our menu, services, and dining experience at Mikkis Sushi."
|
||||
@@ -319,20 +206,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect With Us"
|
||||
title="Visit Us or Order Now"
|
||||
description="Whether you're planning a special dinner, a quick takeout, or need catering, Mikkis Sushi is ready to serve. Reach out to us for any inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "#reservations",
|
||||
},
|
||||
text: "Make a Reservation", href: "#reservations"},
|
||||
{
|
||||
text: "View Location",
|
||||
href: "#location",
|
||||
},
|
||||
text: "View Location", href: "#location"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -341,62 +223,37 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Nigiri",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Nigiri", href: "#menu"},
|
||||
{
|
||||
label: "Sashimi",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Sashimi", href: "#menu"},
|
||||
{
|
||||
label: "Rolls",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Rolls", href: "#menu"},
|
||||
{
|
||||
label: "Appetizers",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Appetizers", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Team", href: "#"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Order Online",
|
||||
href: "#order",
|
||||
},
|
||||
label: "Order Online", href: "#order"},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#reservations",
|
||||
},
|
||||
label: "Reservations", href: "#reservations"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user