Update src/app/page.tsx

Merge version_8 into main

src/app/contact/page.tsx

@@ -21,14 +21,14 @@ export default function ContactPage() {
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="background-highlight"
-      borderRadius="soft"
+      borderRadius="rounded"
       contentWidth="compact"
       sizing="largeSizeMediumTitles"
       background="aurora"
       cardStyle="gradient-mesh"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -56,7 +56,7 @@ export default function ContactPage() {
 
             {/* Location */}
             <div className="flex gap-4 items-start">
-              <div className="bg-primary-cta p-3 rounded-lg flex-shrink-0">
+              <div className="bg-primary-cta p-3 flex-shrink-0">
                 <MapPin className="w-6 h-6 text-white" />
               </div>
               <div>
@@ -70,9 +70,9 @@ export default function ContactPage() {
               </div>
             </div>
 
-            {/* Hours */}
+            {/* Business Hours */}
             <div className="flex gap-4 items-start">
-              <div className="bg-primary-cta p-3 rounded-lg flex-shrink-0">
+              <div className="bg-primary-cta p-3 flex-shrink-0">
                 <Clock className="w-6 h-6 text-white" />
               </div>
               <div>
@@ -87,7 +87,7 @@ export default function ContactPage() {
 
             {/* Phone */}
             <div className="flex gap-4 items-start">
-              <div className="bg-primary-cta p-3 rounded-lg flex-shrink-0">
+              <div className="bg-primary-cta p-3 flex-shrink-0">
                 <Phone className="w-6 h-6 text-white" />
               </div>
               <div>
@@ -101,7 +101,7 @@ export default function ContactPage() {
 
             {/* Email */}
             <div className="flex gap-4 items-start">
-              <div className="bg-primary-cta p-3 rounded-lg flex-shrink-0">
+              <div className="bg-primary-cta p-3 flex-shrink-0">
                 <Mail className="w-6 h-6 text-white" />
               </div>
               <div>
@@ -117,16 +117,16 @@ export default function ContactPage() {
             <div>
               <h3 className="font-semibold text-lg mb-4">Follow Us</h3>
               <div className="flex gap-4">
-                <a href="#" className="bg-primary-cta p-3 rounded-lg hover:opacity-90 transition">
+                <a href="#" className="bg-primary-cta p-3 hover:opacity-90 transition">
                   <Facebook className="w-5 h-5 text-white" />
                 </a>
-                <a href="#" className="bg-primary-cta p-3 rounded-lg hover:opacity-90 transition">
+                <a href="#" className="bg-primary-cta p-3 hover:opacity-90 transition">
                   <Twitter className="w-5 h-5 text-white" />
                 </a>
-                <a href="#" className="bg-primary-cta p-3 rounded-lg hover:opacity-90 transition">
+                <a href="#" className="bg-primary-cta p-3 hover:opacity-90 transition">
                   <Linkedin className="w-5 h-5 text-white" />
                 </a>
-                <a href="#" className="bg-primary-cta p-3 rounded-lg hover:opacity-90 transition">
+                <a href="#" className="bg-primary-cta p-3 hover:opacity-90 transition">
                   <Instagram className="w-5 h-5 text-white" />
                 </a>
               </div>
@@ -152,7 +152,7 @@ export default function ContactPage() {
             />
 
             {/* Interactive Google Map */}
-            <div className="bg-gray-200 rounded-lg overflow-hidden h-96 border-2 border-primary-cta/20 shadow-lg">
+            <div className="bg-gray-200 overflow-hidden h-96 border-2 border-primary-cta/20 shadow-lg">
               <iframe
                 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3357.7482627688043!2d-96.80667!3d32.7767!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864e9e0d4a4a4a4b%3A0x4a4a4a4a4a4a4a4a!2s1234%20Motor%20Lane%2C%20Dallas%2C%20TX!5e0!3m2!1sen!2sus!4v1234567890"
                 width="100%"
@@ -199,4 +199,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -47,14 +47,14 @@ export default function LandingPage() {
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="background-highlight"
-      borderRadius="soft"
+      borderRadius="rounded"
       contentWidth="compact"
       sizing="largeSizeMediumTitles"
       background="aurora"
       cardStyle="gradient-mesh"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -369,4 +369,4 @@ export default function LandingPage() {
       )}
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
-  --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --background: #1a1a1a;
+  --card: #262626;
+  --foreground: #f0f0f0;
+  --primary-cta: #cc3333;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #404040;
+  --secondary-cta-text: #b84040;
+  --accent: #8b2e2e;
+  --background-accent: #4d1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);