290 lines
12 KiB
TypeScript
290 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Mail, UtensilsCrossed, TrendingUp, Flame, Clock, Award } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="solid-accent"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Sushi Restaurant"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Specialties", id: "specialties" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reserve", id: "reserve" }
|
|
]}
|
|
button={{ text: "Book Table", href: "reserve" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitAvatars
|
|
title="Experience Authentic Sushi Crafted with Care"
|
|
description="Discover our premium sushi restaurant where tradition meets fresh, hand-selected ingredients. Every roll is carefully prepared by our master chefs to deliver an unforgettable dining experience."
|
|
tag="Premium Sushi"
|
|
tagIcon={UtensilsCrossed}
|
|
imagePosition="right"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983288368-py19hzaj.jpg"
|
|
imageAlt="Authentic sushi preparation"
|
|
avatars={[
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg", alt: "Chef 1" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140153329-bmp1nqc3.jpg", alt: "Chef 2" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg", alt: "Chef 3" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg", alt: "Chef 4" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787044450-9f4y10ts.jpg", alt: "Chef 5" }
|
|
]}
|
|
avatarText="Join 2000+ sushi lovers this month"
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "menu" },
|
|
{ text: "Reserve Now", href: "reserve" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
title="Our Signature Sushi Menu"
|
|
description="Each roll is crafted with the finest fish and premium ingredients, prepared fresh to order by our experienced sushi masters."
|
|
tag="Specialty Rolls"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="uniform-all-items-equal"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Dragon Roll",
|
|
price: "$16.99",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787041844-tzssa0wc.jpg",
|
|
imageAlt: "Dragon Roll",
|
|
isFavorited: false
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Rainbow Roll",
|
|
price: "$15.99",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983289277-elw8ical.jpg",
|
|
imageAlt: "Rainbow Roll",
|
|
isFavorited: false
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Spicy Tuna Roll",
|
|
price: "$12.99",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983290082-rq47q3ut.jpg",
|
|
imageAlt: "Spicy Tuna Roll",
|
|
isFavorited: false
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Salmon Nigiri",
|
|
price: "$14.99",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983291397-8uh3i1cf.jpg",
|
|
imageAlt: "Salmon Nigiri",
|
|
isFavorited: false
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="specialties" data-section="specialties">
|
|
<FeatureCardThree
|
|
title="Why Choose Our Sushi Restaurant"
|
|
description="We combine traditional Japanese sushi-making techniques with the freshest ingredients available, ensuring every bite is exceptional."
|
|
tag="Our Excellence"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="uniform-all-items-equal"
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Fresh Ingredients",
|
|
description: "We source the finest fish daily from trusted suppliers, ensuring premium quality and authentic taste in every roll.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983292413-wq7r64pm.jpg",
|
|
imageAlt: "Fresh Fish Selection"
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Master Chefs",
|
|
description: "Our team of certified sushi chefs brings decades of experience and training from Japan to craft authentic, beautiful sushi.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787045743-6gjau4zf.jpg",
|
|
imageAlt: "Expert Sushi Chefs"
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Authentic Recipes",
|
|
description: "We honor traditional Japanese sushi preparation methods while adding creative touches that delight our guests.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983293269-qul9w8a9.jpg",
|
|
imageAlt: "Authentic Sushi Preparation"
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Beautiful Ambiance",
|
|
description: "Enjoy your sushi in our modern, elegant dining space designed for a memorable culinary experience.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983294082-ngjm8l0d.jpg",
|
|
imageAlt: "Restaurant Ambiance"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardOne
|
|
title="What Our Guests Say"
|
|
description="Read reviews from sushi lovers who have experienced the authentic flavors and exceptional service at our restaurant."
|
|
tag="Customer Reviews"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="uniform-all-items-equal"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Anderson",
|
|
role: "Food Critic",
|
|
company: "Dining Guide Weekly",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg",
|
|
imageAlt: "Sarah Anderson"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Zhang",
|
|
role: "Regular Guest",
|
|
company: "Sushi Enthusiast",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140153329-bmp1nqc3.jpg",
|
|
imageAlt: "Michael Zhang"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emma Rodriguez",
|
|
role: "Event Coordinator",
|
|
company: "Corporate Events",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg",
|
|
imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
role: "Chef",
|
|
company: "Culinary Institute",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg",
|
|
imageAlt: "David Kim"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Get answers to common questions about our sushi restaurant, menu, and dining experience."
|
|
textPosition="left"
|
|
useInvertedBackground="noInvert"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Do you offer vegetarian sushi options?",
|
|
content: "Absolutely! We offer a variety of vegetarian rolls including cucumber roll, avocado roll, vegetable tempura roll, and more. Our chefs can customize any roll to meet dietary preferences."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Can I make a reservation?",
|
|
content: "Yes! We accept reservations online or by phone. We recommend booking ahead, especially for weekends and special occasions. Walk-ins are welcome based on availability."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Do you offer delivery and takeout?",
|
|
content: "We offer both delivery and takeout services. Orders can be placed online or by phone. We use insulated packaging to ensure your sushi stays fresh during transport."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What makes your fish fresh?",
|
|
content: "We source fish from trusted suppliers daily and prepare it fresh. All fish is handled with care and prepared according to strict food safety standards."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Do you have a sake and wine selection?",
|
|
content: "Yes! We offer a curated selection of premium Japanese sakes, wines, and other beverages that pair perfectly with our sushi. Our staff can recommend perfect pairings."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reserve" data-section="reserve">
|
|
<ContactCenter
|
|
tag="Ready to Dine?"
|
|
title="Reserve Your Table Today"
|
|
description="Experience authentic sushi prepared by master chefs. Join us for an unforgettable meal featuring the finest ingredients and traditional Japanese craftsmanship."
|
|
tagIcon={Mail}
|
|
useInvertedBackground="noInvert"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Reserve Now"
|
|
termsText="We'll confirm your reservation. No spam, unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Signature Rolls", href: "menu" },
|
|
{ label: "Nigiri Selection", href: "menu" },
|
|
{ label: "Sashimi Platters", href: "menu" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Fresh Ingredients", href: "specialties" },
|
|
{ label: "Master Chefs", href: "specialties" },
|
|
{ label: "Authentic Recipes", href: "specialties" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Book a Table", href: "reserve" },
|
|
{ label: "View Reviews", href: "reviews" },
|
|
{ label: "Explore Menu", href: "menu" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Contact Us", href: "reserve" }
|
|
]
|
|
}
|
|
]}
|
|
logoText="Sushi Restaurant"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |