Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -174,18 +174,27 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <SocialProofOne
-          title="Kontakt Os"
-          description="Vejle Bilservice ApS – dit lokale valg for pålidelig bilservice"
-          tag="Kontakt"
-          tagIcon={MapPin}
-          names={[
-            "📍 Vejle Centrum",            "📞 +45 70 123 456",            "✉️ info@vejlebilservice.dk",            "🕐 Man-Fre: 08:00-17:00, Lør: 09:00-13:00"
+        <ContactFaq
+          ctaTitle="Kontakt Os Direkte"
+          ctaDescription="Ring eller mail os for hurtig assistance. Vi er her mandag-fredag 08:00-17:00, lørdag 09:00-13:00."
+          ctaButton={{ text: "Ring Nu", href: "tel:+4570123456" }}
+          ctaIcon={Phone}
+          faqs={[
+            {
+              id: "1",              title: "Hvor ligger I?",              content: "Vejle Bilservice ApS er beliggende i hjertet af Vejle Centrum. Vi er nemt tilgængelige med gode parkeringsmuligheder."
+            },
+            {
+              id: "2",              title: "Hvad er jeres åbningstider?",              content: "Mandag-fredag: 08:00-17:00. Lørdag: 09:00-13:00. Søndag lukket. Akut-assistance tilgængelig efter aftale."
+            },
+            {
+              id: "3",              title: "Hvordan booker jeg en tid?",              content: "Du kan booke online, ringe +45 70 123 456, eller sende email til info@vejlebilservice.dk. Vi bestiller dig ind hurtigst muligt."
+            },
+            {
+              id: "4",              title: "Kan jeg få en gratis inspektion?",              content: "Ja! Vi tilbyder gerne en gratis inspektion og prisfastsættelse. Kontakt os for at aftale et tidspunkt."
+            }
           ]}
-          textboxLayout="default"
           useInvertedBackground={false}
-          speed={40}
-          showCard={true}
+          animationType="slide-up"
         />
       </div>