Merge version_2 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Hem", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "Om oss", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Meny", id: "menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Recensioner", id: "reviews"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Plats", id: "contact"},
|
||||
]}
|
||||
brandName="Mat Sushi"
|
||||
/>
|
||||
@@ -57,104 +47,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="The Art of Mat Sushi"
|
||||
description="Eighteen years of craft, premium ingredients, and authentic Japanese tradition elevated for the modern palate."
|
||||
variant: "gradient-bars"}}
|
||||
title="Konsten av Mat Sushi"
|
||||
description="Arton års hantverk, förstklassiga råvaror och autentisk japansk tradition upphöjd för den moderna gommen."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elena_foodie",
|
||||
testimonial: "The best omakase in the city. Every bite is perfection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-maki-sushi-with-rice_23-2148348185.jpg?_wi=1",
|
||||
imageAlt: "luxury sushi plating dark background",
|
||||
},
|
||||
name: "Elena R.", handle: "@elena_foodie", testimonial: "Den bästa omakasen i stan. Varje tugga är perfekt.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-maki-sushi-with-rice_23-2148348185.jpg?_wi=1", imageAlt: "luxury sushi plating dark background"},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@mark_s",
|
||||
testimonial: "Unmatched quality. A true hidden gem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chef-white-apron-sprinkled-salt-onto-fresh-fish-pomegranate-seeds-bowl-table_179666-44297.jpg",
|
||||
imageAlt: "traditional japanese chef crafting sushi",
|
||||
},
|
||||
name: "Mark S.", handle: "@mark_s", testimonial: "Oöverträffad kvalitet. En sann dold pärla.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chef-white-apron-sprinkled-salt-onto-fresh-fish-pomegranate-seeds-bowl-table_179666-44297.jpg", imageAlt: "traditional japanese chef crafting sushi"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Luxury sushi experience like no other.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-colored-sushi-set-top-view_140725-5587.jpg?_wi=1",
|
||||
imageAlt: "gourmet nigiri sushi premium plating",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarah_j", testimonial: "En lyxig sushiupplevelse utan like.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-colored-sushi-set-top-view_140725-5587.jpg?_wi=1", imageAlt: "gourmet nigiri sushi premium plating"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@david_w",
|
||||
testimonial: "The attention to detail is remarkable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buddha-bowl-rice-with-salmon-radish-red-cabbage-edamame-beans-sesame-seeds-concept-delicious-healthy-food-top-view-copy-space_127032-2414.jpg?_wi=1",
|
||||
imageAlt: "fresh poke bowl vibrant ingredients",
|
||||
},
|
||||
name: "David W.", handle: "@david_w", testimonial: "Uppmärksamheten på detaljer är anmärkningsvärd.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buddha-bowl-rice-with-salmon-radish-red-cabbage-edamame-beans-sesame-seeds-concept-delicious-healthy-food-top-view-copy-space_127032-2414.jpg?_wi=1", imageAlt: "fresh poke bowl vibrant ingredients"},
|
||||
{
|
||||
name: "Lisa T.",
|
||||
handle: "@lisa_t",
|
||||
testimonial: "Absolutely exquisite dining experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-noodles-with-eggs-vegetables_23-2148694335.jpg?_wi=1",
|
||||
imageAlt: "authentic bibimbap japanese fusion",
|
||||
},
|
||||
name: "Lisa T.", handle: "@lisa_t", testimonial: "Absolut utsökt matupplevelse.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-noodles-with-eggs-vegetables_23-2148694335.jpg?_wi=1", imageAlt: "authentic bibimbap japanese fusion"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Boka bord", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-maki-sushi-with-rice_23-2148348185.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg", alt: "Diner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-sunny-smiling-blonde-woman-white-sweater-eating-sushi-lunch-small-caffe_231208-5226.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-sunny-smiling-blonde-woman-white-sweater-eating-sushi-lunch-small-caffe_231208-5226.jpg", alt: "Diner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-man-talking-phone-new-year-s-eve-party_23-2149144044.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-man-talking-phone-new-year-s-eve-party_23-2149144044.jpg", alt: "Diner 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg", alt: "Diner 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg", alt: "Diner 5"},
|
||||
]}
|
||||
avatarText="Join 2,000+ satisfied guests"
|
||||
avatarText="Gå med 2 000+ nöjda gäster"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Recommended",
|
||||
},
|
||||
type: "text", text: "Michelin-rekommenderad"},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Sustainable Seafood",
|
||||
},
|
||||
type: "text", text: "100% hållbar skaldjur"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Japanese Craft",
|
||||
},
|
||||
type: "text", text: "Autentiskt japanskt hantverk"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Omakase Expert",
|
||||
},
|
||||
type: "text", text: "Omakase-expert"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Ingredients",
|
||||
},
|
||||
type: "text", text: "Förstklassiga ingredienser"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,34 +109,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.5★",
|
||||
description: "Rating on Foodora",
|
||||
},
|
||||
id: "1", value: "4.5★", description: "Betyg på Foodora"},
|
||||
{
|
||||
id: "2",
|
||||
value: "527+",
|
||||
description: "Verified Reviews",
|
||||
},
|
||||
id: "2", value: "527+", description: "Verifierade recensioner"},
|
||||
{
|
||||
id: "3",
|
||||
value: "18+",
|
||||
description: "Years of Tradition",
|
||||
},
|
||||
id: "3", value: "18+", description: "År av tradition"},
|
||||
]}
|
||||
title="Proven Quality"
|
||||
description="Our legacy speaks for itself."
|
||||
title="Beprövad kvalitet"
|
||||
description="Vårt arv talar för sig självt."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Taste"
|
||||
title="Ett arv av smak"
|
||||
description={[
|
||||
"For nearly two decades, Mat Sushi has defined premium Japanese dining through dedication and craft.",
|
||||
"Our philosophy is simple: source the finest ingredients and let their natural flavors shine.",
|
||||
]}
|
||||
"I nästan två decennier har Mat Sushi definierat premium japansk middag genom engagemang och hantverk.", "Vår filosofi är enkel: använd de bästa ingredienserna och låt deras naturliga smaker skina."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -206,50 +137,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Nigiri",
|
||||
price: "$28",
|
||||
variant: "Seasonal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-colored-sushi-set-top-view_140725-5587.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Premium Nigiri", price: "280 kr", variant: "Säsongsbaserad", imageSrc: "http://img.b2bpic.net/free-photo/various-colored-sushi-set-top-view_140725-5587.jpg?_wi=2"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Poke Bowl",
|
||||
price: "$22",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buddha-bowl-rice-with-salmon-radish-red-cabbage-edamame-beans-sesame-seeds-concept-delicious-healthy-food-top-view-copy-space_127032-2414.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Poke Bowl", price: "220 kr", variant: "Signatur", imageSrc: "http://img.b2bpic.net/free-photo/buddha-bowl-rice-with-salmon-radish-red-cabbage-edamame-beans-sesame-seeds-concept-delicious-healthy-food-top-view-copy-space_127032-2414.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Authentic Bibimbap",
|
||||
price: "$25",
|
||||
variant: "Fusion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-noodles-with-eggs-vegetables_23-2148694335.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Autentisk Bibimbap", price: "250 kr", variant: "Fusion", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-noodles-with-eggs-vegetables_23-2148694335.jpg?_wi=2"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pad Thai Delight",
|
||||
price: "$20",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-with-shrimps-vegetables_23-2148195543.jpg",
|
||||
},
|
||||
id: "p4", name: "Pad Thai Delight", price: "200 kr", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-with-shrimps-vegetables_23-2148195543.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Signature Rolls",
|
||||
price: "$30",
|
||||
variant: "Chef Special",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-sushi-sushi-delivery-advertising-sushi-rolls-made-fish-cheese_132075-14525.jpg",
|
||||
},
|
||||
id: "p5", name: "Signaturrullar", price: "300 kr", variant: "Kockens special", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-sushi-sushi-delivery-advertising-sushi-rolls-made-fish-cheese_132075-14525.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Crispy Tempura",
|
||||
price: "$18",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breaded-torpedo-shrimps-wooden-table_123827-35704.jpg",
|
||||
},
|
||||
id: "p6", name: "Krispig Tempura", price: "180 kr", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/breaded-torpedo-shrimps-wooden-table_123827-35704.jpg"},
|
||||
]}
|
||||
title="Signature Selection"
|
||||
description="Handcrafted dishes inspired by our guests' favorites."
|
||||
title="Signaturutbud"
|
||||
description="Handgjorda rätter inspirerade av våra gästers favoriter."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -258,33 +159,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sunny-smiling-blonde-woman-white-sweater-eating-sushi-lunch-small-caffe_231208-5226.jpg",
|
||||
},
|
||||
id: "2", name: "Michael K.", imageSrc: "http://img.b2bpic.net/free-photo/young-sunny-smiling-blonde-woman-white-sweater-eating-sushi-lunch-small-caffe_231208-5226.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-talking-phone-new-year-s-eve-party_23-2149144044.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-talking-phone-new-year-s-eve-party_23-2149144044.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa T.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg"},
|
||||
]}
|
||||
cardTitle="Guest Testimonials"
|
||||
cardTag="Reviews"
|
||||
cardTitle="Gästrecensioner"
|
||||
cardTag="Recensioner"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -292,19 +178,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Mat Sushi"
|
||||
description="Reserve your table today and experience the art of traditional dining."
|
||||
title="Besök Mat Sushi"
|
||||
description="Boka ditt bord idag och upplev konsten av traditionell middag."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Ditt namn"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "E-postadress"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg"
|
||||
/>
|
||||
@@ -316,25 +196,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Boka bord", href: "#contact"},
|
||||
{
|
||||
label: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Se menyn", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Integritetspolicy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Användarvillkor", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -344,4 +216,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user