Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          brandName="MaintainPro"
+          button={{ text: "Get Started" }}
+        />
+        <div className="pt-32 pb-20">
+          <ContactSplit
+            tag="Contact Us"
+            title="Get in Touch"
+            description="We are here to assist with your maintenance needs. Send us a message and our team will get back to you promptly."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+            mediaAnimation="slide-up"
+          />
+        </div>
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/large-modern-architecture-hall_181624-239.jpg"
+          logoText="MaintainPro"
+          columns={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,27 +30,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="MaintainPro"
       button={{
-        text: "Get Quote",
-        href: "#contact",
-      }}
+        text: "Get Quote",        href: "#contact"}}
     />
   </div>
 
@@ -58,93 +48,52 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Keep Your Business Running Smoothly"
       description="Fast, reliable, and professional repair and maintenance services tailored for small businesses. Don't let downtime cost you your success."
       testimonials={[
         {
-          name: "Sarah Miller",
-          handle: "@smallbiz",
-          testimonial: "MaintainPro saved us hours of downtime. Incredible response time!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vendor-flowers_1098-13113.jpg",
-        },
+          name: "Sarah Miller",          handle: "@smallbiz",          testimonial: "MaintainPro saved us hours of downtime. Incredible response time!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/vendor-flowers_1098-13113.jpg"},
         {
-          name: "James Chen",
-          handle: "@techcorp",
-          testimonial: "Their preventive maintenance keeps our machinery in top condition.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-        },
+          name: "James Chen",          handle: "@techcorp",          testimonial: "Their preventive maintenance keeps our machinery in top condition.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
         {
-          name: "Elena Rodriguez",
-          handle: "@growthco",
-          testimonial: "Transparent pricing and flexible scheduling — a perfect partner.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg",
-        },
+          name: "Elena Rodriguez",          handle: "@growthco",          testimonial: "Transparent pricing and flexible scheduling — a perfect partner.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg"},
         {
-          name: "David Smith",
-          handle: "@localstore",
-          testimonial: "Best maintenance service we have ever used. Highly professional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
-        },
+          name: "David Smith",          handle: "@localstore",          testimonial: "Best maintenance service we have ever used. Highly professional.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg"},
         {
-          name: "Linda White",
-          handle: "@agency",
-          testimonial: "Reliable, fast, and always there when we need an emergency repair.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
-        },
+          name: "Linda White",          handle: "@agency",          testimonial: "Reliable, fast, and always there when we need an emergency repair.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/mechanic-looking-tool-box_1170-1199.jpg"
       imageAlt="Technician performing equipment repair"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/confident-asian-businesswoman-showing-thumbs-up-standing-near-entrance-her-cafe-restaurant_1258-199355.jpg",
-          alt: "Client avatar 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/confident-asian-businesswoman-showing-thumbs-up-standing-near-entrance-her-cafe-restaurant_1258-199355.jpg",          alt: "Client avatar 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-female-entrepreneur-asian-business-owner-manager-sitting-confident-smiling_1258-199004.jpg",
-          alt: "Client avatar 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-female-entrepreneur-asian-business-owner-manager-sitting-confident-smiling_1258-199004.jpg",          alt: "Client avatar 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you-posi_1258-127578.jpg",
-          alt: "Client avatar 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you-posi_1258-127578.jpg",          alt: "Client avatar 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg",
-          alt: "Client avatar 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg",          alt: "Client avatar 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
-          alt: "Client avatar 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",          alt: "Client avatar 5"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "24/7 Support",
-        },
+          type: "text",          text: "24/7 Support"},
         {
-          type: "text",
-          text: "Licensed Professionals",
-        },
+          type: "text",          text: "Licensed Professionals"},
         {
-          type: "text",
-          text: "Rapid Response",
-        },
+          type: "text",          text: "Rapid Response"},
         {
-          type: "text",
-          text: "Nationwide Coverage",
-        },
+          type: "text",          text: "Nationwide Coverage"},
         {
-          type: "text",
-          text: "Affordable Rates",
-        },
+          type: "text",          text: "Affordable Rates"},
       ]}
     />
   </div>
