Update src/app/contact/page.tsx

Merge version_4 into main

src/app/contact/page.tsx

@@ -0,0 +1,190 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
+import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Linkedin, Twitter, Mail } from "lucide-react";
+import Link from "next/link";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="inset"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="OW HomeShield Inc."
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Membership Plans", id: "pricing" },
+            { name: "Request Service", id: "how-it-works" },
+            { name: "About", id: "benefits" },
+            { name: "Contact", id: "final-cta" }
+          ]}
+          button={{
+            text: "Call Now: 226-224-3573",            href: "tel:226-224-3573"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroSplitKpi
+          title="Get in Touch with OW HomeShield"
+          description="Have questions about our membership plans or need immediate assistance? We're here to help."
+          tag="Contact Us"
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          kpis={[
+            { value: "10+", label: "Years Experience" },
+            { value: "24/7", label: "Emergency Support" },
+            { value: "500+", label: "Satisfied Customers" }
+          ]}
+          enableKpiAnimation={true}
+          buttons={[
+            { text: "Call Now", href: "tel:226-224-3573" },
+            { text: "Email Us", href: "mailto:info@owhomeshield.com" }
+          ]}
+          buttonAnimation="slide-up"
+          mediaAnimation="blur-reveal"
+          imageSrc="http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=1"
+          imageAlt="Contact our team"
+        />
+      </div>
+
+      <div id="benefits" data-section="benefits">
+        <FeatureCardSeven
+          title="Why Choose OW HomeShield?"
+          description="We pride ourselves on delivering exceptional service across all areas"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            {
+              id: 1,
+              title: "Expert Technicians",              description: "Licensed and insured professionals with years of experience",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=2",              imageAlt: "Expert technicians"
+            },
+            {
+              id: 2,
+              title: "Fast Response",              description: "Quick turnaround times for all service requests",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=3",              imageAlt: "Fast response service"
+            },
+            {
+              id: 3,
+              title: "Affordable Pricing",              description: "Competitive rates with membership discounts",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=4",              imageAlt: "Affordable pricing"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardOne
+          title="Our Membership Plans"
+          description="Choose the perfect plan for your home protection needs"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          plans={[
+            {
+              id: "basic",              badge: "Basic",              price: "$44/month",              subtitle: "Essential coverage",              features: ["1 service visit per month", "10% renovation discount"]
+            },
+            {
+              id: "standard",              badge: "Standard",              price: "$59/month",              subtitle: "Popular choice",              features: ["2 service visits per month", "15% renovation discount", "Priority booking"]
+            },
+            {
+              id: "premium",              badge: "Premium",              price: "$84/month",              subtitle: "Full coverage",              features: ["Unlimited service requests", "24/7 emergency support", "Priority scheduling"]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="how-it-works" data-section="how-it-works">
+        <FeatureCardSeven
+          title="How Our Service Works"
+          description="Simple steps to get your home protected"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            {
+              id: 1,
+              title: "Choose Your Plan",              description: "Select from our three membership options based on your needs",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=5",              imageAlt: "Choose your plan"
+            },
+            {
+              id: 2,
+              title: "Sign Up Online",              description: "Quick registration process takes just a few minutes",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=6",              imageAlt: "Sign up online"
+            },
+            {
+              id: 3,
+              title: "Get Immediate Service",              description: "Start receiving professional home maintenance and repairs",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg?_wi=7",              imageAlt: "Get immediate service"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="trust" data-section="trust">
+        <TestimonialCardFifteen
+          testimonial="Outstanding service! The team was professional and efficient. They fixed my plumbing issue quickly and at a fair price. Highly recommended."
+          rating={5}
+          author="John Smith"
+          avatars={[
+            {
+              src: "http://img.b2bpic.net/free-photo/cheerful-excited-businesswoman-blue-blouse-showing-thumb-up_1262-14826.jpg",              alt: "Customer John"
+            }
+          ]}
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="final-cta" data-section="final-cta">
+        <ContactCTA
+          tag="Ready to Get Started?"
+          title="Join OW HomeShield Today"
+          description="Experience the peace of mind that comes with reliable home maintenance and emergency support available 24/7."
+          buttons={[
+            { text: "Start Free Trial", href: "#" },
+            { text: "Call Us Now", href: "tel:226-224-3573" }
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="OW HomeShield Inc."
+          copyrightText="© 2025 OW HomeShield Inc. All rights reserved."
+          socialLinks={[
+            {
+              icon: Linkedin,
+              href: "https://linkedin.com",              ariaLabel: "LinkedIn"
+            },
+            {
+              icon: Twitter,
+              href: "https://twitter.com",              ariaLabel: "Twitter"
+            },
+            {
+              icon: Mail,
+              href: "mailto:info@owhomeshield.com",              ariaLabel: "Email"
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -8,7 +8,7 @@ import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import { Crown, Home, Sparkles, Mail, Phone, MapPin } from "lucide-react";
+import { Crown, Home, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,7 +32,7 @@ export default function LandingPage() {
             { name: "Membership Plans", id: "pricing" },
             { name: "Request Service", id: "request-service" },
             { name: "About", id: "about" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "/contact" }
           ]}
           button={{
             text: "Call Now: 226-224-3573",            href: "tel:226-224-3573"
@@ -187,7 +187,7 @@ export default function LandingPage() {
             { text: "Book Free Consultation", href: "tel:226-224-3573" }
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
@@ -196,11 +196,6 @@ export default function LandingPage() {
         <FooterCard
           logoText="OW HomeShield Inc."
           copyrightText="© 2025 OW HomeShield Inc. | Emergency Service Available 24/7"
-          socialLinks={[
-            { icon: Phone, href: "tel:226-224-3573", ariaLabel: "Call us" },
-            { icon: Mail, href: "mailto:info@owhomeshield.com", ariaLabel: "Email us" },
-            { icon: MapPin, href: "#", ariaLabel: "Find our location" }
-          ]}
         />
       </div>
     </ThemeProvider>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
-  --card: #ffffff;
-  --foreground: #1a1a1a;
-  --primary-cta: #1f3251;
-  --primary-cta-text: #f5f4f0;
-  --secondary-cta: #f5f4f0;
-  --secondary-cta-text: #1a1a1a;
-  --accent: #8a8a8a;
-  --background-accent: #e8e6e1;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #106EFB;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);