Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Þjónusta",
-          id: "services",
-        },
+          name: "Þjónusta",          id: "services"},
         {
-          name: "Verð",
-          id: "plans",
-        },
+          name: "Verð",          id: "plans"},
         {
-          name: "Bóka",
-          id: "booking",
-        },
+          name: "Bóka",          id: "booking"},
         {
-          name: "Hafa samband",
-          id: "contact",
-        },
+          name: "Hafa samband",          id: "contact"},
       ]}
       brandName="BALDUR"
     />
@@ -56,103 +48,58 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Superglans "
       description="Hraðvirk, fagleg og lúxus bílaþrif fyrir þá sem vilja fullkominn glans."
       testimonials={[
         {
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Best service in Iceland, my car looks brand new!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371203.jpg",
-        },
+          name: "Sarah J.",          handle: "@sarahj",          testimonial: "Best service in Iceland, my car looks brand new!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371203.jpg"},
         {
-          name: "Michael C.",
-          handle: "@mchen",
-          testimonial: "Fast and professional. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-21204.jpg",
-        },
+          name: "Michael C.",          handle: "@mchen",          testimonial: "Fast and professional. Highly recommended.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-21204.jpg"},
         {
-          name: "Emily R.",
-          handle: "@erodriguez",
-          testimonial: "Great attention to detail in every corner.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-while-posing_176474-95622.jpg",
-        },
+          name: "Emily R.",          handle: "@erodriguez",          testimonial: "Great attention to detail in every corner.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-while-posing_176474-95622.jpg"},
         {
-          name: "David K.",
-          handle: "@dkim",
-          testimonial: "Worth every króna, excellent value.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg",
-        },
+          name: "David K.",          handle: "@dkim",          testimonial: "Worth every króna, excellent value.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg"},
         {
-          name: "Anna S.",
-          handle: "@annas",
-          testimonial: "Very convenient booking and service.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg",
-        },
+          name: "Anna S.",          handle: "@annas",          testimonial: "Very convenient booking and service.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg"},
       ]}
       buttons={[
         {
-          text: "Bóka tíma",
-          href: "#booking",
-        },
+          text: "Bóka tíma",          onClick: () => document.getElementById('booking')?.scrollIntoView({ behavior: 'smooth' })},
         {
-          text: "Sjá verðskrá",
-          href: "#plans",
-        },
+          text: "Sjá verðskrá",          onClick: () => document.getElementById('plans')?.scrollIntoView({ behavior: 'smooth' })},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/panning-shot-cars-with-sleek-design-showroom-waiting-be-purchased_482257-108124.jpg"
       imageAlt="Luxury Car"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg",
-          alt: "Close up on car care process",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg",          alt: "Close up on car care process"},
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-lights-brand-new-car_23-2148510550.jpg",
-          alt: "Front view lights of a brand new car",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-lights-brand-new-car_23-2148510550.jpg",          alt: "Front view lights of a brand new car"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg",
-          alt: "Close up on metallic car",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg",          alt: "Close up on metallic car"},
         {
-          src: "http://img.b2bpic.net/free-photo/sideways-rear-view-mirror-modern-car_23-2148510549.jpg",
-          alt: "Sideways rear-view mirror of a modern car",
-        },
+          src: "http://img.b2bpic.net/free-photo/sideways-rear-view-mirror-modern-car_23-2148510549.jpg",          alt: "Sideways rear-view mirror of a modern car"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
-          alt: "Portrait of handsome bearded stylish male",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",          alt: "Portrait of handsome bearded stylish male"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Premium Bílaþvottur",
-        },
+          type: "text",          text: "Premium Bílaþvottur"},
         {
-          type: "text",
-          text: "Hraðvirk þjónusta",
-        },
+          type: "text",          text: "Hraðvirk þjónusta"},
         {
-          type: "text",
-          text: "Lúxus áferð",
-        },
+          type: "text",          text: "Lúxus áferð"},
         {
-          type: "text",
-          text: "Öruggt bókunarkerfi",
-        },
+          type: "text",          text: "Öruggt bókunarkerfi"},
         {
-          type: "text",
-          text: "Íslensk fagmennska",
-        },
+          type: "text",          text: "Íslensk fagmennska"},
       ]}
     />
   </div>
