From d88980a34ad7c4239d272cac3985783098e3ed13 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 19:04:10 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 200 ++++++++++++-----------------------------------
 1 file changed, 51 insertions(+), 149 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b3a7c15..a19ff1f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,41 +9,32 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TextAbout from '@/components/sections/about/TextAbout';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="soft"
         contentWidth="mediumLarge"
         sizing="mediumLarge"
-        background="fluid"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="glass"
-        headingFontWeight="light"
+        background="none"
+        cardStyle="solid"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Om Viva",
-          id: "about",
-        },
-        {
-          name: "Meny",
-          id: "menu",
-        },
-        {
-          name: "Recensioner",
-          id: "testimonials",
-        },
+        { name: "Hem", id: "hero" },
+        { name: "Varför Viva", id: "about" },
+        { name: "Signaturer", id: "menu" },
+        { name: "Vad folk säger", id: "testimonials" },
+        { name: "Ärligt", id: "faq" },
+        { name: "Kontakt", id: "contact" }
       ]}
       brandName="Viva Falafel"
     />
@@ -51,32 +42,19 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroOverlay
-      title="Sveriges mest beroendeframkallande falafel."
-      description="Handgjord. Från grunden. Inga genvägar. Bara riktig smak – på riktigt."
-      buttons={[
-        {
-          text: "Beställ nu",
-          href: "#menu",
-        },
-        {
-          text: "Se meny",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/hand-holding-delicious-food_23-2150645799.jpg"
+      title="Viva Falafel: En Ritual, Inte Bara Mat."
+      description="Sveriges mest beroendeframkallande falafel, handgjord från grunden med en lyxig touch i svart, guld och djupgrönt."
+      buttons={[{ text: "Upplev nu", href: "#menu" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-eating-burger_23-2149525573.jpg"
     />
   </div>
 
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={true}
-      title="Raw Street. Pure Luxury."
-      buttons={[
-        {
-          text: "Läs mer",
-          href: "#about",
-        },
-      ]}
+      title="Varför Viva?"
+      description="Vi vägrar genvägar. Varje falafelrulle är resultatet av en hantverksprocess där tradition möter lyx. Vi skapar en smakupplevelse som etsar sig fast."
+      buttons={[{ text: "Vår filosofi", href: "#about" }]}
     />
   </div>
 
@@ -84,83 +62,30 @@ export default function LandingPage() {
       <FeatureCardThree
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="asymmetric-60-wide-40-narrow"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "VIVA ROLL",
-          description: "Sveriges bästa falafelrulle. Krispig falafel, krämig sås, perfekt balans.",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-cake-flat-lay_23-2148395148.jpg",
-        },
-        {
-          id: "f2",
-          title: "MNAESH",
-          description: "Next level piroger. Smöriga, varma och helt beroendeframkallande.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-buns-wooden-kitchen-board-with-fresh-vine-tomatoes-with-olives-wooden-bowl-grey-wooden-background_141793-51927.jpg",
-        },
-        {
-          id: "f3",
-          title: "VIVA MIX",
-          description: "Kan du inte välja? Ta allt. Och tacka oss senare.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-eggplants-with-rice-lemon-feijoa-dark-surface-dinner-food-cooking-oil-rice-meal_140725-101706.jpg",
-        },
+        { id: "s1", title: "Viva Roll", description: "Vår ikoniska rulle med krispig falafel och hemlig sås.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-cake-flat-lay_23-2148395148.jpg" },
+        { id: "s2", title: "Mnaesh Gold", description: "Lyxiga, varma piroger direkt från ugnen.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-buns-wooden-kitchen-board-with-fresh-vine-tomatoes-with-olives-wooden-bowl-grey-wooden-background_141793-51927.jpg" },
+        { id: "s3", title: "Viva Mix", description: "Det bästa av allt. För dig som inte vill välja.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cooked-eggplants-with-rice-lemon-feijoa-dark-surface-dinner-food-cooking-oil-rice-meal_140725-101706.jpg" }
       ]}
       title="Våra Signaturer"
-      description="Smaker som tar dig direkt till Mellanöstern."
+      description="Hantverk i varje tugga."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardOne
-      animationType="scale-rotate"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
+      animationType="blur-reveal"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Foodie",
-          company: "Stockholm",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eating-burger_23-2149525573.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Michael K.",
-          role: "Local",
-          company: "Södermalm",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24363.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          role: "Influencer",
-          company: "Bloggare",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-drinking-beer-with-his-friend-pub-restaurant_23-2148154053.jpg",
-        },
-        {
-          id: "t4",
-          name: "David L.",
-          role: "Guest",
-          company: "Göteborg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg",
-        },
-        {
-          id: "t5",
-          name: "Oscar B.",
-          role: "Kock",
-          company: "Malmö",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eating-burger_23-2149525573.jpg?_wi=2",
-        },
+        { id: "t1", name: "Sarah J.", role: "Kritiker", company: "Stockholm", rating: 5 },
+        { id: "t2", name: "Michael K.", role: "Matälskare", company: "Södermalm", rating: 5 },
+        { id: "t3", name: "Emily R.", role: "Gäst", company: "Bloggare", rating: 5 }
       ]}
       title="Vad folk säger"
-      description="Se vad våra besökare tycker om upplevelsen."
+      description="Vår mat talar för sig själv, men våra gäster gör det gärna åt oss."
     />
   </div>
 
@@ -169,57 +94,34 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Varför tar det ibland tid?",
-          content: "Allt görs från grunden för hand. Det kräver tid, men vi lovar att det är värt väntan.",
-        },
-        {
-          id: "q2",
-          title: "Är er falafel vegansk?",
-          content: "Vår falafel är vegansk och lagas med traditionella kryddor från Mellanöstern.",
-        },
-        {
-          id: "q3",
-          title: "Var hittar jag er?",
-          content: "Kom förbi vår restaurang och upplev stämningen själv.",
-        },
+        { id: "a1", title: "Varför är ni så ärliga?", content: "För att vi tror på transparens. Kvalitet tar tid, och vi döljer inget." },
+        { id: "a2", title: "Är allt vegetariskt?", content: "Vår falafel är vegansk och lagad med stolthet." },
+        { id: "a3", title: "Är väntetiden rimlig?", content: "Vi jobbar ständigt på att optimera utan att kompromissa med smaken." }
       ]}
