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

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">
          Business Solutions
        </h1>
        <p className="text-xl text-muted-foreground max-w-2xl mx-auto leading-relaxed">
          We provide comprehensive business solutions including DIA (Dedicated Internet Access) with
          SLA and bandwidth guarantees to ensure your business stays connected.
        </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">
            Whether you are upgrading your current LAN for greater bandwidth and reliability or
            installing a new LAN for a new facility, Assist Solutions will ensure you make informed
            decisions. From cable installation and data switches to configuration of routers and
            firewalls, we help you determine a cost-effective and reliable way to do this.
          </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">
            We provide onsite and remote support to make sure your network is up and running as
            quickly as possible. Assist Solutions can help with your IT needs so you can grow your
            business with ease and stability. From computer networks to phone and printer
            installations, our team will complete your project to your highest satisfaction.
          </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">
            Dedicated Internet Access is designed for businesses that need greater Internet capacity
            and a dedicated connection between their existing Local Area Network (LAN) and the
            public Internet. We are able to provide a bandwidth guarantee with a service level
            agreement depending on what is most suitable for your business.
          </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">
            Our Data Center Service provides high-quality data center facilities in Equinix (Tokyo
            Tennozu Isle) and GDC (Gotenyama) and many value-added network services to help
            establish stable infrastructure platforms. This improves both reliability and efficiency
            in your company.
          </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">
          Interested in our Business Solutions?
        </h2>
        <p className="text-muted-foreground mb-8 max-w-2xl mx-auto">
          Contact us today to discuss your requirements and how we can help your business grow.
        </p>
        <Button as="a" href="/contact" size="lg">
          Contact Us
        </Button>
      </div>
    </div>
  );
}
