Update src/app/page.tsx

This commit is contained in:
2026-04-20 12:00:49 +00:00
parent efafd85ec4
commit 395555df7e

View File

@@ -16,372 +16,174 @@ import { Utensils } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
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: "About",
id: "about",
},
{
name: "Menu",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Sushify"
button={{
text: "Order Now",
href: "#products",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Sushify"
button={{
text: "Order Now", href: "#products"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
title="Fresh Sushi, Delivered to Your Door"
description="Experience authentic Japanese flavors with our artisanal sushi rolls, prepared fresh daily and delivered straight to your home."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/plate-sushi-red-background_23-2148326406.jpg",
imageAlt: "Sushi Platter 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-sushi-wrap_23-2148259218.jpg",
imageAlt: "Sushi Platter 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sushi-rolls-with-shrimps-avocado-cream-cheese-served-with-ginger-wasabi-plate-wood_141793-11698.jpg",
imageAlt: "Sushi Platter 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150554976.jpg",
imageAlt: "Sushi Platter 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-sushi-sushi-delivery-advertising-sushi-rolls-made-fish-cheese_132075-14590.jpg",
imageAlt: "Sushi Platter 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/big-sushi-black-plate-yellow-background_23-2148326344.jpg",
imageAlt: "Sushi Platter 6",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/sushi-delivery-top-view-rolls-with-fish-background_132075-14244.jpg",
imageAlt: "Sushi Platter 6",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-cucumber-served-with-ginger-wasabi_140725-3184.jpg",
imageAlt: "Sushi Platter 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-entrance-japanese-temple_23-2148809577.jpg",
imageAlt: "Sushi Platter 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-food-delivery_23-2149198136.jpg",
imageAlt: "Sushi Platter 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865319.jpg",
imageAlt: "Sushi Platter 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-sushi-soy-sauce_23-2149013620.jpg",
imageAlt: "Sushi Platter 1",
},
]}
buttons={[
{
text: "Order Online",
href: "#products",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-sushi-soy-sauce_23-2149013666.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/view-sushi-green-plate_23-2149013623.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529792.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/flat-lay-tasty-sushi-soy-sauce_23-2149013631.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/male-chef-preparing-sushi-order-takeaway_23-2149050363.jpg",
alt: "Customer 5",
},
]}
avatarText="Loved by 10,000+ sushi lovers"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/front-view-women-learning-make-sushi_23-2151202949.jpg",
alt: "Partner 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865308.jpg",
alt: "Partner 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/top-view-nigiri-sushi-with-tuna-bamboo-leaf-served-with-pickled-ginger-slices-wasabi-plate_141793-8469.jpg",
alt: "Partner 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/salmon-sushi-top-view_140725-1007.jpg",
alt: "Partner 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/seafood-mussels-salad-with-galetta-white-plate_114579-2359.jpg",
alt: "Partner 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="Fresh Sushi, Delivered to Your Door"
description="Experience authentic Japanese flavors with our artisanal sushi rolls, prepared fresh daily and delivered straight to your home."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/plate-sushi-red-background_23-2148326406.jpg", imageAlt: "Sushi Platter 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/person-holding-sushi-wrap_23-2148259218.jpg", imageAlt: "Sushi Platter 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-sushi-rolls-with-shrimps-avocado-cream-cheese-served-with-ginger-wasabi-plate-wood_141793-11698.jpg", imageAlt: "Sushi Platter 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150554976.jpg", imageAlt: "Sushi Platter 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-sushi-sushi-delivery-advertising-sushi-rolls-made-fish-cheese_132075-14590.jpg", imageAlt: "Sushi Platter 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/big-sushi-black-plate-yellow-background_23-2148326344.jpg", imageAlt: "Sushi Platter 6" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/sushi-delivery-top-view-rolls-with-fish-background_132075-14244.jpg", imageAlt: "Sushi Platter 6" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-cucumber-served-with-ginger-wasabi_140725-3184.jpg", imageAlt: "Sushi Platter 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-entrance-japanese-temple_23-2148809577.jpg", imageAlt: "Sushi Platter 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-food-delivery_23-2149198136.jpg", imageAlt: "Sushi Platter 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865319.jpg", imageAlt: "Sushi Platter 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-sushi-soy-sauce_23-2149013620.jpg", imageAlt: "Sushi Platter 1" },
]}
buttons={[{ text: "Order Online", href: "#products" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/high-angle-delicious-sushi-soy-sauce_23-2149013666.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/view-sushi-green-plate_23-2149013623.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529792.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/flat-lay-tasty-sushi-soy-sauce_23-2149013631.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/male-chef-preparing-sushi-order-takeaway_23-2149050363.jpg", alt: "Customer 5" },
]}
avatarText="Loved by 10,000+ sushi lovers"
marqueeItems={[
{ type: "image", src: "http://img.b2bpic.net/free-photo/front-view-women-learning-make-sushi_23-2151202949.jpg", alt: "Partner 1" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865308.jpg", alt: "Partner 2" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-nigiri-sushi-with-tuna-bamboo-leaf-served-with-pickled-ginger-slices-wasabi-plate_141793-8469.jpg", alt: "Partner 3" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/salmon-sushi-top-view_140725-1007.jpg", alt: "Partner 4" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/seafood-mussels-salad-with-galetta-white-plate_114579-2359.jpg", alt: "Partner 5" },
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Our Passion for Authentic Sushi"
tag="About Us"
tagIcon={Utensils}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Our Passion for Authentic Sushi"
tag="About Us"
tagIcon={Utensils}
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Spicy Tuna Roll",
price: "$12.99",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-salmon-maki-rolls-garnished-with-sesame_140725-293.jpg",
},
{
id: "2",
name: "Salmon Nigiri",
price: "$14.99",
imageSrc: "http://img.b2bpic.net/free-photo/sushi-set-top-view-table_140725-10001.jpg",
},
{
id: "3",
name: "California Roll",
price: "$11.99",
imageSrc: "http://img.b2bpic.net/free-photo/sushi_74190-3734.jpg",
},
{
id: "4",
name: "Unagi Nigiri",
price: "$16.99",
imageSrc: "http://img.b2bpic.net/free-photo/eel-sushi-roll_74190-7785.jpg",
},
{
id: "5",
name: "Veggie Roll",
price: "$10.99",
imageSrc: "http://img.b2bpic.net/free-photo/thai-steamed-curried-fish_1339-4179.jpg",
},
{
id: "6",
name: "Rainbow Roll",
price: "$18.99",
imageSrc: "http://img.b2bpic.net/free-photo/sushi-set-wooden-tray_140725-5494.jpg",
},
]}
title="Our Signature Sushi Menu"
description="Select from our range of artisanal rolls and nigiri."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "Spicy Tuna Roll", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-salmon-maki-rolls-garnished-with-sesame_140725-293.jpg" },
{ id: "2", name: "Salmon Nigiri", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/sushi-set-top-view-table_140725-10001.jpg" },
{ id: "3", name: "California Roll", price: "$11.99", imageSrc: "http://img.b2bpic.net/free-photo/sushi_74190-3734.jpg" },
{ id: "4", name: "Unagi Nigiri", price: "$16.99", imageSrc: "http://img.b2bpic.net/free-photo/eel-sushi-roll_74190-7785.jpg" },
{ id: "5", name: "Veggie Roll", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/thai-steamed-curried-fish_1339-4179.jpg" },
{ id: "6", name: "Rainbow Roll", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/sushi-set-wooden-tray_140725-5494.jpg" },
]}
title="Our Signature Sushi Menu"
description="Select from our range of artisanal rolls and nigiri."
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Fresh Ingredients",
description: "We use only the freshest fish and seasonal produce.",
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-spaghetti-mussels_23-2148461650.jpg",
imageAlt: "Fresh ingredients",
},
{
title: "Expert Chefs",
description: "Our chefs are trained in traditional Japanese techniques.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-professional-chef-wear-black-gloves-making-sushi-rolls-restaurant-kitchen-japanese-traditional-food_627829-6726.jpg",
imageAlt: "Expert chefs",
},
{
title: "Fast Delivery",
description: "Our dedicated fleet ensures your sushi arrives at optimal temperature.",
imageSrc: "http://img.b2bpic.net/free-photo/different-sushi-delivery-varieties-sushi-lunch-dinner_132075-14375.jpg",
imageAlt: "Fast delivery",
},
]}
title="Why Order With Us"
description="We ensure the best quality and service for every order."
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={true}
features={[
{ title: "Fresh Ingredients", description: "We use only the freshest fish and seasonal produce.", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-black-spaghetti-mussels_23-2148461650.jpg", imageAlt: "Fresh ingredients" },
{ title: "Expert Chefs", description: "Our chefs are trained in traditional Japanese techniques.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-professional-chef-wear-black-gloves-making-sushi-rolls-restaurant-kitchen-japanese-traditional-food_627829-6726.jpg", imageAlt: "Expert chefs" },
{ title: "Fast Delivery", description: "Our dedicated fleet ensures your sushi arrives at optimal temperature.", imageSrc: "http://img.b2bpic.net/free-photo/different-sushi-delivery-varieties-sushi-lunch-dinner_132075-14375.jpg", imageAlt: "Fast delivery" },
]}
title="Why Order With Us"
description="We ensure the best quality and service for every order."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Exceptional Quality",
quote: "The freshest sushi I've ever had delivered!",
name: "Sarah Miller",
role: "Foodie",
imageSrc: "http://img.b2bpic.net/free-photo/young-sunny-smiling-blonde-woman-white-sweater-eating-sushi-lunch-small-caffe_231208-5226.jpg",
},
{
id: "2",
title: "Fast and Tasty",
quote: "Arrived within 30 minutes, still perfect temperature.",
name: "John Doe",
role: "Professional",
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-salmon-dish-bowl-restaurant_23-2150461482.jpg",
},
{
id: "3",
title: "My Favorite Place",
quote: "I order from here weekly. Always consistent.",
name: "Jane Smith",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-black-female-courier-carrying-delivery-package-city_637285-1244.jpg",
},
{
id: "4",
title: "Great Presentation",
quote: "The sushi looked beautiful even in the box.",
name: "Mike Brown",
role: "Architect",
imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-sushi_107420-65722.jpg",
},
{
id: "5",
title: "Freshness Guaranteed",
quote: "You can tell the ingredients are top notch.",
name: "Emily Davis",
role: "Chef",
imageSrc: "http://img.b2bpic.net/free-photo/girl-white-sweater-eating-sushi-lunch-small-caffe_231208-5227.jpg",
},
]}
title="Loved by Sushi Lovers"
description="Here is what our customers have to say about us."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", title: "Exceptional Quality", quote: "The freshest sushi I've ever had delivered!", name: "Sarah Miller", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/young-sunny-smiling-blonde-woman-white-sweater-eating-sushi-lunch-small-caffe_231208-5226.jpg" },
{ id: "2", title: "Fast and Tasty", quote: "Arrived within 30 minutes, still perfect temperature.", name: "John Doe", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-salmon-dish-bowl-restaurant_23-2150461482.jpg" },
{ id: "3", title: "My Favorite Place", quote: "I order from here weekly. Always consistent.", name: "Jane Smith", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-black-female-courier-carrying-delivery-package-city_637285-1244.jpg" },
{ id: "4", title: "Great Presentation", quote: "The sushi looked beautiful even in the box.", name: "Mike Brown", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-sushi_107420-65722.jpg" },
{ id: "5", title: "Freshness Guaranteed", quote: "You can tell the ingredients are top notch.", name: "Emily Davis", role: "Chef", imageSrc: "http://img.b2bpic.net/free-photo/girl-white-sweater-eating-sushi-lunch-small-caffe_231208-5227.jpg" },
]}
title="Loved by Sushi Lovers"
description="Here is what our customers have to say about us."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What is your delivery range?",
content: "We deliver within a 5-mile radius of our downtown location.",
},
{
id: "2",
title: "Can I make special requests?",
content: "Yes, please mention any allergies or preferences during checkout.",
},
{
id: "3",
title: "Do you offer catering?",
content: "Yes, we offer catering services for events. Please call us.",
},
]}
title="Common Questions"
description="Answers to frequently asked questions about our sushi delivery."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "1", title: "What is your delivery range?", content: "We deliver within a 5-mile radius of our downtown location." },
{ id: "2", title: "Can I make special requests?", content: "Yes, please mention any allergies or preferences during checkout." },
{ id: "3", title: "Do you offer catering?", content: "Yes, we offer catering services for events. Please call us." },
]}
title="Common Questions"
description="Answers to frequently asked questions about our sushi delivery."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Ready for your next sushi feast? Give us a call or place your order through our menu above."
buttons={[
{
text: "Call Now",
href: "tel:+1555555555",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Ready for your next sushi feast? Give us a call or place your order through our menu above."
buttons={[{ text: "Call Now", href: "tel:+1555555555" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Shop",
items: [
{
label: "Menu",
href: "#products",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
bottomLeftText="© 2024 Sushify Sushi Delivery"
bottomRightText="All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Shop", items: [
{ label: "Menu", href: "#products" },
{ label: "About", href: "#about" },
],
},
{
title: "Support", items: [
{ label: "FAQ", href: "#faq" },
{ label: "Contact", href: "#contact" },
],
},
]}
bottomLeftText="© 2024 Sushify Sushi Delivery"
bottomRightText="All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);