@@ -164,19 +111,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Award,
-          label: "Ára reynsla",
-          value: "2 ár  ",
-        },
+          label: "Ára reynsla",          value: "2 ár  "},
         {
           icon: Zap,
-          label: "Þrifin ökutæki",
-          value: "20+",
-        },
+          label: "Þrifin ökutæki",          value: "20+"},
         {
           icon: CheckCircle,
-          label: "Ánægðir viðskiptavinir",
-          value: "98%",
-        },
+          label: "Ánægðir viðskiptavinir",          value: "98%"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -189,23 +130,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Ytri þvottur",
-          description: "Djúp hreinsun með hágæða efnum og glansáferð.",
-          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-blue-bath-bomb-foam-water_23-2148163214.jpg",
-          imageAlt: "Ytri þvottur",
-        },
+          title: "Ytri þvottur",          description: "Djúp hreinsun með hágæða efnum og glansáferð.",          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-blue-bath-bomb-foam-water_23-2148163214.jpg",          imageAlt: "Ytri þvottur"},
         {
-          title: "Innanþrif",
-          description: "Sæti, mælaborð og öll smáatriði hreinsuð.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg",
-          imageAlt: "Innanþrif",
-        },
+          title: "Innanþrif",          description: "Sæti, mælaborð og öll smáatriði hreinsuð.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg",          imageAlt: "Innanþrif"},
         {
-          title: "Bón & vörn",
-          description: "Langvarandi glans og vörn gegn íslensku veðri.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg",
-          imageAlt: "Bón & vörn",
-        },
+          title: "Bón & vörn",          description: "Langvarandi glans og vörn gegn íslensku veðri.",          imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg",          imageAlt: "Bón & vörn"},
       ]}
       title="Fagleg bílaumhirða"
       description="Við bjóðum upp á úrval þrifa sem henta þínum bíl best."
@@ -219,54 +148,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          tag: "Basic",
-          price: "",
-          period: "eitt sinn",
-          description: " ",
-          button: {
-            text: "Velja pakka",
-          },
-          featuresTitle: "Innifalið",
-          features: [
-            "Ytri þvottur",
-            "Felguhreinsun",
-            "Þurrkun",
-          ],
+          id: "pro",          tag: "Premium",          price: "7.990 kr",          period: "eitt sinn",          description: "Vinsælasti pakkinn fyrir flesta bílaeigendur.",          button: {
+            text: "Velja pakka"},
+          featuresTitle: "Innifalið",          features: [
+            "Allt í hraðþvotti",            "Bón",            "Innanþrif",            ""],
         },
         {
-          id: "pro",
-          tag: "Premium",
-          price: "7.990 kr",
-          period: "eitt sinn",
-          description: "Vinsælasti pakkinn fyrir flesta bílaeigendur.",
-          button: {
-            text: "Velja pakka",
-          },
-          featuresTitle: "Innifalið",
-          features: [
-            "Allt í hraðþvotti",
-            "Bón",
-            "Innanþrif",
-            "",
-          ],
-        },
-        {
-          id: "lux",
-          tag: "Lúxus",
-          price: "12.990 kr",
-          period: "eitt sinn",
-          description: "Djúpþrif fyrir þá kröfuhörðu.",
-          button: {
-            text: "Velja pakka",
-          },
-          featuresTitle: "Innifalið",
-          features: [
-            "Djúpþrif",
-            "Bón & vörn",
-            "Sætaþrif",
-            "",
-          ],
+          id: "lux",          tag: "Lúxus",          price: "12.990 kr",          period: "eitt sinn",          description: "Djúpþrif fyrir þá kröfuhörðu.",          button: {
+            text: "Velja pakka"},
+          featuresTitle: "Innifalið",          features: [
+            "Djúpþrif",            "Bón & vörn",            "Sætaþrif",            ""],
         },
       ]}
       title="Veldu pakka"
