fix: update contact info and remove legal section in footer

Remove Legal section and update contact details and business hours.

Co-authored-by: ASOwnerYT <[email protected]>

components/contact.tsx

@@ -33,14 +33,14 @@ export function Contact() {
     {
       icon: Mail,
       label: "Email",
-      value: "hello@cloudrite.co.nz",
+      value: "contact@cloudrite.co.nz",
-      href: "mailto:hello@cloudrite.co.nz"
+      href: "mailto:contact@cloudrite.co.nz"
     },
     {
       icon: Phone,
       label: "Phone",
-      value: "09 123 4567",
+      value: "021 107 7483",
-      href: "tel:+6491234567"
+      href: "tel:+64211077483"
     },
     {
       icon: MapPin,
@@ -99,16 +99,8 @@ export function Contact() {
               <h4 className="font-bold mb-4">Business Hours</h4>
               <div className="space-y-2 text-muted-foreground">
                 <div className="flex justify-between">
-                  <span>Monday - Friday</span>
+                  <span>Hours</span>
-                  <span className="text-foreground">8:30am - 5:30pm</span>
+                  <span className="text-foreground">By Appointment Only</span>
-                </div>
-                <div className="flex justify-between">
-                  <span>Saturday</span>
-                  <span className="text-foreground">By Appointment</span>
-                </div>
-                <div className="flex justify-between">
-                  <span>Sunday</span>
-                  <span className="text-foreground">Closed</span>
                 </div>
               </div>
               <div className="mt-4 pt-4 border-t border-border">

components/footer.tsx

@@ -15,10 +15,6 @@ const footerLinks = {
     { label: "Our Process", href: "#process" },
     { label: "Contact", href: "#contact" },
   ],
-  legal: [
-    { label: "Privacy Policy", href: "#" },
-    { label: "Terms of Service", href: "#" },
-  ]
 }
 
 export function Footer() {
@@ -28,7 +24,7 @@ export function Footer() {
     <footer className="relative bg-card border-t border-border">
       {/* Main Footer */}
       <div className="mx-auto max-w-7xl px-6 lg:px-8 py-16">
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-8 lg:gap-16">
+        <div className="grid grid-cols-2 md:grid-cols-3 gap-8 lg:gap-16">
           {/* Brand Column */}
           <div className="col-span-2 md:col-span-1">
             <Link href="/" className="flex items-center gap-2 mb-6 group">
@@ -82,23 +78,6 @@ export function Footer() {
               ))}
             </ul>
           </div>
-
-          {/* Legal */}
-          <div>
-            <h4 className="font-bold mb-4">Legal</h4>
-            <ul className="space-y-3">
-              {footerLinks.legal.map((link) => (
-                <li key={link.label}>
-                  <Link
-                    href={link.href}
-                    className="text-sm text-muted-foreground hover:text-foreground transition-colors duration-300"
-                  >
-                    {link.label}
-                  </Link>
-                </li>
-              ))}
-            </ul>
-          </div>
         </div>
       </div>