"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroLogo from "@/components/sections/hero/HeroLogo";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBase from "@/components/sections/footer/FooterBase";

export default function GermanyWorkVisaPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Services", id: "services" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Quick Links",
      items: [
        { label: "Home", href: "/" },
        { label: "Services", href: "/services/germany-work-visa" },
        { label: "About Us", href: "#" },
        { label: "Contact", href: "#contact-form" },
      ],
    },
    {
      title: "Services",
      items: [
        { label: "Germany Work Visa", href: "/services/germany-work-visa" },
        { label: "Canada PR", href: "#" },
        { label: "Australia PR", href: "#" },
        { label: "UK Work Visa", href: "#" },
      ],
    },
    {
      title: "Contact Info",
      items: [
        { label: "Phone: +91 98702 96179", href: "tel:+919870296179" },
        {
          label: "Address: Laxmi Deep Building, V3S Mall, Laxmi Nagar, Delhi",
          href: "#",
        },
        { label: "Email: info@infiniximmigration.com", href: "mailto:info@infiniximmigration.com" },
        { label: "WhatsApp: +91 98702 96179", href: "https://wa.me/919870296179" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Disclaimer", href: "#" },
        { label: "Code of Conduct", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Infinix Immigration Services"
          bottomLeftText="Delhi, India"
          bottomRightText="+91 98702 96179"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Germany Work Visa Consultant"
          description="Expert guidance for Germany Work Visa, Opportunity Card (Chancenkarte), and Blue Card programs. Real timelines. Transparent process. Success-focused strategy."
          buttons={[
            { text: "Call Now: +91 98702 96179", href: "tel:+919870296179" },
            { text: "Book Consultation", href: "#contact-form" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/hand-writing-travel-elements_23-2148077209.jpg?_wi=2"
          imageAlt="Germany Work Visa Consultation"
          showDimOverlay={false}
        />
      </div>

      <div id="germany-visa-programs" data-section="germany-visa-programs">
        <FeatureCardTwelve
          title="Germany Work Visa Programs We Support"
          description="Comprehensive guidance across all Germany work visa categories. Expert knowledge. Transparent timelines."
          features={[
            {
              id: "skilled-worker",
              label: "Skilled Worker Visa",
              title: "Germany Skilled Worker Visa (Fachkräftezuwanderung)",
              items: [
                "For IT professionals and skilled workers",
                "Requires relevant degree and job offer",
                "Processing time: 4-8 weeks",
                "Pathway to permanent residence after 33 months",
                "No language requirement for STEM professionals",
              ],
            },
            {
              id: "chancenkarte",
              label: "Opportunity Card",
              title: "Opportunity Card (Chancenkarte) - Germany's Points System",
              items: [
                "New points-based immigration system",
                "No job offer required upfront",
                "Six-month job search visa",
                "Designed for international talents",
                "Lower eligibility requirements than skilled worker visa",
              ],
            },
            {
              id: "blue-card",
              label: "EU Blue Card",
              title: "EU Blue Card for Highly Qualified Workers",
              items: [
                "For university graduates in IT, engineering, healthcare",
                "Priority visa for STEM professionals",
                "Processing time: 2-4 weeks (fastest option)",
                "Job offer not always required",
                "Pathway to permanent residence after 33 months",
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="application-requirements" data-section="application-requirements">
        <FeatureCardTwelve
          title="Germany Work Visa Requirements"
          description="Clear breakdown of what you need. Realistic assessment. Honest feedback on your eligibility."
          features={[
            {
              id: "qualification",
              label: "Qualification",
              title: "Education & Professional Credentials",
              items: [
                "Bachelor's degree (or higher) for skilled worker visa",
                "Relevant field of study matching job",
                "Recognized foreign qualifications",
                "Apostilled degree certificate",
                "English-translated documents required",
              ],
            },
            {
              id: "language",
              label: "Language",
              title: "German Language Requirements",
              items: [
                "B1 level German preferred (not always mandatory)",
                "A1 basic German sufficient for IT professionals",
                "TELC, TestDaF, or Goethe certification accepted",
                "Start learning German early for better integration",
                "Job requirements may vary by employer",
              ],
            },
            {
              id: "financial",
              label: "Financial",
              title: "Financial & Travel Documents",
              items: [
                "Proof of income/job offer letter",
                "Bank statements showing savings",
                "Valid passport (6+ months validity)",
                "Travel insurance coverage (while processing)",
                "No specific funds requirement if job offer exists",
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact-form" data-section="contact">
        <ContactSplitForm
          title="Start Your Germany Work Visa Journey"
          description="Get personalized consultation for your Germany work visa application. Let's discuss your profile, options, and next steps."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Full Name",
              required: true,
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "+91 Your Phone Number",
              required: true,
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email Address",
              required: true,
            },
            {
              name: "experience",
              type: "text",
              placeholder: "Years of work experience in your field",
              required: true,
            },
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your qualifications, job offer status, and career goals in Germany...",
            rows: 5,
            required: false,
          }}
          useInvertedBackground={false}
          buttonText="Request Germany Visa Consultation"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Infinix Immigration Services"
          copyrightText="© 2025 Infinix Immigration Services Pvt. Ltd. All rights reserved."
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
}