-      title="Populärt = Väntetid?"
-      description="När maten görs från grunden kan det ta lite tid. Vi jobbar ständigt på att bli snabbare utan att tumma på kvaliteten."
+      title="Ärligt talat"
+      description="Frågorna du vill ha svar på innan du tar din första tugga."
       faqsAnimation="slide-up"
     />
   </div>
 
+  <div id="contact" data-section="contact">
+    <ContactSplitForm
+        title="Boka eller fråga"
+        description="Vi ser fram emot att välkomna dig. Skicka ett meddelande så svarar vi så snart vi kan."
+        inputs={[
+          { name: "name", type: "text", placeholder: "Ditt namn", required: true },
+          { name: "email", type: "email", placeholder: "Din e-post", required: true }
+        ]}
+        textarea={{ name: "message", placeholder: "Vad kan vi hjälpa dig med?", rows: 4 }}
+        useInvertedBackground={true}
+    />
+  </div>
+
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Viva Falafel",
-          items: [
-            {
-              label: "Om oss",
-              href: "#about",
-            },
-            {
-              label: "Meny",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Besök oss",
-              href: "#",
-            },
-            {
-              label: "Följ oss",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Viva Falafel", items: [{ label: "Om oss", href: "#about" }, { label: "Meny", href: "#menu" }] },
+        { title: "Kontakt", items: [{ label: "Besök oss", href: "#" }, { label: "Följ oss", href: "#" }] }
       ]}
       copyrightText="© 2025 | Viva Falafel"
     />
-- 
2.49.1