Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
@@ -69,17 +69,14 @@ export default function LandingPage() {
         </div>
 
         <div id="features" data-section="features">
-          <FeatureCardMedia
+          <FeatureCardSixteen
-            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."
+            description="Utforsk vårt utvalg av autentiske retter."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            negativeCard={{ items: ["Pizza Margherita", "Pizza Diavola", "Grillet Kylling", "Grillet Entrecôte"] }}
+            positiveCard={{ items: ["Sjokoladekake", "Tiramisu", "Kaffe", "Mineralvann"] }}
           />
         </div>
 
@@ -171,4 +168,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-roboto), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-roboto), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f6f0e9;
-  --card: #f9f9f9;
+  --card: #efe7dd;
-  --foreground: #120006e6;
+  --foreground: #2b180a;
-  --primary-cta: #e63946;
+  --primary-cta: #2b180a;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #120006e6;
-  --accent: #e2e2e2;
+  --accent: #94877c;
-  --background-accent: #c4c4c4;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);