diff --git a/app/layout.tsx b/app/layout.tsx index 5e7eae2..4c8ce0d 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,53 +1,48 @@ -import type { Metadata } from 'next' -import { Space_Grotesk, Inter } from 'next/font/google' -import { Analytics } from '@vercel/analytics/next' -import { ChatwootWidget } from '@/components/chatwoot' -import './globals.css' +import type { Metadata } from "next"; +import { Space_Grotesk, Inter } from "next/font/google"; +import { Analytics } from "@vercel/analytics/next"; +import { ChatwootWidget } from "@/components/chatwoot"; +import "./globals.css"; -const spaceGrotesk = Space_Grotesk({ +const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], - variable: '--font-sans' + variable: "--font-sans", }); -const inter = Inter({ +const inter = Inter({ subsets: ["latin"], - variable: '--font-body' + variable: "--font-body", }); export const metadata: Metadata = { - title: 'Cloudrite | Every Business Needs an I.T Guy', - description: 'Auckland-based IT services company helping small businesses with websites, cloud hosting, IT support and repairs. We make tech simple.', - generator: 'v0.app', + title: "Cloudrite | Every Business Needs an I.T Guy", + description: + "Auckland-based IT services company helping small businesses with websites, cloud hosting, IT support and repairs. We make tech simple.", + generator: "v0.app", icons: { icon: [ { - url: '/icon-light-32x32.png', - media: '(prefers-color-scheme: light)', - }, - { - url: '/icon-dark-32x32.png', - media: '(prefers-color-scheme: dark)', - }, - { - url: '/icon.svg', - type: 'image/svg+xml', + url: "/icon.svg", + type: "image/svg+xml", }, ], - apple: '/apple-icon.png', + apple: "/apple-icon.png", }, -} +}; export default function RootLayout({ children, }: Readonly<{ - children: React.ReactNode + children: React.ReactNode; }>) { return ( - + {children} - ) + ); } diff --git a/components/header.tsx b/components/header.tsx index bd655d7..1847c13 100644 --- a/components/header.tsx +++ b/components/header.tsx @@ -1,28 +1,28 @@ -"use client" +"use client"; -import { useState, useEffect } from "react" -import Link from "next/link" -import { Menu, X, Cloud } from "lucide-react" -import { Button } from "@/components/ui/button" +import { useState, useEffect } from "react"; +import Link from "next/link"; +import { Menu, X, CloudCheck } from "lucide-react"; +import { Button } from "@/components/ui/button"; export function Header() { - const [isScrolled, setIsScrolled] = useState(false) - const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false) + const [isScrolled, setIsScrolled] = useState(false); + const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); useEffect(() => { const handleScroll = () => { - setIsScrolled(window.scrollY > 50) - } - window.addEventListener("scroll", handleScroll) - return () => window.removeEventListener("scroll", handleScroll) - }, []) + setIsScrolled(window.scrollY > 50); + }; + window.addEventListener("scroll", handleScroll); + return () => window.removeEventListener("scroll", handleScroll); + }, []); const navLinks = [ { href: "#services", label: "Services" }, { href: "#features", label: "Why Us" }, { href: "#process", label: "Process" }, { href: "#contact", label: "Contact" }, - ] + ]; return (
- +
@@ -78,12 +78,16 @@ export function Header() {
@@ -120,5 +124,5 @@ export function Header() {
- ) + ); } diff --git a/public/apple-icon.png b/public/apple-icon.png index f9418b4..efe03d3 100644 Binary files a/public/apple-icon.png and b/public/apple-icon.png differ diff --git a/public/icon-dark-32x32.png b/public/icon-dark-32x32.png deleted file mode 100644 index 12c825a..0000000 Binary files a/public/icon-dark-32x32.png and /dev/null differ diff --git a/public/icon-light-32x32.png b/public/icon-light-32x32.png deleted file mode 100644 index a3462cc..0000000 Binary files a/public/icon-light-32x32.png and /dev/null differ diff --git a/public/icon.svg b/public/icon.svg index 5c11e6c..25d425a 100644 --- a/public/icon.svg +++ b/public/icon.svg @@ -1,26 +1 @@ - - - - - - - - - - - - - - - \ No newline at end of file +RealFaviconGeneratorhttps://realfavicongenerator.net \ No newline at end of file diff --git a/public/placeholder-logo.png b/public/placeholder-logo.png deleted file mode 100644 index 8a792ac..0000000 Binary files a/public/placeholder-logo.png and /dev/null differ diff --git a/public/placeholder-logo.svg b/public/placeholder-logo.svg deleted file mode 100644 index b1695aa..0000000 --- a/public/placeholder-logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/placeholder-user.jpg b/public/placeholder-user.jpg deleted file mode 100644 index 6fa7543..0000000 Binary files a/public/placeholder-user.jpg and /dev/null differ diff --git a/public/placeholder.jpg b/public/placeholder.jpg deleted file mode 100644 index 6bfe963..0000000 Binary files a/public/placeholder.jpg and /dev/null differ diff --git a/public/placeholder.svg b/public/placeholder.svg deleted file mode 100644 index e763910..0000000 --- a/public/placeholder.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file