remove JS
Signed-off-by: Xe Iaso <me@xeiaso.net>
This commit is contained in:
parent
5e69e68199
commit
7a60f17f2a
SSH Key Fingerprint:
SHA256:4VmLEcSFkJqNVktQ6/3CA2uSk8wGZ8VEzLmTQTyjngM
@ -8,7 +8,7 @@ on:
|
|||||||
|
|
||||||
jobs:
|
jobs:
|
||||||
tests:
|
tests:
|
||||||
name: example earthly test
|
name: Build and deploy
|
||||||
runs-on: ubuntu-latest
|
runs-on: ubuntu-latest
|
||||||
env:
|
env:
|
||||||
EARTHLY_TOKEN: ${{ secrets.EARTHLY_TOKEN }}
|
EARTHLY_TOKEN: ${{ secrets.EARTHLY_TOKEN }}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import { User, Award, Globe } from "lucide-react";
|
import { User, Award, Globe } from "lucide-react";
|
||||||
import { Button } from "@/components/ui/Button";
|
import { Button } from "@/components/ui/button";
|
||||||
import { allAuthors } from "@/.content-collections/generated";
|
import { allAuthors } from "@/.content-collections/generated";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
|||||||
@ -1,37 +0,0 @@
|
|||||||
import ContactForm from "@/components/contact-form";
|
|
||||||
|
|
||||||
export const metadata = {
|
|
||||||
title: "Contact Us",
|
|
||||||
description: "Need our help? Get in touch!",
|
|
||||||
};
|
|
||||||
|
|
||||||
const ContactPage = () => {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<header className="bg-white shadow">
|
|
||||||
<div className="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
|
|
||||||
<h1 className="text-3xl font-bold text-gray-900">Contact Us</h1>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<div className="bg-gray-100 mx-auto text-gray-900 px-4 pt-8">
|
|
||||||
<div className="grid grid-cols-1 gap-8 max-w-3xl mx-auto">
|
|
||||||
<div className="text-gray-900">
|
|
||||||
<h2 className="text-xl font-semibold mb-4">Get in Touch</h2>
|
|
||||||
<p className="mb-4">We would love to hear from you. Please fill out the form below or use our contact information.</p>
|
|
||||||
|
|
||||||
<h3 className="text-lg font-semibold mb-2">Contact Information</h3>
|
|
||||||
<p>Email: sales@techaro.lol</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="pb-4">
|
|
||||||
<h2 className="text-xl font-semibold mb-4">Contact Form</h2>
|
|
||||||
<noscript className="my-2">Enable JavaScript to use the contact form. It{"'"}s 2024. Give up.</noscript>
|
|
||||||
<ContactForm />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default ContactPage;
|
|
||||||
42
app/contact/page.tsx
Normal file
42
app/contact/page.tsx
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
import ContactForm from "@/components/contact-form";
|
||||||
|
|
||||||
|
export const metadata = {
|
||||||
|
title: "Contact Us",
|
||||||
|
description: "Need our help? Get in touch!",
|
||||||
|
};
|
||||||
|
|
||||||
|
const ContactPage = () => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<header className="bg-white shadow">
|
||||||
|
<div className="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
|
||||||
|
<h1 className="text-3xl font-bold text-gray-900">Contact Us</h1>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div className="bg-gray-100 mx-auto text-gray-900 px-4 pt-8">
|
||||||
|
<div className="grid grid-cols-1 gap-8 max-w-3xl mx-auto">
|
||||||
|
<div className="text-gray-900">
|
||||||
|
<h2 className="text-xl font-semibold mb-4">Get in Touch</h2>
|
||||||
|
<p className="mb-4">
|
||||||
|
We would love to hear from you. Please fill out the form below or
|
||||||
|
use our contact information.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3 className="text-lg font-semibold mb-2">Contact Information</h3>
|
||||||
|
<p>Email: sales@techaro.lol</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="pb-4">
|
||||||
|
<h2 className="text-xl font-semibold mb-4">Contact Form</h2>
|
||||||
|
<noscript className="my-2">
|
||||||
|
Enable JavaScript to use the contact form. It{"'"}s 2024. Give up.
|
||||||
|
</noscript>
|
||||||
|
<ContactForm />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ContactPage;
|
||||||
@ -3,7 +3,7 @@ import { Inter, Podkova } from "next/font/google";
|
|||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import { Button } from "@/components/ui/Button";
|
import { Button } from "@/components/ui/button";
|
||||||
import Head from "next/head";
|
import Head from "next/head";
|
||||||
|
|
||||||
const inter = Inter({
|
const inter = Inter({
|
||||||
|
|||||||
91
app/page.jsx
91
app/page.jsx
@ -1,91 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from 'next/link';
|
|
||||||
import { ChevronRight, Laptop, Users, TrendingUp, Brain } from 'lucide-react';
|
|
||||||
import { Button } from '@/components/ui/Button';
|
|
||||||
|
|
||||||
const HomePage = () => {
|
|
||||||
return (
|
|
||||||
<div className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
|
|
||||||
<div className="px-4 py-6 sm:px-0">
|
|
||||||
<div className="text-center">
|
|
||||||
<h1 className="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
|
|
||||||
<span className="block">Transform Your Business</span>
|
|
||||||
<span className="block text-blue-600">with Techaro Computing Canada</span>
|
|
||||||
</h1>
|
|
||||||
<p className="mt-3 max-w-md mx-auto text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
|
|
||||||
We help Canadian businesses leverage cutting-edge technology to drive growth, efficiency, and innovation.
|
|
||||||
</p>
|
|
||||||
<div className="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8">
|
|
||||||
<div className="rounded-md shadow">
|
|
||||||
<Link href="/contact" passHref>
|
|
||||||
<Button className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10">
|
|
||||||
Get started
|
|
||||||
<ChevronRight className="ml-2 -mr-1 h-5 w-5" />
|
|
||||||
</Button>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
<div className="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
|
|
||||||
<Link href="/services" passHref>
|
|
||||||
<Button variant="outline" className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-blue-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10">
|
|
||||||
Learn more
|
|
||||||
</Button>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="mt-10">
|
|
||||||
<h2 className="text-2xl font-semibold text-gray-900 text-center">Our Services</h2>
|
|
||||||
<div className="mt-6 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
|
|
||||||
{[
|
|
||||||
{ icon: Laptop, title: "IT Strategy", description: "Align your technology investments with your business goals for maximum impact." },
|
|
||||||
{ icon: Users, title: "Digital Transformation", description: "Modernize your operations and customer experiences with cutting-edge digital solutions." },
|
|
||||||
{ icon: TrendingUp, title: "Data Analytics", description: "Unlock the power of your data to drive informed decision-making and business growth." }
|
|
||||||
].map((service, index) => (
|
|
||||||
<div key={index} className="pt-6">
|
|
||||||
<div className="flow-root bg-white rounded-lg px-6 pb-8">
|
|
||||||
<div className="-mt-6">
|
|
||||||
<div>
|
|
||||||
<span className="inline-flex items-center justify-center p-3 bg-blue-500 rounded-md shadow-lg">
|
|
||||||
<service.icon className="h-6 w-6 text-white" />
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<h3 className="mt-8 text-lg font-medium text-gray-900 tracking-tight">{service.title}</h3>
|
|
||||||
<p className="mt-5 text-base text-gray-500">{service.description}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="mt-16 bg-blue-700 rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4">
|
|
||||||
<div className="pt-10 pb-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-20">
|
|
||||||
<div className="lg:self-center">
|
|
||||||
<h2 className="text-3xl font-extrabold text-white sm:text-4xl">
|
|
||||||
<span className="block">Transform Your Business</span>
|
|
||||||
<span className="block">with Industry-Leading AI Tools</span>
|
|
||||||
</h2>
|
|
||||||
<p className="mt-4 text-lg leading-6 text-blue-200">
|
|
||||||
At Techaro Computing Canada, we offer transformational experiences by leveraging cutting-edge AI technologies. Our solutions empower your business to stay ahead in the rapidly evolving digital landscape.
|
|
||||||
</p>
|
|
||||||
<Link href="/services#ai" passHref>
|
|
||||||
<Button className="mt-8 bg-white border border-transparent rounded-md shadow px-5 py-3 inline-flex items-center text-base font-medium text-blue-600 hover:bg-blue-50">
|
|
||||||
Learn about our AI solutions
|
|
||||||
</Button>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="relative -mt-6 aspect-w-5 aspect-h-3 md:aspect-w-2 md:aspect-h-1">
|
|
||||||
<div className="absolute inset-0 flex items-center justify-center">
|
|
||||||
<Brain className="h-48 w-48 text-blue-100" />
|
|
||||||
</div>
|
|
||||||
<div className="absolute inset-0 bg-blue-600 opacity-25"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default HomePage;
|
|
||||||
121
app/page.tsx
Normal file
121
app/page.tsx
Normal file
@ -0,0 +1,121 @@
|
|||||||
|
import React from "react";
|
||||||
|
import Link from "next/link";
|
||||||
|
import { ChevronRight, Laptop, Users, TrendingUp, Brain } from "lucide-react";
|
||||||
|
import { Button } from "@/components/button";
|
||||||
|
|
||||||
|
const HomePage = () => {
|
||||||
|
return (
|
||||||
|
<div className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
|
||||||
|
<div className="px-4 py-6 sm:px-0">
|
||||||
|
<div className="text-center">
|
||||||
|
<h1 className="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
|
||||||
|
<span className="block">Transform Your Business</span>
|
||||||
|
<span className="block text-blue-600">
|
||||||
|
with Techaro Computing Canada
|
||||||
|
</span>
|
||||||
|
</h1>
|
||||||
|
<p className="mt-3 max-w-md mx-auto text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
|
||||||
|
We help Canadian businesses leverage cutting-edge technology to
|
||||||
|
drive growth, efficiency, and innovation.
|
||||||
|
</p>
|
||||||
|
<div className="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8">
|
||||||
|
<div className="rounded-md shadow">
|
||||||
|
<Link href="/contact" passHref>
|
||||||
|
<Button className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10">
|
||||||
|
Get started
|
||||||
|
<ChevronRight className="ml-2 -mr-1 h-5 w-5" />
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
<div className="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
|
||||||
|
<Link href="/services" passHref>
|
||||||
|
<Button
|
||||||
|
variant="outline"
|
||||||
|
className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-blue-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"
|
||||||
|
>
|
||||||
|
Learn more
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-10">
|
||||||
|
<h2 className="text-2xl font-semibold text-gray-900 text-center">
|
||||||
|
Our Services
|
||||||
|
</h2>
|
||||||
|
<div className="mt-6 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
|
||||||
|
{[
|
||||||
|
{
|
||||||
|
icon: Laptop,
|
||||||
|
title: "IT Strategy",
|
||||||
|
description:
|
||||||
|
"Align your technology investments with your business goals for maximum impact.",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: Users,
|
||||||
|
title: "Digital Transformation",
|
||||||
|
description:
|
||||||
|
"Modernize your operations and customer experiences with cutting-edge digital solutions.",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: TrendingUp,
|
||||||
|
title: "Data Analytics",
|
||||||
|
description:
|
||||||
|
"Unlock the power of your data to drive informed decision-making and business growth.",
|
||||||
|
},
|
||||||
|
].map((service, index) => (
|
||||||
|
<div key={index} className="pt-6">
|
||||||
|
<div className="flow-root bg-white rounded-lg px-6 pb-8">
|
||||||
|
<div className="-mt-6">
|
||||||
|
<div>
|
||||||
|
<span className="inline-flex items-center justify-center p-3 bg-blue-500 rounded-md shadow-lg">
|
||||||
|
<service.icon className="h-6 w-6 text-white" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<h3 className="mt-8 text-lg font-medium text-gray-900 tracking-tight">
|
||||||
|
{service.title}
|
||||||
|
</h3>
|
||||||
|
<p className="mt-5 text-base text-gray-500">
|
||||||
|
{service.description}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-16 bg-blue-700 rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4">
|
||||||
|
<div className="pt-10 pb-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-20">
|
||||||
|
<div className="lg:self-center">
|
||||||
|
<h2 className="text-3xl font-extrabold text-white sm:text-4xl">
|
||||||
|
<span className="block">Transform Your Business</span>
|
||||||
|
<span className="block">with Industry-Leading AI Tools</span>
|
||||||
|
</h2>
|
||||||
|
<p className="mt-4 text-lg leading-6 text-blue-200">
|
||||||
|
At Techaro Computing Canada, we offer transformational experiences
|
||||||
|
by leveraging cutting-edge AI technologies. Our solutions empower
|
||||||
|
your business to stay ahead in the rapidly evolving digital
|
||||||
|
landscape.
|
||||||
|
</p>
|
||||||
|
<Link href="/services#ai" passHref>
|
||||||
|
<Button className="mt-8 bg-white border border-transparent rounded-md shadow px-5 py-3 inline-flex items-center text-base font-medium text-blue-600 hover:bg-blue-50">
|
||||||
|
Learn about our AI solutions
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="relative -mt-6 aspect-w-5 aspect-h-3 md:aspect-w-2 md:aspect-h-1">
|
||||||
|
<div className="absolute inset-0 flex items-center justify-center">
|
||||||
|
<Brain className="h-48 w-48 text-blue-100" />
|
||||||
|
</div>
|
||||||
|
<div className="absolute inset-0 bg-blue-600 opacity-25"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default HomePage;
|
||||||
@ -1,90 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import Link from 'next/link';
|
|
||||||
import { Cpu, Database, Cloud, Shield, Users, TrendingUp } from 'lucide-react';
|
|
||||||
import { Button } from '@/components/ui/Button';
|
|
||||||
|
|
||||||
export const metadata = {
|
|
||||||
title: "Services",
|
|
||||||
description: "Sample everything that Techaro has to offer"
|
|
||||||
};
|
|
||||||
|
|
||||||
const ServiceCard = ({ icon: Icon, title, description }) => (
|
|
||||||
<div className="bg-white overflow-hidden shadow rounded-lg">
|
|
||||||
<div className="px-4 py-5 sm:p-6">
|
|
||||||
<Icon className="h-8 w-8 text-blue-500 mb-4" />
|
|
||||||
<h3 className="text-lg font-medium text-gray-900">{title}</h3>
|
|
||||||
<p className="mt-2 text-base text-gray-500">{description}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
const ServicesPage = () => {
|
|
||||||
const services = [
|
|
||||||
{
|
|
||||||
icon: Cpu,
|
|
||||||
title: "AI and Machine Learning",
|
|
||||||
description: "Leverage cutting-edge AI technologies to automate processes, gain insights, and drive innovation in your business."
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Database,
|
|
||||||
title: "Data Analytics",
|
|
||||||
description: "Transform your raw data into actionable insights with our advanced analytics solutions."
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Cloud,
|
|
||||||
title: "Cloud Migration",
|
|
||||||
description: "Seamlessly transition your infrastructure and applications to the cloud for improved scalability and efficiency."
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Shield,
|
|
||||||
title: "Cybersecurity",
|
|
||||||
description: "Protect your digital assets with our comprehensive cybersecurity services and solutions."
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Users,
|
|
||||||
title: "Digital Transformation",
|
|
||||||
description: "Modernize your business processes and customer experiences with our digital transformation strategies."
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: TrendingUp,
|
|
||||||
title: "IT Strategy Consulting",
|
|
||||||
description: "Align your technology investments with your business goals to maximize ROI and drive growth."
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="bg-gray-100 min-h-screen">
|
|
||||||
<header className="bg-white shadow">
|
|
||||||
<div className="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
|
|
||||||
<h1 className="text-3xl font-bold text-gray-900">Our Services</h1>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<div className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
|
|
||||||
<div className="px-4 py-6 sm:px-0">
|
|
||||||
<div className="text-center mb-12">
|
|
||||||
<h2 className="text-3xl font-extrabold text-gray-900 sm:text-4xl">
|
|
||||||
Comprehensive IT Solutions for Canadian Businesses
|
|
||||||
</h2>
|
|
||||||
<p className="mt-4 text-xl text-gray-500">
|
|
||||||
At Techaro Computing Canada, we offer a wide range of services to help your business thrive in the digital age.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
|
|
||||||
{services.map((service, index) => (
|
|
||||||
<ServiceCard key={index} {...service} />
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
<div className="mt-12 text-center">
|
|
||||||
<Link href="/contact" passHref>
|
|
||||||
<Button className="px-6 py-3 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition duration-300">
|
|
||||||
Contact Us for a Consultation
|
|
||||||
</Button>
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default ServicesPage;
|
|
||||||
105
app/services/page.tsx
Normal file
105
app/services/page.tsx
Normal file
@ -0,0 +1,105 @@
|
|||||||
|
import React from "react";
|
||||||
|
import Link from "next/link";
|
||||||
|
import { Cpu, Database, Cloud, Shield, Users, TrendingUp } from "lucide-react";
|
||||||
|
import { Button } from "@/components/button";
|
||||||
|
|
||||||
|
export const metadata = {
|
||||||
|
title: "Services",
|
||||||
|
description: "Sample everything that Techaro has to offer",
|
||||||
|
};
|
||||||
|
|
||||||
|
const ServiceCard = ({
|
||||||
|
icon: Icon,
|
||||||
|
title,
|
||||||
|
description,
|
||||||
|
}: {
|
||||||
|
icon: any;
|
||||||
|
title: string;
|
||||||
|
description: string;
|
||||||
|
}) => (
|
||||||
|
<div className="bg-white overflow-hidden shadow rounded-lg">
|
||||||
|
<div className="px-4 py-5 sm:p-6">
|
||||||
|
<Icon className="h-8 w-8 text-blue-500 mb-4" />
|
||||||
|
<h3 className="text-lg font-medium text-gray-900">{title}</h3>
|
||||||
|
<p className="mt-2 text-base text-gray-500">{description}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
|
||||||
|
const ServicesPage = () => {
|
||||||
|
const services = [
|
||||||
|
{
|
||||||
|
icon: Cpu,
|
||||||
|
title: "AI and Machine Learning",
|
||||||
|
description:
|
||||||
|
"Leverage cutting-edge AI technologies to automate processes, gain insights, and drive innovation in your business.",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: Database,
|
||||||
|
title: "Data Analytics",
|
||||||
|
description:
|
||||||
|
"Transform your raw data into actionable insights with our advanced analytics solutions.",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: Cloud,
|
||||||
|
title: "Cloud Migration",
|
||||||
|
description:
|
||||||
|
"Seamlessly transition your infrastructure and applications to the cloud for improved scalability and efficiency.",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: Shield,
|
||||||
|
title: "Cybersecurity",
|
||||||
|
description:
|
||||||
|
"Protect your digital assets with our comprehensive cybersecurity services and solutions.",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: Users,
|
||||||
|
title: "Digital Transformation",
|
||||||
|
description:
|
||||||
|
"Modernize your business processes and customer experiences with our digital transformation strategies.",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: TrendingUp,
|
||||||
|
title: "IT Strategy Consulting",
|
||||||
|
description:
|
||||||
|
"Align your technology investments with your business goals to maximize ROI and drive growth.",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="bg-gray-100 min-h-screen">
|
||||||
|
<header className="bg-white shadow">
|
||||||
|
<div className="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
|
||||||
|
<h1 className="text-3xl font-bold text-gray-900">Our Services</h1>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
|
||||||
|
<div className="px-4 py-6 sm:px-0">
|
||||||
|
<div className="text-center mb-12">
|
||||||
|
<h2 className="text-3xl font-extrabold text-gray-900 sm:text-4xl">
|
||||||
|
Comprehensive IT Solutions for Canadian Businesses
|
||||||
|
</h2>
|
||||||
|
<p className="mt-4 text-xl text-gray-500">
|
||||||
|
At Techaro Computing Canada, we offer a wide range of services to
|
||||||
|
help your business thrive in the digital age.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
|
||||||
|
{services.map((service, index) => (
|
||||||
|
<ServiceCard key={index} {...service} />
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
<div className="mt-12 text-center">
|
||||||
|
<Link href="/contact" passHref>
|
||||||
|
<Button className="px-6 py-3 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition duration-300">
|
||||||
|
Contact Us for a Consultation
|
||||||
|
</Button>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ServicesPage;
|
||||||
Loading…
x
Reference in New Issue
Block a user