Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -5,10 +5,9 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Shield, Star } from 'lucide-react';
+import { Shield, MapPin, Phone, Mail, Building2 } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -135,22 +134,104 @@ export default function LandingPage() {
           inputs={[
             { name: "name", type: "text", placeholder: "Twoje imię", required: true },
             { name: "email", type: "email", placeholder: "Twój email", required: true },
-            { name: "company", type: "text", placeholder: "Nazwa firmy", required: true },
+            { name: "subject", type: "text", placeholder: "Temat", required: true }
-            { name: "phone", type: "tel", placeholder: "Numer telefonu", required: true }
           ]}
           textarea={{
-            name: "message",            placeholder: "Opisz swoje wyzwanie technologiczne...",            rows: 5,
+            name: "message",            placeholder: "Twoja wiadomość...",            rows: 4,
             required: true
           }}
           useInvertedBackground={false}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq0ng5IUBu9tCsx5BCWMkvtvV9/professional-it-support-team-working-env-1773305533515-d2d8af33.png"
           imageAlt="IT Support Team"
           mediaAnimation="slide-up"
-          mediaPosition="right"
+          mediaPosition="left"
-          buttonText="Wyślij Zapytanie"
+          buttonText="Wyślij"
         />
       </div>
 
+      <div id="contact-info" data-section="contact-info" className="w-full bg-gradient-to-b from-transparent to-background py-20 px-6 md:px-10">
+        <div className="max-w-screen-lg mx-auto">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-12 md:gap-16">
+            {/* Left Column - Google Map and Location */}
+            <div className="flex flex-col gap-8">
+              <div className="rounded-2xl overflow-hidden shadow-lg h-80 md:h-96">
+                <iframe
+                  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2556.7816732393046!2d17.04147!3d51.10394!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470fe9c9d2e9b8a1%3A0x1234567890ab!2sTrenArt%20Usługi%20Informatyczne!5e0!3m2!1spl!2spl!4v1234567890123"
+                  width="100%"
+                  height="100%"
+                  style={{ border: 0 }}
+                  allowFullScreen={true}
+                  loading="lazy"
+                  referrerPolicy="no-referrer-when-downgrade"
+                  title="TrenART Location - ul. Ślężna 112a, Wrocław"
+                />
+              </div>
+              <div className="flex items-start gap-3">
+                <MapPin className="w-6 h-6 text-primary-cta flex-shrink-0 mt-1" />
+                <div>
+                  <p className="font-semibold text-foreground">Adres</p>
+                  <p className="text-foreground/80">ul. Ślężna 112a</p>
+                  <p className="text-foreground/80">Wrocław, Polska</p>
+                </div>
+              </div>
+            </div>
+
+            {/* Right Column - Contact Information */}
+            <div className="flex flex-col gap-8">
+              <div>
+                <h3 className="text-2xl md:text-3xl font-bold text-foreground mb-8">Informacje Kontaktowe</h3>
+              </div>
+
+              {/* Company Info */}
+              <div className="flex items-start gap-3 p-6 rounded-xl bg-card/50 backdrop-blur-sm border border-accent/20">
+                <Building2 className="w-6 h-6 text-primary-cta flex-shrink-0 mt-1" />
+                <div>
+                  <p className="font-semibold text-foreground">TrenArt Usługi Informatyczne</p>
+                  <p className="text-sm text-foreground/70 mt-2">Właściciel: Artur Mroczko</p>
+                  <p className="text-sm text-foreground/70">NIP: PL 8851413054</p>
+                </div>
+              </div>
+
+              {/* Phone Numbers */}
+              <div className="space-y-3">
+                <h4 className="font-semibold text-foreground">Numery Telefonów</h4>
+                <a
+                  href="tel:+48501769327"
+                  className="flex items-center gap-3 p-4 rounded-lg bg-card/50 hover:bg-card transition-colors border border-accent/20 hover:border-primary-cta/50"
+                >
+                  <Phone className="w-5 h-5 text-primary-cta flex-shrink-0" />
+                  <div>
+                    <p className="text-sm text-foreground/70">Artur</p>
+                    <p className="font-semibold text-foreground">+48 501 769 327</p>
+                  </div>
+                </a>
+                <a
+                  href="tel:+48798425014"
+                  className="flex items-center gap-3 p-4 rounded-lg bg-card/50 hover:bg-card transition-colors border border-accent/20 hover:border-primary-cta/50"
+                >
+                  <Phone className="w-5 h-5 text-primary-cta flex-shrink-0" />
+                  <div>
+                    <p className="text-sm text-foreground/70">Arek</p>
+                    <p className="font-semibold text-foreground">+48 798 425 014</p>
+                  </div>
+                </a>
+              </div>
+
+              {/* Email */}
+              <div className="flex items-start gap-3 p-4 rounded-lg bg-card/50 border border-accent/20">
+                <Mail className="w-5 h-5 text-primary-cta flex-shrink-0 mt-1" />
+                <div>
+                  <p className="text-sm text-foreground/70">Email</p>
+                  <a href="mailto:info@trenart.pl" className="font-semibold text-primary-cta hover:underline">
+                    info@trenart.pl
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterLogoEmphasis
           logoText="TrenART"