From 39de2dfd85ee32d6c5034abc15ddef6dc6c50da4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 16:36:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 433 +++++++++++++++--------------------------------
 1 file changed, 138 insertions(+), 295 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 14b5219..8502d28 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-- 
2.49.1