Update src/app/page.tsx
This commit is contained in:
231
src/app/page.tsx
231
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Clock, Moon } from "lucide-react";
|
||||
import { Clock, Moon, Utensils, Greek, Pizza, Smile, Wine, Cake } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Lunch",
|
||||
id: "#lunch",
|
||||
},
|
||||
{
|
||||
name: "Meny",
|
||||
id: "#meny",
|
||||
},
|
||||
{
|
||||
name: "Takeaway",
|
||||
id: "#takeaway",
|
||||
},
|
||||
{
|
||||
name: "Öppettider",
|
||||
id: "#hours",
|
||||
},
|
||||
{
|
||||
name: "Hitta hit",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Lunch", id: "#lunch" },
|
||||
{ name: "Meny", id: "#menu" },
|
||||
{ name: "Takeaway", id: "#takeaway" },
|
||||
{ name: "Öppettider", id: "#hours" },
|
||||
{ name: "Hitta hit", id: "#contact" }
|
||||
]}
|
||||
brandName="Gamlegårdens"
|
||||
/>
|
||||
@@ -57,43 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Grekisk restaurang & pizzeria i Kristianstad"
|
||||
description="Vällagad grekisk mat, lunch, pizza och takeaway på Gamlegården. Beställ via foodora, ring direkt eller besök oss på Näsbychaussèn 70."
|
||||
tag="Kristianstad · Grekisk restaurang"
|
||||
buttons={[
|
||||
{
|
||||
text: "Se dagens lunch",
|
||||
href: "#lunch",
|
||||
},
|
||||
{
|
||||
text: "Beställ nu",
|
||||
href: "#takeaway",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Se dagens lunch", href: "#lunch" }, { text: "Beställ nu", href: "#takeaway" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8yggl&_wi=1",
|
||||
imageAlt: "authentic greek table setting warm",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kv5oyr",
|
||||
imageAlt: "mediterranean restaurant interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://new-hero-3",
|
||||
imageAlt: "greek souvlaki platter",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://new-hero-4",
|
||||
imageAlt: "mediterranean food scene",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://new-hero-5",
|
||||
imageAlt: "cozy restaurant atmosphere",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8yggl", imageAlt: "authentic greek table setting warm" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kv5oyr", imageAlt: "mediterranean restaurant interior warm lighting" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -106,41 +62,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Måndag",
|
||||
description: "Grekisk färsbiff med tzatziki, ris och sallad",
|
||||
buttonIcon: "Utensils",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=18nzrm",
|
||||
imageAlt: "takeaway food paper bag",
|
||||
},
|
||||
{
|
||||
title: "Tisdag",
|
||||
description: "Kyckling souvlaki med pommes, tzatziki och sallad",
|
||||
buttonIcon: "Utensils",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8yggl&_wi=2",
|
||||
imageAlt: "takeaway food paper bag",
|
||||
},
|
||||
{
|
||||
title: "Onsdag",
|
||||
description: "Moussaka med grekisk sallad",
|
||||
buttonIcon: "Utensils",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nngn70&_wi=1",
|
||||
imageAlt: "takeaway food paper bag",
|
||||
},
|
||||
{
|
||||
title: "Torsdag",
|
||||
description: "Gyros tallrik med pommes och vitlökssås",
|
||||
buttonIcon: "Utensils",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kd81kc&_wi=1",
|
||||
imageAlt: "takeaway food paper bag",
|
||||
},
|
||||
{
|
||||
title: "Fredag",
|
||||
description: "Pasta med kyckling, grädde och parmesan",
|
||||
buttonIcon: "Utensils",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ypqo6c&_wi=1",
|
||||
imageAlt: "takeaway food paper bag",
|
||||
},
|
||||
{ title: "Måndag", description: "Grekisk färsbiff med tzatziki, ris och sallad", buttonIcon: Utensils, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=18nzrm", imageAlt: "takeaway food paper bag" },
|
||||
{ title: "Tisdag", description: "Kyckling souvlaki med pommes, tzatziki och sallad", buttonIcon: Utensils, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8yggl", imageAlt: "takeaway food paper bag" },
|
||||
{ title: "Onsdag", description: "Moussaka med grekisk sallad", buttonIcon: Utensils, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nngn70", imageAlt: "takeaway food paper bag" },
|
||||
{ title: "Torsdag", description: "Gyros tallrik med pommes och vitlökssås", buttonIcon: Utensils, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kd81kc", imageAlt: "takeaway food paper bag" },
|
||||
{ title: "Fredag", description: "Pasta med kyckling, grädde och parmesan", buttonIcon: Utensils, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ypqo6c", imageAlt: "takeaway food paper bag" }
|
||||
]}
|
||||
title="Veckans lunch"
|
||||
description="Serveras vardagar 11:00–13:30. Ingår salladsbuffé, dryck och kaffe."
|
||||
@@ -154,42 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Gyros tallrik",
|
||||
price: "från 120:-",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nngn70&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bifteki gemisto",
|
||||
price: "från 145:-",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kd81kc&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Moussaka",
|
||||
price: "från 135:-",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ypqo6c&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Grekisk sallad",
|
||||
price: "från 110:-",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4b8q8r&_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pizza",
|
||||
price: "från 95:-",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=obep20",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Kyckling souvlaki",
|
||||
price: "från 130:-",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kd0sho",
|
||||
},
|
||||
{ id: "1", name: "Gyros tallrik", price: "från 120:-", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nngn70" },
|
||||
{ id: "2", name: "Bifteki gemisto", price: "från 145:-", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kd81kc" },
|
||||
{ id: "3", name: "Moussaka", price: "från 135:-", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ypqo6c" },
|
||||
{ id: "4", name: "Grekisk sallad", price: "från 110:-", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4b8q8r" },
|
||||
{ id: "5", name: "Pizza", price: "från 95:-", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=obep20" },
|
||||
{ id: "6", name: "Kyckling souvlaki", price: "från 130:-", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kd0sho" }
|
||||
]}
|
||||
title="Populära rätter"
|
||||
description="Våra gästers absoluta favoriter."
|
||||
@@ -201,41 +97,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Grekiska rätter",
|
||||
description: "Autentiska smaker från medelhavet",
|
||||
buttonIcon: "Greek",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8yggl&_wi=3",
|
||||
imageAlt: "authentic greek table setting warm",
|
||||
},
|
||||
{
|
||||
title: "Pizza & Pasta",
|
||||
description: "Klassiker och egna favoriter",
|
||||
buttonIcon: "Pizza",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nngn70&_wi=3",
|
||||
imageAlt: "authentic greek table setting warm",
|
||||
},
|
||||
{
|
||||
title: "Barnmeny",
|
||||
description: "Anpassat för våra små gäster",
|
||||
buttonIcon: "Smile",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kd81kc&_wi=3",
|
||||
imageAlt: "authentic greek table setting warm",
|
||||
},
|
||||
{
|
||||
title: "Dryck & Vin",
|
||||
description: "Utvald drycklista till maten",
|
||||
buttonIcon: "Wine",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ypqo6c&_wi=3",
|
||||
imageAlt: "authentic greek table setting warm",
|
||||
},
|
||||
{
|
||||
title: "Dessert",
|
||||
description: "Söta avslutningar",
|
||||
buttonIcon: "Cake",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4b8q8r&_wi=2",
|
||||
imageAlt: "authentic greek table setting warm",
|
||||
},
|
||||
{ title: "Grekiska rätter", description: "Autentiska smaker från medelhavet", buttonIcon: Greek, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8yggl", imageAlt: "authentic greek table setting warm" },
|
||||
{ title: "Pizza & Pasta", description: "Klassiker och egna favoriter", buttonIcon: Pizza, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nngn70", imageAlt: "authentic greek table setting warm" },
|
||||
{ title: "Barnmeny", description: "Anpassat för våra små gäster", buttonIcon: Smile, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kd81kc", imageAlt: "authentic greek table setting warm" },
|
||||
{ title: "Dryck & Vin", description: "Utvald drycklista till maten", buttonIcon: Wine, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ypqo6c", imageAlt: "authentic greek table setting warm" },
|
||||
{ title: "Dessert", description: "Söta avslutningar", buttonIcon: Cake, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4b8q8r", imageAlt: "authentic greek table setting warm" }
|
||||
]}
|
||||
title="Utforska menyn"
|
||||
description="Vi erbjuder allt från klassisk grekisk mat till pizza och fräscha sallader."
|
||||
@@ -246,12 +112,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Beställ via Foodora"
|
||||
buttons={[
|
||||
{
|
||||
text: "Beställ nu",
|
||||
href: "#foodora",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Beställ nu", href: "#foodora" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -261,18 +122,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "lunch",
|
||||
icon: Clock,
|
||||
title: "Lunch",
|
||||
value: "11:00–13:30",
|
||||
},
|
||||
{
|
||||
id: "kvall",
|
||||
icon: Moon,
|
||||
title: "Kväll",
|
||||
value: "16:00–22:00",
|
||||
},
|
||||
{ id: "lunch", icon: Clock, title: "Lunch", value: "11:00–13:30" },
|
||||
{ id: "kvall", icon: Moon, title: "Kväll", value: "16:00–22:00" }
|
||||
]}
|
||||
title="Öppettider"
|
||||
description="Välkommen när som helst"
|
||||
@@ -285,18 +136,8 @@ export default function LandingPage() {
|
||||
title="Hitta till oss"
|
||||
description="Näsbychaussèn 70, Kristianstad"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ditt namn",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "message",
|
||||
type: "text",
|
||||
placeholder: "Din fråga",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Ditt namn", required: true },
|
||||
{ name: "message", type: "text", placeholder: "Din fråga", required: true }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a3hyst"
|
||||
/>
|
||||
@@ -305,14 +146,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Gamlegårdens"
|
||||
leftLink={{
|
||||
text: "Meny",
|
||||
href: "#menu",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Foodora",
|
||||
href: "#foodora",
|
||||
}}
|
||||
leftLink={{ text: "Meny", href: "#menu" }}
|
||||
rightLink={{ text: "Foodora", href: "#foodora" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user