@@ -282,45 +173,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Valur ásberg ",
-          role: "Viðskiptavinur",
-          company: "Baldur",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg",
-        },
+          id: "1",          name: "Valur ásberg ",          role: "Viðskiptavinur",          company: "Baldur",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg"},
         {
-          id: "2",
-          name: "Arnar þórison ",
-          role: "Viðskiptavinur",
-          company: "Baldur",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
-        },
+          id: "2",          name: "Arnar þórison ",          role: "Viðskiptavinur",          company: "Baldur",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg"},
         {
-          id: "3",
-          name: "Bóbo  ",
-          role: "Viðskiptavinur",
-          company: "Baldur",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-showing-ok-sign_23-2148479592.jpg",
-        },
+          id: "3",          name: "Bóbo  ",          role: "Viðskiptavinur",          company: "Baldur",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/business-man-showing-ok-sign_23-2148479592.jpg"},
         {
-          id: "4",
-          name: "Sigrún Jónasdóttir",
-          role: "Viðskiptavinur",
-          company: "Baldur",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
-        },
+          id: "4",          name: "Sigrún Jónasdóttir",          role: "Viðskiptavinur",          company: "Baldur",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg"},
         {
-          id: "5",
-          name: "Páll Pálsson",
-          role: "Viðskiptavinur",
-          company: "Baldur",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
-        },
+          id: "5",          name: "Páll Pálsson",          role: "Viðskiptavinur",          company: "Baldur",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg"},
       ]}
       title="Viðskiptavinir segja"
       description="Við leggjum áherslu á ánægju viðskiptavina okkar."
@@ -333,20 +199,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "Hversu langan tíma tekur þvottur?",
-          content: "Hraðþvottur tekur um 30 mínútur en lúxusþvottur getur tekið allt að 2 klst.",
-        },
+          id: "faq1",          title: "Hversu langan tíma tekur þvottur?",          content: "Hraðþvottur tekur um 30 mínútur en lúxusþvottur getur tekið allt að 2 klst."},
         {
-          id: "faq2",
-          title: "Þarf að bóka tíma?",
-          content: "Mælt er með bókun en við tökum á móti dropp-in eftir getu.",
-        },
+          id: "faq2",          title: "Þarf að bóka tíma?",          content: "Mælt er með bókun en við tökum á móti dropp-in eftir getu."},
         {
-          id: "faq3",
-          title: "Eruð þið með opið um helgar?",
-          content: "Já, við erum með opið alla daga vikunnar.",
-        },
+          id: "faq3",          title: "Eruð þið með opið um helgar?",          content: "Já, við erum með opið alla daga vikunnar."},
       ]}
       title="Algengar spurningar"
       description="Hér erum við með svör við spurningum sem við fáum oft."
@@ -361,28 +218,17 @@ export default function LandingPage() {
       description="Bókaðu þinn þvott í dag með einföldum hætti."
       inputs={[
         {
-          name: "nafn",
-          type: "text",
-          placeholder: "Nafn",
-          required: true,
+          name: "nafn",          type: "text",          placeholder: "Nafn",          required: true,
         },
         {
-          name: "simi",
-          type: "tel",
-          placeholder: "Símanúmer",
-          required: true,
+          name: "simi",          type: "tel",          placeholder: "Símanúmer",          required: true,
         },
         {
-          name: "bifreid",
-          type: "text",
-          placeholder: "Bifreið",
-          required: true,
+          name: "bifreid",          type: "text",          placeholder: "Bifreið",          required: true,
         },
       ]}
       textarea={{
-        name: "skilabod",
-        placeholder: "Skilaboð",
-        rows: 4,
+        name: "skilabod",        placeholder: "Skilaboð",        rows: 4,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/auto-repairman-communicating-with-customer-while-wearing-protective-face-mask-gloves-office_637285-9803.jpg"
     />