{service.icon}
- {service.title}
-- {service.description} -
-- Since 2002, Assist Solutions has been the trusted IT partner for expats and - international businesses in Japan. We understand the unique challenges of living - and working in a country where language barriers can make simple tasks difficult. -
-- Our bilingual team provides internet, mobile, VPN, and tech support services with - full English support. No Japanese required. We handle everything from contracts to - installation coordination, so you can focus on enjoying life in Japan. -
-- {service.description} -
-- These principles guide how we serve customers, support our community, and advance our - craft every day. -
-- {/* Text */} -
{value.text}
-- {/* Text */} -
{value.text}
-
- 3F Azabu Maruka Bldg., 3-8-2 Higashi Azabu,
-
+ Assist Solutions has been the go-to IT partner for expats and international
+ businesses in Japan for over two decades. We understand the unique challenges of
+ living and working where language barriers can make simple tasks difficult.
+
+ Our bilingual team provides internet, mobile, VPN, and tech support with full
+ English service. No Japanese required — we handle everything from contracts to
+ installation.
Daisuke Nagakawa
- 21 Staff Members (as of March 31st, 2025)
- March 8, 2002 40,000,000 JPY Mon - Fri 9:30AM - 6:00PM — Customer Support Team Mon - Fri 9:30AM - 6:00PM — In-office Tech Support Team Mon - Sat 10:00AM - 9:00PM — Onsite Tech Support Team
+ End-to-end IT services designed for the international community in Japan — all in
+ English.
+
+ {service.description}
+
+ These principles guide how we serve customers, support our community, and advance our
+ craft every day.
+ {value.text}
+ {item.label}
+ {item.value}
+ 3F Azabu Maruka Bldg., 3-8-2 Higashi Azabu
+ Minato-ku, Tokyo 106-0044
+
+
{eyebrow}
+
{step.description}
{description} {description}
- Minato-ku, Tokyo 106-0044
-
- Tel: 03-3560-1006 Fax: 03-3560-1007
+
+
+
+
+ );
+}
+
+function ServicesSection() {
+ return (
+
+
+ Since 2002
+
+
-
- {/* Row 2: corporate data list | map (no stretch, no extra space below left column) */}
-
+ Your Trusted IT Partner in Japan
+
+
+
-
-
+
-
-
-
-
-
-
-
- Representative Director
-
-
-
-
-
-
- Employees
-
-
-
-
-
-
- Established
-
-
-
-
-
-
- Paid in Capital
-
-
-
-
-
- Business Hours
-
-
-
-
-
-
+
+
+
+
+
+
+ What We Do
+
+ {services.map(service => {
+ const Icon = service.icon;
+ return (
+
+
+
+ );
+ })}
+
+
+ {service.title}
+
+
+
+
+
+ Our Values
+
+ {values.map(value => {
+ const Icon = value.icon;
+ return (
+
+
+
+ );
+ })}
+
+
+
+ {value.title}
+
+
+
+
+
+
+ Corporate Data
+
+
+
+
);
}
-export default AboutUsView;
+function CorporateMap() {
+ return (
+
+ {corporateDetails.map(item => {
+ const Icon = item.icon;
+ return (
+
+
+
+
+ );
+ })}
+
+
+
+
+
+
+
+
+ Business Hours
+
+
+ {businessHours.map(item => (
+
+
+ {item.team}
+ {item.hours}
+
+ ))}
+
+
+
+
+
+ );
+}
+
+/* ─── Main view ─── */
+
+/**
+ * AboutUsView - Corporate profile and company information
+ *
+ * Displays company background, services, values, and corporate data
+ * for Assist Solutions.
+ */
+export function AboutUsView() {
+ return (
+
+
+
+
+
+ );
+}
diff --git a/apps/portal/src/features/services/components/base/HowItWorks.tsx b/apps/portal/src/features/services/components/base/HowItWorks.tsx
index de72cb88..b4de2de5 100644
--- a/apps/portal/src/features/services/components/base/HowItWorks.tsx
+++ b/apps/portal/src/features/services/components/base/HowItWorks.tsx
@@ -17,10 +17,8 @@ export interface HowItWorksProps {
}
/**
- * HowItWorks - Visual step-by-step process component
- *
- * Displays a numbered process with icons and descriptions.
- * Horizontal layout on desktop, vertical stack on mobile.
+ * HowItWorks - Visual step-by-step process.
+ * Horizontal on desktop, vertical stack on mobile.
*/
export function HowItWorks({
title = "How It Works",
@@ -29,50 +27,46 @@ export function HowItWorks({
className,
}: HowItWorksProps) {
return (
-
-
- {/* Steps Container */}
+ {/* Steps */}
+
{title}
- {/* Connection line - visible on md+ */}
+ {/* Connection line — desktop */}
- {/* Steps Grid */}
{steps.map((step, index) => (
- {/* Step Number Badge */}
-
- {/* Icon Container */}
-
+ {/* Icon */}
+
+
))}
diff --git a/apps/portal/src/features/services/components/base/ServiceCTA.tsx b/apps/portal/src/features/services/components/base/ServiceCTA.tsx
index 749b8abb..757a1292 100644
--- a/apps/portal/src/features/services/components/base/ServiceCTA.tsx
+++ b/apps/portal/src/features/services/components/base/ServiceCTA.tsx
@@ -25,10 +25,7 @@ export interface ServiceCTAProps {
}
/**
- * ServiceCTA - Reusable call-to-action section
- *
- * Gradient background CTA with decorative elements.
- * Used at the bottom of service pages to drive conversion.
+ * ServiceCTA - Call-to-action section with decorative background.
*/
export function ServiceCTA({
eyebrow = "Get started in minutes",
@@ -40,38 +37,32 @@ export function ServiceCTA({
className,
}: ServiceCTAProps) {
return (
-
{step.icon}
- {/* Number Badge */}
-
+
- {/* Content */}
-
{index + 1}
{step.title}
- {step.title}
+
- {/* Eyebrow */}
-
+
{eyebrowIcon}
{eyebrow}
- {/* Headline */}
-
+
{headline}
- {/* Description */}
-
{primaryAction.onClick ? (