// src/app/components/footer/footer.component.ts
import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';

@Component({
  selector: 'app-call2action',
  standalone: true,
  imports: [CommonModule],
  template: `<section class="bg-blue-900 text-white py-20" data-aos="fade-up">
            <div
                class="container mx-auto px-6 flex flex-col md:flex-row items-center justify-between"
            >
                <!-- Text und Button -->
                <div class="md:w-1/2 mb-8 md:mb-0">
                    <h2 class="text-3xl font-bold">
                        Ready to Elevate Your IT Infrastructure?
                    </h2>
                    <p class="mt-4 text-lg">
                        Contact Bay Area Affiliates, Inc. today and let our
                        experts handle your IT needs.
                    </p>
                    <a
                        href="#contact"
                        class="mt-6 inline-block bg-white text-blue-900 px-6 py-3 rounded-full font-semibold hover:bg-gray-100"
                        >Get in Touch</a
                    >
                </div>
                <!-- Google Map Embed -->
                <div class="md:w-1/2 flex justify-center" data-aos="fade-up">
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3331.7894679685755!2d-98.48527228476843!3d27.773756032788047!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x866c1e3b8a9d0c0b%3A0x8f2c1d4c1a5c5b2c!2s1001%20Blucher%20St%2C%20Corpus%20Christi%2C%20TX%2078401%2C%20USA!5e0!3m2!1sen!2sde!4v1672531192743!5m2!1sen!2sde"
                        width="100%"
                        height="250"
                        class="rounded-lg shadow-lg"
                        style="border: 0"
                        allowfullscreen=""
                        loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade"
                    >
                    </iframe>
                </div>
            </div>
        </section>`
})
export class Call2ActionComponent{}