Update src/app/page.tsx

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -33,30 +33,18 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Forside",
+          name: "Forside",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Menu",
+          name: "Menu",          id: "menu"},
-          id: "menu",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Åbningstider",
+          name: "Åbningstider",          id: "opening-hours"},
-          id: "opening-hours",
-        },
         {
-          name: "Kontakt",
+          name: "Kontakt",          id: "contact"},
-          id: "contact",
-        },
       ]}
       button={{
-        text: "Ring nu",
+        text: "Ring nu",        href: "tel:+4543967738"}}
-        href: "tel:+4543967738",
-      }}
       brandName="Tanken Glostrup"
     />
   </div>
@@ -64,51 +52,22 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-static",
+        variant: "rotated-rays-static"}}
-      }}
       title="Tidlig morgenmad, frisk frokost og hurtig takeaway i Glostrup"
       description="Besøg Tanken Glostrup på Fabriksparken 18 — et lokalt stop for kaffe, sandwiches, burgers, smørrebrød og bilvask."
       buttons={[
         {
-          text: "Ring: +45 43 96 77 38",
+          text: "Ring: +45 43 96 77 38",          href: "tel:+4543967738"},
-          href: "tel:+4543967738",
-        },
         {
-          text: "Find vej",
+          text: "Find vej",          href: "https://www.google.com/maps/place/Fabriksparken+18,+2600+Glostrup"},
-          href: "https://www.google.com/maps/place/Fabriksparken+18,+2600+Glostrup",
-        },
       ]}
       carouselItems={[
-        {
+        { id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-wooden-board_23-2148617367.jpg", imageAlt: "Mad og kaffe" },
-          id: "h1",
+        { id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/bread-slices-with-egg-herbs-served-with-cup-tea_114579-37831.jpg", imageAlt: "Sandwich" },
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwiches-wooden-board_23-2148617367.jpg",
+        { id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-creamy-avocados-with-sliced-peppers-bread-pieces-grey-surface_140725-90218.jpg", imageAlt: "Smørrebrød" },
-          imageAlt: "Mad og kaffe",
+        { id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dessert-arrangement-winter_23-2149188014.jpg", imageAlt: "Bilvask" },
-        },
+        { id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/sandwiches-with-eggs-herbs-served-with-cup-tea_114579-37794.jpg", imageAlt: "Morgenmad" },
-        {
+        { id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-toast-vegetables-coffee_23-2148574564.jpg", imageAlt: "Tanken Glostrup" },
-          id: "h2",
-          imageSrc: "http://img.b2bpic.net/free-photo/bread-slices-with-egg-herbs-served-with-cup-tea_114579-37831.jpg",
-          imageAlt: "Sandwich",
-        },
-        {
-          id: "h3",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-creamy-avocados-with-sliced-peppers-bread-pieces-grey-surface_140725-90218.jpg",
-          imageAlt: "Smørrebrød",
-        },
-        {
-          id: "h4",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-dessert-arrangement-winter_23-2149188014.jpg",
-          imageAlt: "Bilvask",
-        },
-        {
-          id: "h5",
-          imageSrc: "http://img.b2bpic.net/free-photo/sandwiches-with-eggs-herbs-served-with-cup-tea_114579-37794.jpg",
-          imageAlt: "Morgenmad",
-        },
-        {
-          id: "h6",
-          imageSrc: "http://img.b2bpic.net/free-photo/plate-with-toast-vegetables-coffee_23-2148574564.jpg",
-          imageAlt: "Tanken Glostrup",
-        },
       ]}
     />
   </div>
@@ -119,10 +78,7 @@ export default function LandingPage() {
       title="Et hurtigt og hyggeligt stop i Glostrup"
       description="Tanken Glostrup er stedet, hvor du kan starte dagen tidligt med kaffe, morgenmad og noget frisk fra disken. Uanset om du er på vej på arbejde, holder pause i løbet af dagen eller skal have frokost med på farten, står vi klar med hurtig betjening og klassiske favoritter."
       buttons={[
-        {
+        { text: "Læs mere", href: "#services" },
-          text: "Læs mere",
-          href: "#services",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/happy-smiling-asian-barista-girl-counter-working-with-pos-terminal-brewing-filter-kit_1258-199491.jpg"
       imageAlt="Friendly cafe staff working behind counter"
@@ -136,42 +92,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "m1", name: "Morgenmad & kaffe", price: "Fra 25 DKK", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-sandwiches-with-avocado-pasta-tomatoes-inside-plate-grey-background-burger-sandwich-bun-snack-bread_140725-77107.jpg" },
-          id: "m1",
+        { id: "m2", name: "Friske Sandwiches", price: "Fra 45 DKK", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-us-labor-day_23-2150378696.jpg" },
-          name: "Morgenmad & kaffe",
+        { id: "m3", name: "Klassiske Burgers", price: "Fra 65 DKK", imageSrc: "http://img.b2bpic.net/free-photo/sucuk-ekmek-cut-into-pieces-wrapped-with-paper_114579-2851.jpg" },
-          price: "Fra 25 DKK",
+        { id: "m4", name: "Smørrebrød", price: "Fra 35 DKK", imageSrc: "http://img.b2bpic.net/free-photo/continental-breakfast-table_658428-37.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-sandwiches-with-avocado-pasta-tomatoes-inside-plate-grey-background-burger-sandwich-bun-snack-bread_140725-77107.jpg",
+        { id: "m5", name: "Frikadeller", price: "Fra 40 DKK", imageSrc: "http://img.b2bpic.net/free-photo/cherry-tomato-cheese-prosciutto-with-toast-wooden-table_1212-863.jpg" },
-        },
+        { id: "m6", name: "Pastry & snacks", price: "Fra 20 DKK", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-burgers-onion-rings_23-2148273039.jpg" },
-        {
-          id: "m2",
-          name: "Friske Sandwiches",
-          price: "Fra 45 DKK",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-burgers-us-labor-day_23-2150378696.jpg",
-        },
-        {
-          id: "m3",
-          name: "Klassiske Burgers",
-          price: "Fra 65 DKK",
-          imageSrc: "http://img.b2bpic.net/free-photo/sucuk-ekmek-cut-into-pieces-wrapped-with-paper_114579-2851.jpg",
-        },
-        {
-          id: "m4",
-          name: "Smørrebrød",
-          price: "Fra 35 DKK",
-          imageSrc: "http://img.b2bpic.net/free-photo/continental-breakfast-table_658428-37.jpg",
-        },
-        {
-          id: "m5",
-          name: "Frikadeller",
-          price: "Fra 40 DKK",
-          imageSrc: "http://img.b2bpic.net/free-photo/cherry-tomato-cheese-prosciutto-with-toast-wooden-table_1212-863.jpg",
-        },
-        {
-          id: "m6",
-          name: "Pastry & snacks",
-          price: "Fra 20 DKK",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-burgers-onion-rings_23-2148273039.jpg",
-        },
       ]}
       title="Populære valg hos Tanken"
       description="Spørg i butikken for dagens udvalg."
@@ -184,36 +110,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "s1", title: "Café", author: "Atmosfære", description: "Kaffe, morgenmad og frokost i en afslappet og uformel atmosfære.", tags: ["Hygge"], imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-barista-brewing-filter-coffee-preparing-order-cafe-standing-counter_1258-199485.jpg" },
-          id: "s1",
+        { id: "s2", title: "Takeaway", author: "Hurtighed", description: "Tag maden med på vejen — hurtigt, nemt og praktisk.", tags: ["Praktisk"], imageSrc: "http://img.b2bpic.net/free-photo/bar-with-coffee_23-2147821222.jpg" },
-          title: "Café",
+        { id: "s3", title: "Bilvask", author: "Service", description: "Kombinér dit besøg med bilvask, når bilen også trænger.", tags: ["Service"], imageSrc: "http://img.b2bpic.net/free-photo/brunette-from-high-pressure-hose-washes-car-car-wash_1153-9396.jpg" },
-          author: "Atmosfære",
-          description: "Kaffe, morgenmad og frokost i en afslappet og uformel atmosfære.",
-          tags: [
-            "Hygge",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-barista-brewing-filter-coffee-preparing-order-cafe-standing-counter_1258-199485.jpg",
-        },
-        {
-          id: "s2",
-          title: "Takeaway",
-          author: "Hurtighed",
-          description: "Tag maden med på vejen — hurtigt, nemt og praktisk.",
-          tags: [
-            "Praktisk",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/bar-with-coffee_23-2147821222.jpg",
-        },
-        {
-          id: "s3",
-          title: "Bilvask",
-          author: "Service",
-          description: "Kombinér dit besøg med bilvask, når bilen også trænger.",
-          tags: [
-            "Service",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-from-high-pressure-hose-washes-car-car-wash_1153-9396.jpg",
-        },
       ]}
       title="Mere end bare et hurtigt måltid"
       description="Vi tilbyder praktiske tjenester til både dig og din bil."
@@ -226,46 +125,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Jens Nielsen", handle: "@jens", testimonial: "Sød og rask betjening.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg" },
-          id: "t1",
+        { id: "t2", name: "Mette Jensen", handle: "@mette", testimonial: "Super stort udvalg.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg" },
-          name: "Jens Nielsen",
+        { id: "t3", name: "Peter Holm", handle: "@peter", testimonial: "Gode sandwich.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg" },
-          handle: "@jens",
+        { id: "t4", name: "Lene Hansen", handle: "@lene", testimonial: "Altid friskt og hurtigt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304457.jpg" },
-          testimonial: "Sød og rask betjening.",
+        { id: "t5", name: "Mads Poulsen", handle: "@mads", testimonial: "Det bedste stop i Glostrup.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waiter-serving-cup-coffee-customer_1170-634.jpg" },
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mette Jensen",
-          handle: "@mette",
-          testimonial: "Super stort udvalg.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
-        },
-        {
-          id: "t3",
-          name: "Peter Holm",
-          handle: "@peter",
-          testimonial: "Gode sandwich.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg",
-        },
-        {
-          id: "t4",
-          name: "Lene Hansen",
-          handle: "@lene",
-          testimonial: "Altid friskt og hurtigt.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304457.jpg",
-        },
-        {
-          id: "t5",
-          name: "Mads Poulsen",
-          handle: "@mads",
-          testimonial: "Det bedste stop i Glostrup.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/waiter-serving-cup-coffee-customer_1170-634.jpg",
-        },
       ]}
       showRating={true}
       title="Hvad gæsterne siger"
@@ -274,130 +138,54 @@ export default function LandingPage() {
   </div>
 
   <div id="opening-hours" data-section="opening-hours">
-      <MetricCardOne
+      <MetricCardSeven
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "time1",
-          value: "03:30–17:30",
-          title: "Mandag–Fredag",
-          description: "Hverdage",
-          icon: Clock,
-        },
-        {
-          id: "time2",
-          value: "Lukket",
-          title: "Lørdag",
-          description: "Weekend",
-          icon: XCircle,
-        },
-        {
-          id: "time3",
-          value: "Lukket",
-          title: "Søndag",
-          description: "Weekend",
-          icon: XCircle,
-        },
-      ]}
       title="Åbningstider"
       description="Åbningstider kan ændre sig på helligdage. Ring gerne for at være sikker."
+      metrics={[
+        { id: "time1", value: "03:30–17:30", title: "Mandag–Fredag", items: ["Hverdage"] },
+        { id: "time2", value: "Lukket", title: "Lørdag", items: ["Weekend"] },
+        { id: "time3", value: "Lukket", title: "Søndag", items: ["Weekend"] },
+      ]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqDouble
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Hvornår åbner Tanken Glostrup?", content: "Vi åbner kl. 03:30 mandag til fredag." },
-          id: "f1",
+        { id: "f2", title: "Har I takeaway?", content: "Ja, mange af vores retter egner sig godt til takeaway." },
-          title: "Hvornår åbner Tanken Glostrup?",
+        { id: "f3", title: "Kan man få frokost hos jer?", content: "Ja, vi har blandt andet sandwiches, burgers, smørrebrød og andre hurtige frokostvalg." },
-          content: "Vi åbner kl. 03:30 mandag til fredag.",
+        { id: "f4", title: "Har I åbent i weekenden?", content: "Ifølge de aktuelle oplysninger holder vi lukket lørdag og søndag." },
-        },
+        { id: "f5", title: "Hvor ligger Tanken Glostrup?", content: "Vi ligger på Fabriksparken 18, 2600 Glostrup." },
-        {
-          id: "f2",
-          title: "Har I takeaway?",
-          content: "Ja, mange af vores retter egner sig godt til takeaway.",
-        },
-        {
-          id: "f3",
-          title: "Kan man få frokost hos jer?",
-          content: "Ja, vi har blandt andet sandwiches, burgers, smørrebrød og andre hurtige frokostvalg.",
-        },
-        {
-          id: "f4",
-          title: "Har I åbent i weekenden?",
-          content: "Ifølge de aktuelle oplysninger holder vi lukket lørdag og søndag.",
-        },
-        {
-          id: "f5",
-          title: "Hvor ligger Tanken Glostrup?",
-          content: "Vi ligger på Fabriksparken 18, 2600 Glostrup.",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-call-center-girl-wearing-headset-sitting-desk-with-work-tools-faking-smile-looking-camera-isolated-orange-background_141793-84955.jpg"
       title="Spørgsmål & svar"
       description="Find hurtigt svar på dine spørgsmål."
       faqsAnimation="slide-up"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Kontakt"
       title="Find os i Glostrup"
       description="Du finder Tanken Glostrup på Fabriksparken 18. Ring til os, hvis du vil høre mere om dagens udvalg."
-      imageSrc="http://img.b2bpic.net/free-photo/retro-sky-collage-design_23-2151017881.jpg"
+      background={{ variant: "plain" }}
-      mediaPosition="right"
+      useInvertedBackground={false}
       buttonText="Ring nu"
       onSubmit={(email) => console.log(email)}
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="Tanken Glostrup"
-      columns={[
+      leftLink={{ text: "Ring: +45 43 96 77 38", href: "tel:+4543967738" }}
-        {
+      rightLink={{ text: "Find vej", href: "https://www.google.com/maps/place/Fabriksparken+18,+2600+Glostrup" }}
-          title: "Menu",
-          items: [
-            {
-              label: "Forside",
-              href: "#hero",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Ring: +45 43 96 77 38",
-              href: "tel:+4543967738",
-            },
-            {
-              label: "Find vej",
-              href: "https://www.google.com/maps/place/Fabriksparken+18,+2600+Glostrup",
-            },
-          ],
-        },
-      ]}
     />
   </div>
       </ReactLenis>