From 50caf831e5eeff368a6cb6842726444e77640a0b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 08:51:39 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 84 ++++++++++++++++++++++++++++++++----------------
 1 file changed, 56 insertions(+), 28 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5b8141d..930d1e6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,9 +30,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        { name: "Heim", id: "hero" },
-        { name: "Þjónusta", id: "services" },
-        { name: "Samband", id: "contact" },
+        {
+          name: "Heim",          id: "#hero"},
+        {
+          name: "Þjónusta",          id: "#services"},
+        {
+          name: "Samband",          id: "#contact"},
       ]}
       brandName="BRM"
     />
@@ -40,20 +43,27 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{ variant: "plain" }}
+      background={{
+        variant: "plain"}}
       title="Brotið? Við lögum það."
       description="Bílrúðumeistarinn (BRM) sérhæfir sig í hraðvirkum og vönduðum rúðuviðgerðum fyrir alla bíla. Við erum í Kópavogi."
       buttons={[
-        { text: "Bókaðu núna", href: "#contact" },
+        {
+          text: "Bókaðu núna",          href: "#contact"},
       ]}
       mediaAnimation="slide-up"
       avatarText="Yfir 500 ánægðir viðskiptavinir"
       marqueeItems={[
-        { type: "text", text: "Hraðþjónusta" },
-        { type: "text", text: "Viðurkenndir varahlutir" },
-        { type: "text", text: "5 stjörnur á Google" },
-        { type: "text", text: "Sérfræðingar í Kópavogi" },
-        { type: "text", text: "Opin daglega" },
+        {
+          type: "text",          text: "Hraðþjónusta"},
+        {
+          type: "text",          text: "Viðurkenndir varahlutir"},
+        {
+          type: "text",          text: "5 stjörnur á Google"},
+        {
+          type: "text",          text: "Sérfræðingar í Kópavogi"},
+        {
+          type: "text",          text: "Opin daglega"},
       ]}
     />
   </div>
@@ -63,34 +73,42 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { title: "Forrúðuskipti", description: "Skiptum um allar gerðir rúða með vottuðum varahlutum.", imageSrc: "https://images.unsplash.com/photo-1605634526013-0570a2f778d1?auto=format&fit=crop&q=80&w=800" },
-        { title: "Chip & Sprungur", description: "Viðgerð á litlum skemmdum áður en þær stækka.", imageSrc: "https://images.unsplash.com/photo-1594498652286-f6d2f36071ea?auto=format&fit=crop&q=80&w=800" },
-        { title: "Leigubílaþjónusta", description: "Sérhæfðir í skjótri þjónustu fyrir leigubílstjóra.", imageSrc: "https://images.unsplash.com/photo-1583121274602-3e2820c66888?auto=format&fit=crop&q=80&w=800" },
-        { title: "Speglaviðgerðir", description: "Viðgerðir á bílaspeglum og hliðarrúðum.", imageSrc: "https://images.unsplash.com/photo-1555617066-880017169f47?auto=format&fit=crop&q=80&w=800" },
-        { title: "Þrif & Frágangur", description: "Fullkomin hreinsun eftir rúðuskipti.", imageSrc: "https://images.unsplash.com/photo-1601362840469-51e4d8d58785?auto=format&fit=crop&q=80&w=800" },
-        { title: "Ráðgjöf", description: "Við metum tjónið hratt og örugglega.", imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&q=80&w=800" },
+        {
+          title: "Forrúðuskipti",          description: "Skiptum um allar gerðir rúða með vottuðum varahlutum."},
+        {
+          title: "Chip & Sprungur",          description: "Viðgerð á litlum skemmdum áður en þær stækka."},
+        {
+          title: "Leigubílaþjónusta",          description: "Sérhæfðir í skjótri þjónustu fyrir leigubílstjóra."},
+        {
+          title: "Speglaviðgerðir",          description: "Viðgerðir á bílaspeglum og hliðarrúðum."},
+        {
+          title: "Þrif & Frágangur",          description: "Fullkomin hreinsun eftir rúðuskipti."},
+        {
+          title: "Ráðgjöf",          description: "Við metum tjónið hratt og örugglega."},
       ]}
       title="Okkar Þjónusta"
       description="Við bjóðum upp á úrvals viðgerðarþjónustu fyrir allar gerðir bíla."
-      animationType="blur-reveal"
     />
   </div>
 
   <div id="about" data-section="about">
       <TestimonialAboutCard
+      useInvertedBackground={false}
       tag="Af hverju BRM?"
       title="Traust í 5 stjörnum"
       description="Bílrúðumeistarinn er leiðandi í rúðuviðgerðum með 5 stjörnur á Google."
       subdescription="Við lögum sprungur á 2 klukkustundum og bjóðum samkeppnishæft verð."
       icon={ShieldCheck}
-      imageSrc="https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&q=80&w=800"
       mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="social" data-section="social">
       <SocialProofOne
-      names={["Toyota", "Tesla", "Volkswagen", "Ford", "Mercedes-Benz", "Volvo", "Hertz"]}
+      textboxLayout="default"
+      useInvertedBackground={false}
+      names={[
+        "Toyota",        "Tesla",        "Volkswagen",        "Ford",        "Mercedes-Benz",        "Volvo",        "Hertz"]}
       title="Við þjónustum alla bíla"
       description="Áreiðanlegir sérfræðingar í öllum bíltegundum."
     />
@@ -99,12 +117,16 @@ export default function LandingPage() {
   <div id="how-it-works" data-section="how-it-works">
       <MetricCardTwo
       animationType="slide-up"
+      textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        { id: "1", value: "1️⃣", description: "Hringdu í 571 1133" },
-        { id: "2", value: "2️⃣", description: "Komdu með bílinn á Dalveg" },
-        { id: "3", value: "3️⃣", description: "Ektu á braut með fullkomna rúðu" },
+        {
+          id: "1",          value: "1️⃣",          description: "Hringdu í 571 1133"},
+        {
+          id: "2",          value: "2️⃣",          description: "Komdu með bílinn á Dalveg"},
+        {
+          id: "3",          value: "3️⃣",          description: "Ektu á braut með fullkomna rúðu"},
       ]}
       title="Hvernig virkar þetta?"
       description="Einfalt ferli til að fá þér fullkomna rúðu."
@@ -114,11 +136,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      background={{
+        variant: "plain"}}
       title="Bókaðu tíma núna"
       description="Við erum staðsett á Dalvegi 18, Kópavogi. Opið til 18:30."
+      inputPlaceholder="Sláðu inn netfang"
+      buttonText="Hafðu samband"
       tag="Hafðu samband"
-      onSubmit={(email) => console.log(email)}
     />
   </div>
 
@@ -128,14 +152,18 @@ export default function LandingPage() {
       columns={[
         {
           title: "Bílrúðumeistarinn",          items: [
-            { label: "Dalvegur 18, Kópavogur", href: "#" },
-            { label: "Sími: 571 1133", href: "tel:5711133" },
+            {
+              label: "Dalvegur 18, Kópavogur",              href: "#"},
+            {
+              label: "Sími: 571 1133",              href: "tel:5711133"},
           ],
         },
         {
           title: "Tenglar",          items: [
-            { label: "Bóka tíma", href: "#contact" },
-            { label: "Þjónusta", href: "#services" },
+            {
+              label: "Bóka tíma",              href: "#contact"},
+            {
+              label: "Þjónusta",              href: "#services"},
           ],
         },
       ]}
-- 
2.49.1