Merge version_2 into main #2
162
src/app/page.tsx
162
src/app/page.tsx
@@ -32,55 +32,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sushi Zen"
|
||||
brandName="Sushi House"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Experience Authentic Sushi Perfection"
|
||||
description="Crafted with passion, served with love. Discover our fresh ingredients and traditional techniques."
|
||||
title="Sushi House: Freshly Handcrafted"
|
||||
description="Authentic flavors, premium ingredients, and a warm atmosphere. Experience the true art of sushi."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu", href: "#menu"},
|
||||
{
|
||||
text: "Book a Table", href: "#contact"},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beyti-kebab-served-with-ayran-pickles_141793-1870.jpg"
|
||||
imageAlt="Fresh Sushi Platter"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-served-table-with-multiple-meals-snacks_140725-11553.jpg", alt: "Customer profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-different-dishes_23-2147680662.jpg", alt: "Customer profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dish-sets-caesar-tuna-salad-prawns-chicken-legs-side-view_141793-12175.jpg", alt: "Customer profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-sandwiches-plates_23-2148633424.jpg", alt: "Customer profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-japanese-street-food-restaurant_23-2149410174.jpg", alt: "Customer profile 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy sushi lovers"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-sushi-rolls-with-wasabi-ginger-plate_140725-5654.jpg"
|
||||
imageAlt="Sushi House Platter"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="The Sushi House Promise"
|
||||
description="Our chefs meticulously prepare every roll with hand-selected fish, seasonal vegetables, and locally sourced rice for the ultimate dining experience."
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Freshness and Tradition"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,22 +68,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Our Culinary Creations"
|
||||
description="From traditional nigiri to inventive signature rolls, explore our curated selection."
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Tuna Sashimi", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plate-with-fish-clams_23-2148643648.jpg"},
|
||||
{
|
||||
id: "2", name: "Salmon Nigiri", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sushi-rolls-with-eel-avocado-cucumber-with-ginger-wasabi-plate-wood_141793-11686.jpg"},
|
||||
{
|
||||
id: "3", name: "Tempura Maki", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/california-sushi-roll_74190-2901.jpg"},
|
||||
{
|
||||
id: "4", name: "California Roll", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sushi-plate_23-2149964976.jpg"},
|
||||
{
|
||||
id: "5", name: "Spicy Tuna", price: "$13", imageSrc: "http://img.b2bpic.net/free-photo/isolated-sushi-closeup_181624-1350.jpg"},
|
||||
{
|
||||
id: "6", name: "Unagi Eel", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/foie-gras_74190-661.jpg"},
|
||||
{ id: "1", name: "Signature Dragon Roll", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-set-wooden-table_23-2148785641.jpg" },
|
||||
{ id: "2", name: "Fresh Salmon Nigiri", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/fresh-sushi-rolls-with-wasabi-ginger-plate_140725-5654.jpg" },
|
||||
{ id: "3", name: "Spicy Tuna Volcano", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/spicy-tuna-roll-served-on-plate_141793-1870.jpg" },
|
||||
{ id: "4", name: "Classic California", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/california-roll-isolated_74190-2901.jpg" },
|
||||
]}
|
||||
title="Signature Sushi Selection"
|
||||
description="Hand-rolled daily using premium fish and organic rice."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,16 +83,13 @@ export default function LandingPage() {
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Why Sushi House?"
|
||||
description="Commitment to quality in every grain of rice and slice of fish."
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Catch", description: "Daily delivery of premium fish from sustainable sources.", imageSrc: "http://img.b2bpic.net/free-photo/dining-food-fish-pink-green_1203-4276.jpg"},
|
||||
{
|
||||
title: "Artisanal Technique", description: "Master chefs with over 20 years of experience.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-sushi-ready-be-served_23-2148494366.jpg"},
|
||||
{
|
||||
title: "Organic Ingredients", description: "Only the finest rice and vinegars for our rolls.", imageSrc: "http://img.b2bpic.net/free-photo/sushi-is-plate-with-chopsticks-dipping-sauce-white-cement-floor_1150-22645.jpg"},
|
||||
{ title: "Premium Quality", description: "Only A-grade fish used daily.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sushi-tray_23-2148494366.jpg" },
|
||||
{ title: "Expert Chefs", description: "Generations of sushi craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-sushi_141793-12175.jpg" },
|
||||
{ title: "Freshly Sourced", description: "Farm-to-table vegetable pairings.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-ingredients-vegetables-fish_141793-11686.jpg" },
|
||||
]}
|
||||
title="Why Sushi Zen?"
|
||||
description="Our commitment to excellence shines in every bite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,20 +98,12 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Voices of Sushi House"
|
||||
description="Our guests share their favorite experiences."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alice M.", handle: "@alicem", testimonial: "The best sushi in the city, period!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-eating-home_23-2150272458.jpg"},
|
||||
{
|
||||
id: "2", name: "Bob D.", handle: "@bobd", testimonial: "Absolutely fresh and perfectly seasoned.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-man-holding-her-girlfriend-s-hand_23-2147891265.jpg"},
|
||||
{
|
||||
id: "3", name: "Carol W.", handle: "@carolw", testimonial: "A true culinary experience every time.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg"},
|
||||
{
|
||||
id: "4", name: "David L.", handle: "@davidl", testimonial: "Friendly service and delicious food.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-sushi-soy-sauce_23-2149013618.jpg"},
|
||||
{
|
||||
id: "5", name: "Eve J.", handle: "@evej", testimonial: "My go-to spot for special occasions.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-sushi-park-picnic-nature_169016-21846.jpg"},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj_sushi", testimonial: "The freshness is unmatched. Simply the best!", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-sushi-restaurant_23-2148785641.jpg" },
|
||||
{ id: "2", name: "Mark T.", handle: "@markt_foodie", testimonial: "A truly authentic experience. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/man-eating-sushi-with-chopsticks_23-2148785641.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="We pride ourselves on the positive feedback from our patrons."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -153,74 +112,49 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="By the Numbers"
|
||||
description="Sushi House milestones and guest favorites."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Award,
|
||||
title: "Years Experience", value: "20+"},
|
||||
{
|
||||
id: "m2", icon: Star,
|
||||
title: "Daily Happy Guests", value: "500+"},
|
||||
{
|
||||
id: "m3", icon: CheckCircle,
|
||||
title: "Sourcing Partners", value: "15"},
|
||||
{ id: "1", icon: Award, title: "Years Crafting", value: "15+" },
|
||||
{ id: "2", icon: Star, title: "Rolls Crafted", value: "50k+" },
|
||||
{ id: "3", icon: CheckCircle, title: "Happy Guests", value: "25k+" },
|
||||
]}
|
||||
title="Sushi Zen by Numbers"
|
||||
description="Years of craft and thousands of smiles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you offer takeout?", content: "Yes, all menu items are available for pickup."},
|
||||
{
|
||||
id: "f2", title: "Can you cater events?", content: "Absolutely, we specialize in event catering."},
|
||||
{
|
||||
id: "f3", title: "Are there vegan options?", content: "We offer a wide selection of vegetable rolls."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
title="Frequently Asked Questions"
|
||||
sideTitle="Sushi House FAQ"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you offer online ordering?", content: "Yes, our online ordering system is live!" },
|
||||
{ id: "2", title: "What are your hours?", content: "Open daily from 11:30 AM to 10:00 PM." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Ready to Taste the Zen?"
|
||||
description="Reserve your table today and embark on a culinary journey."
|
||||
tag="Contact Us"
|
||||
title="Connect with Sushi House"
|
||||
description="We would love to hear from you. Reach out for reservations or private events."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Sushi Zen", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Sushi House", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Sushi Zen"
|
||||
bottomRightText="Crafted with joy"
|
||||
bottomLeftText="© 2024 Sushi House"
|
||||
bottomRightText="Authentic Sushi"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user