Merge version_2 into main #1
295
src/app/page.tsx
295
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,284 +28,121 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NaMi Sushi-Asia"
|
||||
brandName="Joli Café Bar"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Flavors, Modern Elegance"
|
||||
description="Experience the finest fusion of tradition and innovation at NaMi Sushi-Asia. Join us for a culinary journey."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/american-diner-aesthetics_23-2151854444.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005414.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018774.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by over 500+ satisfied guests"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Sashimi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Ramen",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Nigiri",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Rolls",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmet Flavors",
|
||||
},
|
||||
]}
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Joli Café Bar Restaurant"
|
||||
description="Where authentic flavors meet modern elegance. Join us for a culinary journey."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gourmet-meal-restaurant_23-2150532506.jpg"
|
||||
imageAlt="Joli Café Bar Atmosphere"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[{ text: "View Our Menu", href: "#menu" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
<TextAbout
|
||||
title="A Legacy of Freshness"
|
||||
description="At NaMi, we blend centuries-old Asian culinary techniques with the freshest ingredients to bring you an unparalleled dining experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186462.jpg"
|
||||
imageAlt="Chef preparing sushi"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="About our restaurant"
|
||||
buttons={[{ text: "Discover More", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Our Signature Creations"
|
||||
description="Hand-crafted delicacies prepared daily for our guests."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Nigiri",
|
||||
price: "$28",
|
||||
variant: "Fresh Salmon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-rice-ginger-wasabi_140725-1022.jpg",
|
||||
},
|
||||
id: "1", name: "Gourmet Brunch", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-table_23-2150652654.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Zen Maki Roll",
|
||||
price: "$18",
|
||||
variant: "Spicy Tuna",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sushi-roll-with-crab-tuna-plate-with-ginger-wasabi-wood_141793-11173.jpg",
|
||||
},
|
||||
id: "2", name: "Artisan Coffee", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148782354.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tempura Bliss",
|
||||
price: "$22",
|
||||
variant: "Shrimp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-sushi-with-wasabi-ginger-soy-sauce-bamboo-leaf_141793-2900.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tuna Sashimi",
|
||||
price: "$30",
|
||||
variant: "Bluefin Tuna",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-background-fish-japanese-sashimi_1203-3999.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Miso Ramen",
|
||||
price: "$20",
|
||||
variant: "Rich Broth",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-bowl-with-noodle-soup-black-background_23-2148320848.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Crispy Gyoza",
|
||||
price: "$12",
|
||||
variant: "Pork",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-dumplings-dish-with-chopsticks-herbs_23-2148694351.jpg",
|
||||
},
|
||||
id: "3", name: "Evening Tapas", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/tapas-plate_23-2148909876.jpg"}
|
||||
]}
|
||||
title="Our Signature Creations"
|
||||
description="Hand-crafted delicacies prepared daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
<MetricCardTwo
|
||||
useInvertedBackground={false}
|
||||
title="By The Numbers"
|
||||
tag="Our Growth"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
title="Our Achievements"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
description: "Happy Guests Served",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3",
|
||||
description: "Global Cuisine Awards",
|
||||
},
|
||||
{ id: "m1", value: "10+", description: "Years in Service" },
|
||||
{ id: "m2", value: "5000+", description: "Satisfied Diners" },
|
||||
{ id: "m3", value: "4.9", description: "Customer Rating" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
<TestimonialCardFive
|
||||
useInvertedBackground={false}
|
||||
testimonial="The freshness of the fish is unparalleled. Truly the best sushi I have had in the city."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
title="What People Say"
|
||||
textboxLayout="split"
|
||||
testimonials={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2148899052.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
id: "t1", name: "Emily R.", date: "Oct 2024", title: "Incredible Experience", quote: "The ambiance at Joli Café is simply magical. Everything we ordered was perfection.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling-cafe_23-2148972344.jpg"
|
||||
}
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
<FaqDouble
|
||||
title="Common Questions"
|
||||
textboxLayout="split"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer private dining?",
|
||||
content: "Yes, we have private rooms available for special occasions.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are vegetarian options available?",
|
||||
content: "We offer a wide range of vegetarian and vegan sushi rolls.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I make a reservation?",
|
||||
content: "You can reserve via our website or by calling us directly.",
|
||||
},
|
||||
{ id: "f1", title: "Do you take reservations?", content: "Yes, we highly recommend booking in advance." },
|
||||
{ id: "f2", title: "Do you offer vegan options?", content: "Yes, our menu includes a variety of plant-based dishes." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactSplitForm
|
||||
title="Get In Touch"
|
||||
description="Reserve your spot or inquire about private events."
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Reservation"
|
||||
title="Visit Us Today"
|
||||
description="Book your table and join us for an exquisite dining experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-friends-kitchen_23-2148965329.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Special Requests?" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterLogoEmphasis
|
||||
logoText="Joli Café Bar"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "123 Sakura Way",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "contact@nami.com",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Sun 11am-10pm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="NaMi Sushi-Asia"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user