Update src/app/contact/page.tsx

Merge version_1 into main

src/app/contact/page.tsx

@@ -0,0 +1,254 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
+import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
+import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Phone, Mail, MapPin, Sparkles } from "lucide-react";
+
+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: "Contact", id: "/contact" },
+            { name: "About", id: "#about" },
+            { name: "Pricing", id: "#pricing" }
+          ]}
+          button={{
+            text: "Call Now: 226-224-3573",            href: "tel:226-224-3573"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Get in Touch with OW HomeShield"
+          description="Have questions about our membership plans or need immediate service? We're here to help. Contact our team today."
+          tag="Contact Us"
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          buttons={[
+            { text: "Call Now", href: "tel:226-224-3573" },
+            { text: "Email Us", href: "mailto:info@owhomeshield.com" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/high-angle-young-man-taking-break_23-2148384545.jpg"
+          imageAlt="Contact support team"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <TextSplitAbout
+          title="Why Contact OW HomeShield?"
+          description="Our dedicated team is ready to assist you with any questions about our services, membership plans, or to schedule urgent repairs. We pride ourselves on fast response times and professional service."
+          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg"
+          imageAlt="Happy homeowner"
+          features={[
+            { title: "Fast Response", description: "Get assistance within hours", videoSrc: "" },
+            { title: "Expert Team", description: "Licensed and certified professionals", videoSrc: "" },
+            { title: "24/7 Available", description: "Emergency support anytime", videoSrc: "" }
+          ]}
+          animationType="blur-reveal"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardOne
+          title="Our Service Offerings"
+          description="Comprehensive home maintenance and repair services designed for your needs"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            {
+              title: "Emergency Repairs",              description: "24/7 emergency service for urgent home repairs"
+            },
+            {
+              title: "Consultation",              description: "Free consultation to assess your home maintenance needs"
+            },
+            {
+              title: "Local Service",              description: "Serving your community with professional local technicians"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Featured Services"
+          description="Explore our most popular home maintenance and repair services"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="four-items-2x2-equal-grid"
+          products={[
+            {
+              id: "1",              name: "Plumbing Repairs",              description: "Expert plumbing solutions",              imageSrc: "http://img.b2bpic.net/free-vector/protect-against-cyber-attacks-infographic_23-2148534111.jpg",              imageAlt: "Plumbing service",              price: "$99",              variant: "standard"
+            },
+            {
+              id: "2",              name: "Electrical Work",              description: "Safe electrical installations",              imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-labels-collection_23-2149037530.jpg",              imageAlt: "Electrical service",              price: "$129",              variant: "standard"
+            },
+            {
+              id: "3",              name: "Home Inspections",              description: "Thorough home assessments",              imageSrc: "http://img.b2bpic.net/free-vector/bank-service-concept-labels-template_23-2150487023.jpg",              imageAlt: "Home inspection",              price: "$149",              variant: "standard"
+            },
+            {
+              id: "4",              name: "Preventative Maintenance",              description: "Regular maintenance plans",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-businesswoman-near-business-plan-showing-it_171337-8559.jpg",              imageAlt: "Maintenance service",              price: "$79",              variant: "standard"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardThree
+          title="Membership Pricing"
+          description="Choose the perfect plan for your home protection needs"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          plans={[
+            {
+              id: "silver",              name: "Basic plan",              badge: "Basic",              price: "$44/mo",              buttons: [
+                { text: "Get Started", href: "tel:226-224-3573" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: ["1 service visit/month", "Minor repairs", "10% discount"]
+            },
+            {
+              id: "gold",              name: "Business plan",              badge: "Popular",              badgeIcon: Sparkles,
+              price: "$59/mo",              buttons: [
+                { text: "Get Started", href: "tel:226-224-3573" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: ["2 service visits/month", "Priority booking", "15% discount"]
+            },
+            {
+              id: "platinum",              name: "Premium plan",              badge: "Premium",              price: "$84/mo",              buttons: [
+                { text: "Get Started", href: "tel:226-224-3573" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: ["Unlimited visits", "24/7 support", "20% discount"]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="pricing2" data-section="pricing2">
+        <PricingCardTwo
+          title="Additional Services"
+          description="Specialized services available for your home"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          plans={[
+            {
+              id: "annual",              price: "$299/year",              subtitle: "Annual Check-up",              badge: "Value",              buttons: [
+                { text: "Book Now", href: "tel:226-224-3573" }
+              ],
+              features: ["Full system check", "Detailed report", "Recommendations"]
+            },
+            {
+              id: "emergency",              price: "$149",              subtitle: "Emergency Service",              badge: "Priority",              buttons: [
+                { text: "Call Now", href: "tel:226-224-3573" }
+              ],
+              features: ["24/7 availability", "Fast response", "Professional service"]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTwo
+          title="What Our Clients Say"
+          description="Real feedback from satisfied homeowners"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          testimonials={[
+            {
+              id: "1",              name: "Sarah Johnson",              role: "Homeowner",              testimonial: "OW HomeShield has been incredible. Their team is professional, reliable, and always responsive to our needs.",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-excited-businesswoman-blue-blouse-showing-thumb-up_1262-14826.jpg",              imageAlt: "Sarah Johnson"
+            },
+            {
+              id: "2",              name: "Michael Chen",              role: "Property Manager",              testimonial: "We trust OW HomeShield to maintain our properties. Their attention to detail and quick response times are unmatched.",              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1644.jpg",              imageAlt: "Michael Chen"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
+        <ContactSplit
+          tag="Contact Us"
+          title="Contact Our Team"
+          description="Fill out the form below and we'll get back to you as soon as possible. For emergencies, please call us directly."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg"
+          imageAlt="Contact our team"
+          inputPlaceholder="Your email address"
+          buttonText="Send Message"
+          termsText="We'll respond within 24 hours. For emergencies, call 226-224-3573."
+          mediaAnimation="slide-up"
+          onSubmit={(email) => console.log('Contact form submitted:', email)}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          copyrightText="© 2025 OW HomeShield Inc. All rights reserved."
+          columns={[
+            {
+              title: "Company",              items: [
+                { label: "Home", href: "/" },
+                { label: "Contact", href: "/contact" },
+                { label: "About", href: "#about" }
+              ]
+            },
+            {
+              title: "Services",              items: [
+                { label: "Repairs", href: "#services" },
+                { label: "Maintenance", href: "#services" },
+                { label: "Inspections", href: "#services" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "Emergency", href: "tel:226-224-3573" },
+                { label: "FAQ", href: "#faq" },
+                { label: "Contact", href: "#contact" }
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer-simple" data-section="footer-simple">
+        <FooterCard
+          copyrightText="© 2025 OW HomeShield Inc. All rights reserved."
+        />
+      </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 (
@@ -28,11 +28,11 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="OW HomeShield Inc."
           navItems={[
-            { name: "Home", id: "home" },
-            { name: "Membership Plans", id: "pricing" },
-            { name: "Request Service", id: "request-service" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "contact" }
+            { name: "Home", id: "/" },
+            { name: "Membership Plans", id: "#pricing" },
+            { name: "Request Service", id: "#request-service" },
+            { name: "About", id: "#about" },
+            { 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,13 +196,8 @@ 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);