Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Shield, AlertCircle } from 'lucide-react';
+import { Shield, AlertCircle, Mail, Phone, MapPin } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -33,7 +33,8 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "Projects", id: "projects" },
             { name: "Testimonials", id: "testimonials" },
-            { name: "FAQ", id: "faq" }
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "contact" }
           ]}
           button={{
             text: "Get Free Quote",            href: "contact"
@@ -245,6 +246,9 @@ export default function LandingPage() {
           inputPlaceholder="Enter your email address"
           buttonText="Request Quote"
           termsText="By submitting this form, you agree to our Terms of Service and Privacy Policy. We'll contact you within 24 hours."
+          onSubmit={(email) => {
+            console.log('Contact form submitted with email:', email);
+          }}
         />
       </div>
 
@@ -255,7 +259,7 @@ export default function LandingPage() {
             text: "Privacy Policy",            href: "#"
           }}
           rightLink={{
-            text: "Terms of Service",            href: "#"
+            text: "Contact: (555) 123-4567",            href: "tel:+15551234567"
           }}
         />
       </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e3deea;
-  --card: #ffffff;
-  --foreground: #1f2027;
-  --primary-cta: #1f2027;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #00d9ff;
   --primary-cta-text: #e3deea;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #1f2027;
-  --accent: #627dc6;
-  --background-accent: #627dc6;
+  --accent: #00d9ff;
+  --background-accent: #0066cc;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);