asowneryt/computer-repair
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tailwind

Browse Source
This commit is contained in:
ASOwnerYT
2025-01-17 12:59:14 +13:00
parent 6099f435f6
commit 6bd97588ea
18 changed files with 1235 additions and 484 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/page.js
+27 -24
View File
@@ -2,8 +2,6 @@ import Image from "next/image";
import styles from "./page.module.css";
import bgimage from "./assets/header-bg.jpg";
import Button from "./components/Button";
import Cards from "./components/Cards";
import Card from "./components/Card";
import Link from "next/link";
import { GoogleMapsEmbed } from "@next/third-parties/google";
@@ -26,9 +24,9 @@ export default function Home() {
}}
/>
<div className={styles.textbox}>
<div className="container">
<div className="container mx-auto">
<div className={styles.textboxInner}>
<h1 className={styles.h1}>Delivering Exceptional Service.</h1>
<h1 className="mb-4 text-6xl font-bold">Delivering Exceptional Service.</h1>
<p className={styles.p}>
<strong>
Fast, Reliable Computer Repairs in Te Atatu Peninsula
@@ -64,16 +62,18 @@ export default function Home() {
</div>
</section>
<section className="container mb">
<h1 className={styles.center}>Services we Offer</h1>
<Cards>
<Card>
<section className="container mx-auto mb-16">
<h1 className="text-center text-3xl font-bold mb-4">Services we Offer</h1>
<div className="text-center mb-4 flex flex-row flex-wrap justify-center">
<div className="max-w-xs p-4 text-center justify-center">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth={1.5}
stroke="currentColor"
width="6rem"
className="mx-auto mb-4"
>
<path
strokeLinecap="round"
@@ -81,20 +81,22 @@ export default function Home() {
d="M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25"
/>
</svg>
<h2>Computer Repair/Upgrades</h2>
<h2 className="text-xl font-bold mb-2">Computer Repair/Upgrades</h2>
<p>
We can fix anything from a broken screen to a software issue, or
upgrade your computer&apos;s parts and optimise Windows to get
your PC running like new again.
</p>
</Card>
<Card>
</div>
<div className="max-w-xs p-4 text-center justify-center">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth={1.5}
stroke="currentColor"
width="6rem"
className="mx-auto mb-4"
>
<path
strokeLinecap="round"
@@ -103,19 +105,21 @@ export default function Home() {
/>
</svg>
<h2>Desktop PC Building</h2>
<h2 className="text-xl font-bold mb-2">Desktop PC Building</h2>
<p>
We&apos;ll help you pick the parts and build a custom gaming or
workstation PC for you.
</p>
</Card>
<Card>
</div>
<div className="max-w-xs p-4 text-center justify-center">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth={1.5}
stroke="currentColor"
width="6rem"
className="mx-auto mb-4"
>
<path
strokeLinecap="round"
@@ -124,20 +128,22 @@ export default function Home() {
/>
</svg>
<h2>Remote Access Support</h2>
<h2 className="text-xl font-bold mb-2">Remote Access Support</h2>
<p>
We can remotely connect to your computer and fix
software/operating system related issues from the comfort of
your own home.
</p>
</Card>
<Card>
</div>
<div className="max-w-xs p-4 text-center justify-center">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth={1.5}
stroke="currentColor"
width="6rem"
className="mx-auto mb-4"
>
<path
strokeLinecap="round"
@@ -146,18 +152,15 @@ export default function Home() {
/>
</svg>
<h2>Web Development</h2>
<h2 className="text-xl font-bold mb-2">Web Development</h2>
<p>
We can develop a fast, modern and secure website for your
business using Wordpress or custom React/NextJS code.
</p>
</Card>
</Cards>
<p className={styles.center}>
<Link href="/services">And more...</Link>
</p>
</div>
</div>
</section>
<section className="container">
<section className="container mx-auto">
<div className={styles.map}>
<GoogleMapsEmbed
apiKey="AIzaSyDbgQY55TQY5CefsCUwKbc8RfoOUe8U5gY"