Update src/app/page.tsx
This commit is contained in:
433
src/app/page.tsx
433
src/app/page.tsx
@@ -19,312 +19,155 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Om oss",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Meny",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Anmeldelser",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Roald Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Om oss", id: "about" },
|
||||
{ name: "Meny", id: "features" },
|
||||
{ name: "Anmeldelser", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Roald Restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Roald Restaurant"
|
||||
description="I vår Restaurant serveres Grillretter, Italienske retter og Pizza. Velkommen til en smakfull opplevelse hos oss på Vigra."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bestill bord",
|
||||
href: "tel:97284829",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg",
|
||||
alt: "Diner portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/antique-ceiling-lamp_1203-804.jpg",
|
||||
alt: "Happy guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg",
|
||||
alt: "Satisfied diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
|
||||
alt: "Restaurant patron",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg",
|
||||
alt: "Food enthusiast",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Autentisk Italiensk",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Saftige Grillretter",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hjemmelaget Pizza",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Friske råvarer",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kjærlighet for mat",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Roald Restaurant"
|
||||
description="I vår Restaurant serveres Grillretter, Italienske retter og Pizza. Velkommen til en smakfull opplevelse hos oss på Vigra."
|
||||
buttons={[{ text: "Bestill bord", href: "tel:97284829" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg", alt: "Diner portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/antique-ceiling-lamp_1203-804.jpg", alt: "Happy guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg", alt: "Satisfied diner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg", alt: "Restaurant patron" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg", alt: "Food enthusiast" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Autentisk Italiensk" },
|
||||
{ type: "text", text: "Saftige Grillretter" },
|
||||
{ type: "text", text: "Hjemmelaget Pizza" },
|
||||
{ type: "text", text: "Friske råvarer" },
|
||||
{ type: "text", text: "Kjærlighet for mat" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="En hyggelig restaurant på Vigra"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout useInvertedBackground={true} title="En hyggelig restaurant på Vigra" />
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Pizza",
|
||||
description: "Eksepsjonell kvalitet, store porsjoner og autentiske ingredienser.",
|
||||
tag: "Populær",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-pizza-tray-with-salad-table_141793-12982.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Grillretter",
|
||||
description: "Smakfulle retter tilberedt med kjærlighet.",
|
||||
tag: "Nyhet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-skewers-veggies-plate_23-2148651119.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Dessert & Drikke",
|
||||
description: "Nyt en sjokoladekake eller nystekt kaffe etter måltidet.",
|
||||
tag: "Søtt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-water_23-2148865612.jpg",
|
||||
},
|
||||
]}
|
||||
title="Vår Meny"
|
||||
description="Vi tilbyr et bredt utvalg av retter, fra autentisk italiensk pizza til saftige grillretter."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Pizza", description: "Eksepsjonell kvalitet, store porsjoner og autentiske ingredienser.", tag: "Populær", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-pizza-tray-with-salad-table_141793-12982.jpg" },
|
||||
{ id: "f2", title: "Grillretter", description: "Smakfulle retter tilberedt med kjærlighet.", tag: "Nyhet", imageSrc: "http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-skewers-veggies-plate_23-2148651119.jpg" },
|
||||
{ id: "f3", title: "Dessert & Drikke", description: "Nyt en sjokoladekake eller nystekt kaffe etter måltidet.", tag: "Søtt", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-water_23-2148865612.jpg" }
|
||||
]}
|
||||
title="Vår Meny"
|
||||
description="Vi tilbyr et bredt utvalg av retter, fra autentisk italiensk pizza til saftige grillretter."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Erling Drabløs",
|
||||
handle: "@google",
|
||||
testimonial: "Gode og store porsjoner. Veldig fin og koselig Restaurant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eats-hot-dog-cafe-terrace_169016-48480.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Johnny Carip",
|
||||
handle: "@google",
|
||||
testimonial: "Very cozy place with lot's of good choices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-virtual-date_23-2149328201.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Page",
|
||||
handle: "@google",
|
||||
testimonial: "The portion sizes were enormous! Very friendly service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7272.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rumi Lyubomirova",
|
||||
handle: "@google",
|
||||
testimonial: "Clean and comfy atmosphere. Great pizza!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-women-smiling-dinner-party_23-2148454161.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Douwe Gnodde",
|
||||
handle: "@google",
|
||||
testimonial: "Vi har prøvd to forskjellige pizzaer og disse var av eksepsjonell kvalitet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
]}
|
||||
title="Hva våre kunder sier"
|
||||
description="Vi er stolte av våre 4,9/5 stjerner på Google."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Erling Drabløs", handle: "@google", testimonial: "Gode og store porsjoner. Veldig fin og koselig Restaurant.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eats-hot-dog-cafe-terrace_169016-48480.jpg" },
|
||||
{ id: "2", name: "Johnny Carip", handle: "@google", testimonial: "Very cozy place with lot's of good choices.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-virtual-date_23-2149328201.jpg" },
|
||||
{ id: "3", name: "Mark Page", handle: "@google", testimonial: "The portion sizes were enormous! Very friendly service.", imageSrc: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7272.jpg" },
|
||||
{ id: "4", name: "Rumi Lyubomirova", handle: "@google", testimonial: "Clean and comfy atmosphere. Great pizza!", imageSrc: "http://img.b2bpic.net/free-photo/positive-young-women-smiling-dinner-party_23-2148454161.jpg" },
|
||||
{ id: "5", name: "Douwe Gnodde", handle: "@google", testimonial: "Vi har prøvd to forskjellige pizzaer og disse var av eksepsjonell kvalitet.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" }
|
||||
]}
|
||||
title="Hva våre kunder sier"
|
||||
description="Vi er stolte av våre 4,9/5 stjerner på Google."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Våre Tall"
|
||||
tag="Statistikk"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "18",
|
||||
description: "Google Anmeldelser",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9",
|
||||
description: "Stjerner totalt",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "330",
|
||||
description: "Følgere på Facebook",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Våre Tall"
|
||||
tag="Statistikk"
|
||||
metrics={[
|
||||
{ id: "m1", value: "18", description: "Google Anmeldelser" },
|
||||
{ id: "m2", value: "4.9", description: "Stjerner totalt" },
|
||||
{ id: "m3", value: "330", description: "Følgere på Facebook" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Tar dere imot bordbestilling?",
|
||||
content: "Ja, vi tar imot bordbestilling for både små og store selskap.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Kan jeg bestille mat for avhenting?",
|
||||
content: "Absolutt! Ring oss på 972 84 829 for å bestille mat for avhenting.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Hvor ligger dere?",
|
||||
content: "Vi befinner oss i Øievegen 2, 6040 Vigra.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Ofte stilte spørsmål"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Tar dere imot bordbestilling?", content: "Ja, vi tar imot bordbestilling for både små og store selskap." },
|
||||
{ id: "q2", title: "Kan jeg bestille mat for avhenting?", content: "Absolutt! Ring oss på 972 84 829 for å bestille mat for avhenting." },
|
||||
{ id: "q3", title: "Hvor ligger dere?", content: "Vi befinner oss i Øievegen 2, 6040 Vigra." }
|
||||
]}
|
||||
sideTitle="Ofte stilte spørsmål"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Nyheter fra restauranten"
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Nyhet",
|
||||
title: "Våren har kommet!",
|
||||
excerpt: "Vi har åpnet dørene og ønsker alle velkomne.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-pizza_1339-2163.jpg",
|
||||
authorName: "Roald Restaurant",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/happy-couple-choosing-order-while-waiter-is-showing-menu-digital-tablet-restaurant_637285-517.jpg",
|
||||
date: "16. feb 2026",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Oppdatering",
|
||||
title: "Nye retter",
|
||||
excerpt: "Fra neste uke vil vi servere nye retter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kebab-varieties-with-vegetables-inside-wooden-platter_114579-3157.jpg",
|
||||
authorName: "Roald Restaurant",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
|
||||
date: "16. feb 2026",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Velkommen",
|
||||
title: "Bestilling",
|
||||
excerpt: "Ring oss for bordbestilling eller take-away.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-photo-her-strawberry-dessert-with-her-smartphone_140725-8924.jpg",
|
||||
authorName: "Roald Restaurant",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-17170.jpg",
|
||||
date: "16. feb 2026",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Nyheter fra restauranten"
|
||||
description="Siste nytt om vår restaurant."
|
||||
blogs={[
|
||||
{ id: "b1", category: "Nyhet", title: "Våren har kommet!", excerpt: "Vi har åpnet dørene og ønsker alle velkomne.", imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-pizza_1339-2163.jpg", authorName: "Roald Restaurant", authorAvatar: "http://img.b2bpic.net/free-photo/happy-couple-choosing-order-while-waiter-is-showing-menu-digital-tablet-restaurant_637285-517.jpg", date: "16. feb 2026" },
|
||||
{ id: "b2", category: "Oppdatering", title: "Nye retter", excerpt: "Fra neste uke vil vi servere nye retter.", imageSrc: "http://img.b2bpic.net/free-photo/kebab-varieties-with-vegetables-inside-wooden-platter_114579-3157.jpg", authorName: "Roald Restaurant", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg", date: "16. feb 2026" },
|
||||
{ id: "b3", category: "Velkommen", title: "Bestilling", excerpt: "Ring oss for bordbestilling eller take-away.", imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-photo-her-strawberry-dessert-with-her-smartphone_140725-8924.jpg", authorName: "Roald Restaurant", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-17170.jpg", date: "16. feb 2026" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Kontakt"
|
||||
title="Bestill bord eller spør oss om noe"
|
||||
description="Ring oss i dag for en hyggelig matopplevelse på Vigra."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Bestill bord eller spør oss om noe"
|
||||
description="Ring oss i dag for en hyggelig matopplevelse på Vigra."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Øievegen 2, 6040 Vigra",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Telefon: 97 28 48 29",
|
||||
href: "tel:97284829",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Sosiale medier",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://www.facebook.com/roaldrestaurant",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Roald Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt", items: [
|
||||
{ label: "Øievegen 2, 6040 Vigra", href: "#" },
|
||||
{ label: "Telefon: 97 28 48 29", href: "tel:97284829" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Sosiale medier", items: [{ label: "Facebook", href: "https://www.facebook.com/roaldrestaurant" }]
|
||||
}
|
||||
]}
|
||||
logoText="Roald Restaurant"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user