@@ -156,19 +105,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Clock,
-          label: "Response Time",
-          value: "24/7",
-        },
+          label: "Response Time",          value: "24/7"},
         {
           icon: Award,
-          label: "Certified Pros",
-          value: "100%",
-        },
+          label: "Certified Pros",          value: "100%"},
         {
           icon: Zap,
-          label: "Service Packages",
-          value: "5+",
-        },
+          label: "Service Packages",          value: "5+"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -180,26 +123,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "Essential",
-          title: "Preventive Maintenance",
-          subtitle: "Avoid breakdowns",
-          description: "Scheduled inspections and upkeep to prevent costly surprises.",
-          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-servicing-hvac-system_482257-91024.jpg",
-        },
+          tag: "Essential",          title: "Preventive Maintenance",          subtitle: "Avoid breakdowns",          description: "Scheduled inspections and upkeep to prevent costly surprises.",          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-servicing-hvac-system_482257-91024.jpg"},
         {
-          tag: "Urgent",
-          title: "Emergency Repairs",
-          subtitle: "Rapid response",
-          description: "We are available when you need us most to restore operations fast.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24584.jpg",
-        },
+          tag: "Urgent",          title: "Emergency Repairs",          subtitle: "Rapid response",          description: "We are available when you need us most to restore operations fast.",          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24584.jpg"},
         {
-          tag: "Core",
-          title: "Facility Servicing",
-          subtitle: "Plumbing & HVAC",
-          description: "Electrical, HVAC, and general facility repairs managed by experts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/plumber-making-time-out-gesture_1368-773.jpg",
-        },
+          tag: "Core",          title: "Facility Servicing",          subtitle: "Plumbing & HVAC",          description: "Electrical, HVAC, and general facility repairs managed by experts.",          imageSrc: "http://img.b2bpic.net/free-photo/plumber-making-time-out-gesture_1368-773.jpg"},
       ]}
       title="Professional Solutions for Every Need"
       description="From emergency repairs to routine upkeep, we handle all your operational maintenance needs."
@@ -213,40 +141,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Miller",
-          handle: "@smallbiz",
-          testimonial: "Excellent service and professionalism throughout the whole process.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-tilting-head-blinked-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-83652.jpg",
-        },
+          id: "1",          name: "Sarah Miller",          handle: "@smallbiz",          testimonial: "Excellent service and professionalism throughout the whole process.",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-tilting-head-blinked-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-83652.jpg"},
         {
-          id: "2",
-          name: "James Chen",
-          handle: "@techcorp",
-          testimonial: "Their expertise saved us significant money on long-term repairs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
-        },
+          id: "2",          name: "James Chen",          handle: "@techcorp",          testimonial: "Their expertise saved us significant money on long-term repairs.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"},
         {
-          id: "3",
-          name: "Elena Rodriguez",
-          handle: "@growthco",
-          testimonial: "Incredibly responsive and always transparent about pricing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
-        },
+          id: "3",          name: "Elena Rodriguez",          handle: "@growthco",          testimonial: "Incredibly responsive and always transparent about pricing.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg"},
         {
-          id: "4",
-          name: "David Smith",
-          handle: "@localstore",
-          testimonial: "They understand the constraints of a small business and deliver.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
-        },
+          id: "4",          name: "David Smith",          handle: "@localstore",          testimonial: "They understand the constraints of a small business and deliver.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"},
         {
-          id: "5",
-          name: "Linda White",
-          handle: "@agency",
-          testimonial: "Our facility has never run more smoothly thanks to their team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg",
-        },
+          id: "5",          name: "Linda White",          handle: "@agency",          testimonial: "Our facility has never run more smoothly thanks to their team.",          imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg"},
       ]}
       title="Trusted by Small Businesses"
       description="See why business owners rely on MaintainPro for their operational stability."
@@ -257,8 +160,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Let's Talk"
       title="Ready to Partner with Us?"
       description="Reach out to schedule a consultation or request an emergency service quote."
@@ -274,29 +176,19 @@ export default function LandingPage() {
       logoText="MaintainPro"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
@@ -305,4 +197,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
-  --card: #f7fffa;
-  --foreground: #001a0a;
-  --primary-cta: #0a7039;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #e2e8f0;
+  --primary-cta: #c4d8f9;
   --primary-cta-text: #fafffb;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #041633;
   --secondary-cta-text: #001a0a;
-  --accent: #a8d9be;
-  --background-accent: #6bbf8e;
+  --accent: #2d30f3;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);