Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2bc0cd50b0 | |||
| 239f322b9f |
163
src/app/page.tsx
163
src/app/page.tsx
@@ -32,14 +32,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Hem", id: "hero" },
|
||||||
name: "Hem", id: "hero"},
|
{ name: "Vår Meny", id: "products" },
|
||||||
{
|
{ name: "Om Oss", id: "about" },
|
||||||
name: "Meny", id: "products"},
|
{ name: "FAQ", id: "faq" },
|
||||||
{
|
{ name: "Kontakt", id: "contact" },
|
||||||
name: "Om Oss", id: "about"},
|
|
||||||
{
|
|
||||||
name: "Kontakt", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Pizzabar Rosersberg"
|
brandName="Pizzabar Rosersberg"
|
||||||
/>
|
/>
|
||||||
@@ -48,40 +45,15 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlayTestimonial
|
<HeroOverlayTestimonial
|
||||||
title="Pizzabar Rosersberg"
|
title="Pizzabar Rosersberg"
|
||||||
description="Pizza · Kebab · Grill · Pasta · Sallad. Den bästa maten i Rosersberg."
|
description="Din lokala restaurang med passion för pizza, kebab, grill och pasta. Vi serverar smakupplevelser mitt i hjärtat av Rosersberg."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ name: "Erik Johansson", handle: "Stammis", testimonial: "Fantastisk pizza och alltid trevlig personal!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thin-tanned-woman-brown-bra-stylish-denim-shorts-enjoys-taste-waffle-with-cream-peanuts-maple-syrup_197531-18189.jpg" },
|
||||||
name: "Erik Johansson", handle: "Stammis", testimonial: "Fantastisk pizza och alltid trevlig personal!", rating: 5,
|
{ name: "Maria Nilsson", handle: "Lokalbo", testimonial: "Riktigt bra kebabrulle, rekommenderas starkt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tanned-happy-woman-brown-bra-looks-surprised-holds-fork-makes-funny-face_197531-18190.jpg" }
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/thin-tanned-woman-brown-bra-stylish-denim-shorts-enjoys-taste-waffle-with-cream-peanuts-maple-syrup_197531-18189.jpg"},
|
|
||||||
{
|
|
||||||
name: "Maria Nilsson", handle: "Lokalbo", testimonial: "Riktigt bra kebabrulle, rekommenderas starkt.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-happy-woman-brown-bra-looks-surprised-holds-fork-makes-funny-face_197531-18190.jpg"},
|
|
||||||
{
|
|
||||||
name: "Johan Andersson", handle: "Gäst", testimonial: "Bästa stället i hela Rosersberg, inget snack!", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-successful-female-entrepreneur-sit-alone-table-restaurant-modern-cafe-touch-neck-cute-tender-smiling-camera-eat-salad-enjoy-coffee-good-food-lead-healthy-diet-relaxing-break-lunch_197531-30650.jpg"},
|
|
||||||
{
|
|
||||||
name: "Sofia Berg", handle: "Stammis", testimonial: "Snabb service och maten är alltid varm.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-friends-having-pizza-bar-lunch-time_1303-19901.jpg"},
|
|
||||||
{
|
|
||||||
name: "Lars Svensson", handle: "Lokalbo", testimonial: "En oas för matälskare i området.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-friends-couple-eating-pizza-party-pizzeria-happy-indian-people-having-fun-together-eating-italian-food-sitting-couch_627829-1247.jpg"},
|
|
||||||
]}
|
]}
|
||||||
tag="Stockholms Bästa Pizza"
|
tag="Autentiska smaker"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-hand-taking-slice-pizza-with-cheese_23-2148765341.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-hand-taking-slice-pizza-with-cheese_23-2148765341.jpg"
|
||||||
imageAlt="Gourmet pizza i en rustik miljö"
|
imageAlt="Gourmet pizza"
|
||||||
tagIcon={Star}
|
tagIcon={Star}
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10416.jpg", alt: "Glad kund 1"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg", alt: "Glad kund 2"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg", alt: "Glad kund 3"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-table-outside-smiling_23-2147805662.jpg", alt: "Glad kund 4"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg", alt: "Glad kund 5"},
|
|
||||||
]}
|
|
||||||
avatarText="Över 1000+ nöjda gäster!"
|
avatarText="Över 1000+ nöjda gäster!"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -89,9 +61,10 @@ export default function LandingPage() {
|
|||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextSplitAbout
|
<TextSplitAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Vår Passion"
|
title="Vår Historia"
|
||||||
description={[
|
description={[
|
||||||
"Vi på Pizzabar Rosersberg strävar efter att leverera mat av högsta kvalitet till våra grannar i Rosersberg.", "Med en meny bestående av allt från klassiska pizzor till grillrätter och färska sallader, finns här något för alla smaker."]}
|
"Pizzabar Rosersberg grundades med visionen om att erbjuda högkvalitativ mat till ett överkomligt pris.", "Vi använder noggrant utvalda ingredienser för att garantera att varje tugga känns som hemma. Välkommen till oss för en genuint trevlig matupplevelse."
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -102,21 +75,13 @@ export default function LandingPage() {
|
|||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Klassisk Margherita", price: "125 kr", variant: "Pizza", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheese-pizza-with-olives-tomato-sauce-sausages-inside-glass-pan-light-blue-desk_140725-50497.jpg" },
|
||||||
id: "1", name: "Klassisk Margherita", price: "125 kr", variant: "Pizza", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheese-pizza-with-olives-tomato-sauce-sausages-inside-glass-pan-light-blue-desk_140725-50497.jpg"},
|
{ id: "2", name: "Gyrostallrik", price: "130 kr", variant: "Grill", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-cooked-meat-with-greens-cherry-tomatoes-olive-oil-blue-background_140725-58319.jpg" },
|
||||||
{
|
{ id: "3", name: "Oxfilé Special", price: "215 kr", variant: "Grill", imageSrc: "http://img.b2bpic.net/free-photo/perfectly-grilled-steak-with-herbs-spices_84443-72270.jpg" },
|
||||||
id: "2", name: "Gyrostallrik", price: "130 kr", variant: "Grill", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-cooked-meat-with-greens-cherry-tomatoes-olive-oil-blue-background_140725-58319.jpg"},
|
{ id: "4", name: "Carbonara", price: "145 kr", variant: "Pasta", imageSrc: "http://img.b2bpic.net/free-photo/pasta-spaghetti-white-background_1150-37951.jpg" }
|
||||||
{
|
|
||||||
id: "3", name: "Oxfilé Special", price: "215 kr", variant: "Grill", imageSrc: "http://img.b2bpic.net/free-photo/perfectly-grilled-steak-with-herbs-spices_84443-72270.jpg"},
|
|
||||||
{
|
|
||||||
id: "4", name: "Carbonara", price: "145 kr", variant: "Pasta", imageSrc: "http://img.b2bpic.net/free-photo/pasta-spaghetti-white-background_1150-37951.jpg"},
|
|
||||||
{
|
|
||||||
id: "5", name: "Blandsallad", price: "140 kr", variant: "Sallad", imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-with-shrimp-chicken-slices-horizontal-view_141793-485.jpg"},
|
|
||||||
{
|
|
||||||
id: "6", name: "Högrevsburgare", price: "120 kr", variant: "Burgare", imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-delicious-sandwich-with-black-olive-wooden-cutting-board-right-side-stained-white-surface_179666-34249.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Menyutval"
|
title="Vår Meny"
|
||||||
description="Utforska vårt breda utbud av rätter från grillen, köket och pizzaugnen."
|
description="Allt från stenugnsbakad pizza till saftig grill och färsk pasta."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -125,15 +90,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "Finns det hemkörning?", content: "Ja! För en bekväm måltid i hemmet beställer du smidigt via Wolt." },
|
||||||
id: "f1", title: "Har ni hemkörning?", content: "Ja, vi samarbetar med Wolt för smidig hemkörning av vår mat."},
|
{ id: "f2", title: "Har ni allergivänliga alternativ?", content: "Självklart. Kontakta oss i restaurangen för information om allergier." },
|
||||||
{
|
{ id: "f3", title: "Var finns ni?", content: "Vi är belägna på Rosersbergsvägen 41, välkomna in!" }
|
||||||
id: "f2", title: "Finns allergivänliga alternativ?", content: "Ja, kontakta oss direkt i restaurangen så hjälper vi dig att anpassa din rätt."},
|
|
||||||
{
|
|
||||||
id: "f3", title: "Var ligger ni?", content: "Vi finns på Rosersbergsvägen 41 i Rosersberg."},
|
|
||||||
]}
|
]}
|
||||||
title="Frågor & Svar"
|
title="Frågor & Svar"
|
||||||
description="Vanliga frågor om restaurangen och våra tjänster."
|
description="Information om våra tjänster och rutiner."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -145,24 +107,11 @@ export default function LandingPage() {
|
|||||||
gridVariant="full-width-top-items-bottom-row"
|
gridVariant="full-width-top-items-bottom-row"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Sarah Johnson", role: "Gäst", company: "Rosersberg", rating: 5 },
|
||||||
id: "t1", name: "Sarah Johnson", role: "Gäst", company: "Rosersberg", rating: 5,
|
{ id: "t2", name: "Michael Chen", role: "Stammis", company: "Rosersberg", rating: 5 }
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-brown-bra-smiles-widely-eats-tasty-waffle-with-ice-cream-chocolate-sauce_197531-18186.jpg"},
|
|
||||||
{
|
|
||||||
id: "t2", name: "Michael Chen", role: "Stammis", company: "Rosersberg", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2147680640.jpg"},
|
|
||||||
{
|
|
||||||
id: "t3", name: "Emily Rodriguez", role: "Gäst", company: "Rosersberg", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restaurant_23-2150491830.jpg"},
|
|
||||||
{
|
|
||||||
id: "t4", name: "David Kim", role: "Stammis", company: "Rosersberg", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-with-hunger-pizza_23-2147640661.jpg"},
|
|
||||||
{
|
|
||||||
id: "t5", name: "Anna Svensson", role: "Gäst", company: "Rosersberg", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Vad våra gäster säger"
|
title="Vad våra gäster säger"
|
||||||
description="Hör vad andra tycker om maten och servicen på Pizzabar Rosersberg."
|
description="Vi är stolta över den respons vi får från våra fantastiska besökare."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -173,18 +122,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "1000+", title: "Nöjda gäster", description: "Varje månad väljer många att äta hos oss.", icon: Users },
|
||||||
id: "m1", value: "1000+", title: "Nöjda gäster", description: "Varje månad besöker hundratals gäster oss.", icon: Users,
|
{ id: "m2", value: "45+", title: "Rätter på menyn", description: "Brett sortiment för alla smaker.", icon: Utensils },
|
||||||
},
|
{ id: "m3", value: "5/5", title: "Betyg", description: "Uppskattad kvalitet av våra kunder.", icon: Star }
|
||||||
{
|
|
||||||
id: "m2", value: "45+", title: "Rätter", description: "Ett varierat sortiment för alla smaker.", icon: Utensils,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3", value: "5/5", title: "Betyg", description: "Högsta betyg från våra lojala kunder.", icon: Star,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Vår Resa"
|
title="I Siffror"
|
||||||
description="Några siffror som summerar vår verksamhet."
|
description="Ett axplock av vår verksamhet."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -192,10 +135,9 @@ export default function LandingPage() {
|
|||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={["Wolt", "Foodora", "Google Maps", "TripAdvisor", "Trustpilot"]}
|
||||||
"Wolt", "Foodora", "Google Maps", "TripAdvisor", "Trustpilot", "Facebook", "Instagram"]}
|
title="Samarbetspartners"
|
||||||
title="Vi samarbetar med"
|
description="Hitta oss även på dessa plattformar."
|
||||||
description="Dessa partners och plattformar hjälper oss att nå ut till dig."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -203,20 +145,12 @@ export default function LandingPage() {
|
|||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Kontakta oss"
|
title="Kontakta oss"
|
||||||
description="Har du frågor? Hör gärna av dig till oss på 08-123 456 78 eller besök oss på Rosersbergsvägen 41."
|
description="Vi finns här för att svara på dina frågor. Besök oss på Rosersbergsvägen 41 eller ring 08-123 456 78."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Namn", required: true },
|
||||||
name: "name", type: "text", placeholder: "Namn", required: true,
|
{ name: "email", type: "email", placeholder: "E-post", required: true }
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "email", type: "email", placeholder: "E-post", required: true,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{ name: "message", placeholder: "Ditt meddelande", rows: 4, required: true }}
|
||||||
name: "message", placeholder: "Ditt meddelande", rows: 4,
|
|
||||||
required: true,
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-cocktails-dreams-neon-sign_23-2149355046.jpg"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -225,22 +159,17 @@ export default function LandingPage() {
|
|||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{ label: "Meny", href: "#products" },
|
||||||
label: "Meny", href: "#products"},
|
{ label: "Om Oss", href: "#about" },
|
||||||
{
|
{ label: "Kontakt", href: "#contact" }
|
||||||
label: "Om Oss", href: "#about"},
|
]
|
||||||
{
|
|
||||||
label: "Kontakt", href: "#contact"},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{ label: "Beställ via Wolt", href: "https://wolt.com" },
|
||||||
label: "Wolt Beställning", href: "https://wolt.com"},
|
{ label: "Integritetspolicy", href: "#" }
|
||||||
{
|
]
|
||||||
label: "Privacy Policy", href: "#"},
|
}
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Pizzabar Rosersberg"
|
logoText="Pizzabar Rosersberg"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user