import type { Metadata } from "next";
import { Button } from "@/components/atoms";
import { Server, Monitor, Wrench, Globe } from "lucide-react";

export const metadata: Metadata = {
  title: "IT Solutions for International Businesses in Japan | Assist Solutions",
  description:
    "Enterprise IT for foreign companies in Japan. Dedicated internet, office networks, data center hosting, all with bilingual support. We understand international business needs.",
  keywords: [
    "IT for foreign companies Japan",
    "international business IT Tokyo",
    "bilingual IT support Japan",
    "office network setup foreigners",
    "enterprise IT English support",
  ],
  openGraph: {
    title: "Business IT for International Companies - Assist Solutions",
    description:
      "Enterprise IT with bilingual support. Dedicated internet, office networks, and data center services for foreign companies in Japan.",
    type: "website",
  },
};

export default function BusinessSolutionsPage() {
  return (
    <div className="max-w-6xl mx-auto px-4">
      {/* Header */}
      <div className="text-center mb-16 pt-8">
        <h1 className="text-4xl sm:text-5xl font-extrabold text-foreground mb-6 tracking-tight">
          IT for International Businesses
        </h1>
        <p className="text-xl text-muted-foreground max-w-2xl mx-auto leading-relaxed">
          Running an international company in Japan? We provide enterprise IT with bilingual
          support, so your team can focus on business, not navigating Japanese tech providers.
        </p>
      </div>

      <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16">
        {/* Office LAN Setup */}
        <div className="bg-card rounded-2xl border border-border/60 p-8 shadow-sm">
          <div className="h-12 w-12 rounded-xl bg-primary/10 flex items-center justify-center text-primary mb-6">
            <Monitor className="h-6 w-6" />
          </div>
          <h2 className="text-2xl font-bold text-foreground mb-4">Office LAN Setup</h2>
          <p className="text-muted-foreground leading-relaxed mb-6">
            Setting up a new office or upgrading your network? We handle everything in English. from
            planning to installation. Cable runs, switches, routers, and firewalls configured by
            bilingual technicians who understand international business needs.
          </p>
        </div>

        {/* Onsite & Remote Tech Support */}
        <div className="bg-card rounded-2xl border border-border/60 p-8 shadow-sm">
          <div className="h-12 w-12 rounded-xl bg-primary/10 flex items-center justify-center text-primary mb-6">
            <Wrench className="h-6 w-6" />
          </div>
          <h2 className="text-2xl font-bold text-foreground mb-4">Onsite & Remote Tech Support</h2>
          <p className="text-muted-foreground leading-relaxed mb-6">
            IT issues don&apos;t wait, and neither do we. Our English-speaking technicians provide
            fast onsite and remote support for your business. Network problems, hardware issues,
            software setup. We keep your operations running smoothly.
          </p>
        </div>

        {/* Dedicated Internet Access (DIA) */}
        <div className="bg-card rounded-2xl border border-border/60 p-8 shadow-sm">
          <div className="h-12 w-12 rounded-xl bg-primary/10 flex items-center justify-center text-primary mb-6">
            <Globe className="h-6 w-6" />
          </div>
          <h2 className="text-2xl font-bold text-foreground mb-4">
            Dedicated Internet Access (DIA)
          </h2>
          <p className="text-muted-foreground leading-relaxed mb-6">
            Need guaranteed bandwidth for your business? Our Dedicated Internet Access provides
            enterprise-grade connectivity with SLA guarantees. Perfect for companies requiring
            reliable, high-capacity connections with English contracts and support.
          </p>
        </div>

        {/* Data Center Service */}
        <div className="bg-card rounded-2xl border border-border/60 p-8 shadow-sm">
          <div className="h-12 w-12 rounded-xl bg-primary/10 flex items-center justify-center text-primary mb-6">
            <Server className="h-6 w-6" />
          </div>
          <h2 className="text-2xl font-bold text-foreground mb-4">Data Center Service</h2>
          <p className="text-muted-foreground leading-relaxed mb-6">
            Host your infrastructure in world-class Tokyo data centers (Equinix, GDC Gotenyama). We
            provide colocation and managed services with English support, making it easy for
            international companies to establish reliable IT infrastructure in Japan.
          </p>
        </div>
      </div>

      {/* CTA */}
      <div className="text-center py-12 bg-muted/20 rounded-3xl mb-16">
        <h2 className="text-2xl font-bold text-foreground mb-4">
          Let&apos;s Talk About Your IT Needs
        </h2>
        <p className="text-muted-foreground mb-8 max-w-2xl mx-auto">
          Running an international business in Japan comes with unique challenges. We&apos;ve been
          helping foreign companies navigate Japanese IT for over 20 years. Let&apos;s discuss how
          we can support your operations.
        </p>
        <Button as="a" href="/contact" size="lg">
          Get in Touch
        </Button>
      </div>
    </div>
  );
}
