From 18065969f5f48202e50637fc84f3d880fc6c5d50 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:05:17 +0000
Subject: [PATCH 01/10] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 813f50e..b68769e 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
@@ -10,7 +10,6 @@ import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
 import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
 import { Phone, Mail, MessageCircle, ArrowRight, Check } from "lucide-react";
 
 export default function ContactPage() {
@@ -239,13 +238,8 @@ export default function ContactPage() {
         <FooterBase
           columns={footerColumns}
           logoText="ContactHub"
-          copyrightText="© 2025 | ContactHub. All rights reserved."
         />
       </div>
-
-      <div id="footer-simple" data-section="footer-simple">
-        <FooterSimple copyrightText="Privacy Policy • Terms of Service • Contact" />
-      </div>
     </ThemeProvider>
   );
 }
-- 
2.49.1


From aaa87ce578b5017be1339ba5895c28cf307f5882 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:05:18 +0000
Subject: [PATCH 02/10] Update src/app/dashboard/page.tsx

---
 src/app/dashboard/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index fd97ff8..c7348d8 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import { useState, useMemo } from "react";
 import { Search, Filter, ChevronUp, ChevronDown } from "lucide-react";
-- 
2.49.1


From 1481d8893bf0f61792ea64a5baed46d12e38b33a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:05:20 +0000
Subject: [PATCH 03/10] Update src/app/membership/page.tsx

---
 src/app/membership/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/membership/page.tsx b/src/app/membership/page.tsx
index e6fbd89..fe0a318 100644
--- a/src/app/membership/page.tsx
+++ b/src/app/membership/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import { useState } from "react";
 import { Upload } from "lucide-react";
-- 
2.49.1


From 1d5eb0daa521617d8559534333bbe2f1d698dea9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:05:22 +0000
Subject: [PATCH 04/10] Update src/app/page.tsx

---
 src/app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 084958b..f64035d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import { useState } from "react";
 
-- 
2.49.1


From f143e629cb1df000246662448ee65ee49876654a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:05:24 +0000
Subject: [PATCH 05/10] Update src/app/service-request/page.tsx

---
 src/app/service-request/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/service-request/page.tsx b/src/app/service-request/page.tsx
index 548655a..77d6705 100644
--- a/src/app/service-request/page.tsx
+++ b/src/app/service-request/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import { useState } from "react";
 import { Upload } from "lucide-react";
-- 
2.49.1


From 90f7b1c37fa42e061c87aa158f67ecd98945d6f3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:07:55 +0000
Subject: [PATCH 06/10] Add src/app/admin/page.tsx

---
 src/app/admin/page.tsx | 147 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 147 insertions(+)
 create mode 100644 src/app/admin/page.tsx

diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
new file mode 100644
index 0000000..9c2afbb
--- /dev/null
+++ b/src/app/admin/page.tsx
@@ -0,0 +1,147 @@
+"use client";
+
+import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { ReactLenis } from "lenis/react";
+
+interface Request {
+  id: string;
+  clientName: string;
+  address: string;
+  issueType: string;
+  membershipPlan: string;
+  status: "pending" | "in-progress" | "completed" | "cancelled";
+}
+
+const mockRequests: Request[] = [
+  {
+    id: "REQ-001",    clientName: "John Smith",    address: "123 Main St, Springfield, IL 62701",    issueType: "Plumbing",    membershipPlan: "Premium",    status: "in-progress"},
+  {
+    id: "REQ-002",    clientName: "Sarah Johnson",    address: "456 Oak Ave, Chicago, IL 60601",    issueType: "HVAC",    membershipPlan: "Standard",    status: "pending"},
+  {
+    id: "REQ-003",    clientName: "Michael Chen",    address: "789 Elm Rd, Naperville, IL 60540",    issueType: "Electrical",    membershipPlan: "Premium",    status: "completed"},
+  {
+    id: "REQ-004",    clientName: "Emma Davis",    address: "321 Pine St, Evanston, IL 60201",    issueType: "Roofing",    membershipPlan: "Basic",    status: "pending"},
+  {
+    id: "REQ-005",    clientName: "Robert Wilson",    address: "654 Maple Dr, Aurora, IL 60505",    issueType: "Plumbing",    membershipPlan: "Standard",    status: "completed"},
+];
+
+const getStatusColor = (status: string) => {
+  switch (status) {
+    case "completed":
+      return "bg-green-100 text-green-800";
+    case "in-progress":
+      return "bg-blue-100 text-blue-800";
+    case "pending":
+      return "bg-yellow-100 text-yellow-800";
+    case "cancelled":
+      return "bg-red-100 text-red-800";
+    default:
+      return "bg-gray-100 text-gray-800";
+  }
+};
+
+export default function AdminDashboard() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Dashboard", id: "/admin" },
+            { name: "Settings", id: "#settings" },
+            { name: "Support", id: "#support" },
+          ]}
+          brandName="OW HomeShield"
+          button={{
+            text: "Logout",            onClick: () => {
+              console.log("Logout clicked");
+            },
+          }}
+          animateOnLoad={true}
+        />
+        <div id="admin-dashboard" data-section="admin-dashboard" className="min-h-screen bg-background pt-32 pb-16 px-4 sm:px-6 lg:px-8">
+          <div className="max-w-7xl mx-auto">
+            {/* Header */}
+            <div className="mb-8">
+              <h1 className="text-4xl font-bold text-foreground mb-2">Admin Dashboard</h1>
+              <p className="text-foreground/60">Manage customer requests and track service status</p>
+            </div>
+
+            {/* Table Container */}
+            <div className="rounded-lg border border-card bg-card overflow-hidden shadow-sm">
+              <div className="overflow-x-auto">
+                <table className="w-full">
+                  <thead>
+                    <tr className="border-b border-background bg-background/50">
+                      <th className="px-6 py-4 text-left text-sm font-semibold text-foreground">Request ID</th>
+                      <th className="px-6 py-4 text-left text-sm font-semibold text-foreground">Client Name</th>
+                      <th className="px-6 py-4 text-left text-sm font-semibold text-foreground">Address</th>
+                      <th className="px-6 py-4 text-left text-sm font-semibold text-foreground">Issue Type</th>
+                      <th className="px-6 py-4 text-left text-sm font-semibold text-foreground">Membership Plan</th>
+                      <th className="px-6 py-4 text-left text-sm font-semibold text-foreground">Status</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {mockRequests.map((request, index) => (
+                      <tr
+                        key={request.id}
+                        className={`border-b border-background ${index % 2 === 0 ? "bg-white" : "bg-background/30"} hover:bg-background/50 transition-colors`}
+                      >
+                        <td className="px-6 py-4 text-sm text-foreground font-medium">{request.id}</td>
+                        <td className="px-6 py-4 text-sm text-foreground">{request.clientName}</td>
+                        <td className="px-6 py-4 text-sm text-foreground/80">{request.address}</td>
+                        <td className="px-6 py-4 text-sm text-foreground">{request.issueType}</td>
+                        <td className="px-6 py-4 text-sm text-foreground">
+                          <span className="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-primary-cta/10 text-primary-cta">
+                            {request.membershipPlan}
+                          </span>
+                        </td>
+                        <td className="px-6 py-4 text-sm">
+                          <span className={`inline-flex items-center px-3 py-1 rounded-full text-xs font-medium ${getStatusColor(request.status)}`}>
+                            {request.status.charAt(0).toUpperCase() + request.status.slice(1)}
+                          </span>
+                        </td>
+                      </tr>
+                    ))}
+                  </tbody>
+                </table>
+              </div>
+            </div>
+
+            {/* Summary Stats */}
+            <div className="mt-8 grid grid-cols-1 md:grid-cols-4 gap-4">
+              <div className="bg-card rounded-lg border border-background p-6">
+                <p className="text-sm text-foreground/60 mb-2">Total Requests</p>
+                <p className="text-3xl font-bold text-foreground">{mockRequests.length}</p>
+              </div>
+              <div className="bg-card rounded-lg border border-background p-6">
+                <p className="text-sm text-foreground/60 mb-2">Pending</p>
+                <p className="text-3xl font-bold text-yellow-600">{mockRequests.filter(r => r.status === "pending").length}</p>
+              </div>
+              <div className="bg-card rounded-lg border border-background p-6">
+                <p className="text-sm text-foreground/60 mb-2">In Progress</p>
+                <p className="text-3xl font-bold text-blue-600">{mockRequests.filter(r => r.status === "in-progress").length}</p>
+              </div>
+              <div className="bg-card rounded-lg border border-background p-6">
+                <p className="text-sm text-foreground/60 mb-2">Completed</p>
+                <p className="text-3xl font-bold text-green-600">{mockRequests.filter(r => r.status === "completed").length}</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1


From ef397ae2ffe2adb4aba1287b4573fc10f74f5530 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:07:56 +0000
Subject: [PATCH 07/10] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 357 ++++++++++++++++++++-------------------
 1 file changed, 186 insertions(+), 171 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index b68769e..da9355f 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,127 +1,28 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
-import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import { ThemeProvider } from "@/components/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
-import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
-import ContactFaq from "@/components/sections/contact/ContactFaq";
+import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
+import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Phone, Mail, MessageCircle, ArrowRight, Check } from "lucide-react";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Mail, Phone, MapPin, Zap, Shield, Lightbulb } from "lucide-react";
+
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "#services" },
+  { name: "Pricing", id: "#pricing" },
+  { name: "Contact", id: "/contact" },
+  { name: "About", id: "#about" },
+];
 
 export default function ContactPage() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "About", id: "#about" },
-    { name: "Services", id: "#services" },
-    { name: "Pricing", id: "#pricing" },
-    { name: "Contact", id: "/contact" },
-  ];
-
-  const carouselItems = [
-    { id: "1", imageSrc: "/carousel-1.jpg", imageAlt: "Service 1" },
-    { id: "2", imageSrc: "/carousel-2.jpg", imageAlt: "Service 2" },
-    { id: "3", imageSrc: "/carousel-3.jpg", imageAlt: "Service 3" },
-    { id: "4", imageSrc: "/carousel-4.jpg", imageAlt: "Service 4" },
-    { id: "5", imageSrc: "/carousel-5.jpg", imageAlt: "Service 5" },
-    { id: "6", imageSrc: "/carousel-6.jpg", imageAlt: "Service 6" },
-  ];
-
-  const features = [
-    {
-      id: "1",      title: "Expert Consultation",      descriptions: [
-        "Our experienced team provides professional guidance",        "We assess your needs thoroughly",        "Personalized solutions for your situation"],
-      imageSrc: "/feature-1.jpg",      imageAlt: "Expert Consultation"},
-    {
-      id: "2",      title: "24/7 Support",      descriptions: [
-        "Round-the-clock customer support",        "Rapid response to urgent inquiries",        "Dedicated support specialists"],
-      imageSrc: "/feature-2.jpg",      imageAlt: "24/7 Support"},
-    {
-      id: "3",      title: "Quality Assurance",      descriptions: [
-        "Rigorous testing and verification",        "Industry-leading standards compliance",        "Continuous improvement processes"],
-      imageSrc: "/feature-3.jpg",      imageAlt: "Quality Assurance"},
-    {
-      id: "4",      title: "Professional Team",      descriptions: [
-        "Certified and experienced professionals",        "Ongoing training and development",        "Commitment to excellence"],
-      imageSrc: "/feature-4.jpg",      imageAlt: "Professional Team"},
-  ];
-
-  const products = [
-    {
-      id: "1",      name: "Premium Service Package",      price: "$199",      variant: "Comprehensive coverage",      imageSrc: "/product-1.jpg",      imageAlt: "Premium Package"},
-    {
-      id: "2",      name: "Standard Service Package",      price: "$99",      variant: "Essential services",      imageSrc: "/product-2.jpg",      imageAlt: "Standard Package"},
-    {
-      id: "3",      name: "Professional Service Package",      price: "$149",      variant: "Extended features",      imageSrc: "/product-3.jpg",      imageAlt: "Professional Package"},
-    {
-      id: "4",      name: "Enterprise Service Package",      price: "$299",      variant: "Full suite access",      imageSrc: "/product-4.jpg",      imageAlt: "Enterprise Package"},
-  ];
-
-  const pricingPlans = [
-    {
-      id: "starter",      title: "Starter",      price: "$29",      period: "/month",      imageSrc: "/pricing-1.jpg",      imageAlt: "Starter Plan",      button: { text: "Get Started", href: "#contact" },
-      features: ["Basic support", "Monthly consultations", "Email assistance"],
-    },
-    {
-      id: "professional",      title: "Professional",      price: "$79",      period: "/month",      imageSrc: "/pricing-2.jpg",      imageAlt: "Professional Plan",      button: { text: "Choose Plan", href: "#contact" },
-      features: [
-        "Priority support",        "Weekly consultations",        "Phone and email support",        "Dedicated account manager"],
-    },
-  ];
-
-  const testimonials = [
-    {
-      id: "1",      name: "Sarah Johnson",      imageSrc: "/testimonial-1.jpg",      imageAlt: "Sarah Johnson"},
-    {
-      id: "2",      name: "Michael Chen",      imageSrc: "/testimonial-2.jpg",      imageAlt: "Michael Chen"},
-    {
-      id: "3",      name: "Emma Davis",      imageSrc: "/testimonial-3.jpg",      imageAlt: "Emma Davis"},
-    {
-      id: "4",      name: "James Wilson",      imageSrc: "/testimonial-4.jpg",      imageAlt: "James Wilson"},
-  ];
-
-  const faqs = [
-    {
-      id: "1",      title: "What services are included?",      content:
-        "Our comprehensive service package includes professional consultation, 24/7 support, quality assurance, and ongoing assistance from our experienced team."},
-    {
-      id: "2",      title: "How quickly can you respond?",      content:
-        "We pride ourselves on rapid response times. Most inquiries are addressed within 24 hours, and urgent matters are handled immediately by our dedicated support team."},
-    {
-      id: "3",      title: "Do you offer customized solutions?",      content:
-        "Yes! We provide personalized solutions tailored to your specific needs. Contact us to discuss your requirements and we'll create a customized plan."},
-    {
-      id: "4",      title: "What are your pricing options?",      content:
-        "We offer flexible pricing plans ranging from basic to enterprise solutions. Choose the plan that best fits your needs, and upgrade or downgrade anytime."},
-  ];
-
-  const footerColumns = [
-    {
-      title: "Product",      items: [
-        { label: "Features", href: "#features" },
-        { label: "Pricing", href: "#pricing" },
-        { label: "Security", href: "#security" },
-      ],
-    },
-    {
-      title: "Company",      items: [
-        { label: "About", href: "#about" },
-        { label: "Blog", href: "#blog" },
-        { label: "Careers", href: "#careers" },
-      ],
-    },
-    {
-      title: "Resources",      items: [
-        { label: "Help Center", href: "#help" },
-        { label: "Contact", href: "/contact" },
-        { label: "Status", href: "#status" },
-      ],
-    },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -129,69 +30,96 @@ export default function ContactPage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="circleGradient"
-      cardStyle="solid"
+      background="aurora"
+      cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarStyleCentered
+      <NavbarStyleFullscreen
         navItems={navItems}
-        button={{ text: "Get Started", href: "#contact" }}
-        brandName="ContactHub"
+        brandName="HomeShield"
+        bottomLeftText="Global Community"
+        bottomRightText="support@homeshield.com"
       />
 
       <div id="hero" data-section="hero">
-        <HeroBillboardRotatedCarousel
+        <HeroBillboardScroll
+          background={{ variant: "canvas-reveal" }}
           title="Get in Touch with Our Team"
-          description="We're here to help. Reach out to us with any questions or to schedule a consultation."
-          background={{ variant: "sparkles-gradient" }}
+          description="We're here to help with your home maintenance and repair needs. Reach out to us today."
           tag="Contact Us"
-          tagIcon={MessageCircle}
+          imageSrc="/contact-hero.jpg"
+          imageAlt="Contact us hero image"
           buttons={[
-            { text: "Start Conversation", href: "#contact" },
+            { text: "Start Now", href: "#contact-form" },
             { text: "Learn More", href: "#about" },
           ]}
-          carouselItems={carouselItems}
-          autoPlay={true}
-          autoPlayInterval={4000}
         />
       </div>
 
       <div id="about" data-section="about">
-        <TextSplitAbout
-          title="Why Choose Us"
-          description={[
-            "We pride ourselves on delivering exceptional service with professionalism and integrity.",            "Our dedicated team is committed to understanding your needs and providing tailored solutions.",            "With years of experience, we've built lasting relationships with thousands of satisfied customers."]}
-          buttons={[
-            { text: "Learn More", href: "#features" },
-            { text: "View Services", href: "#services" },
-          ]}
+        <SplitAbout
+          title="Why Choose HomeShield?"
+          description="Our dedicated team is committed to providing exceptional home maintenance and repair services with professionalism and care."
+          tag="About Our Service"
+          textboxLayout="default"
           useInvertedBackground={false}
-          showBorder={true}
+          bulletPoints={[
+            {
+              title: "Expert Technicians",              description: "Licensed and experienced professionals trained in all home maintenance areas",              icon: Zap,
+            },
+            {
+              title: "24/7 Support",              description: "Always available for emergency repairs and urgent maintenance requests",              icon: Phone,
+            },
+            {
+              title: "Affordable Plans",              description: "Flexible membership options designed to fit any budget and home size",              icon: Shield,
+            },
+          ]}
+          imageSrc="/about-contact.jpg"
+          imageAlt="About HomeShield"
+          mediaAnimation="none"
+          buttons={[
+            { text: "Explore Plans", href: "#pricing" },
+          ]}
         />
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardTwentySeven
-          features={features}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          title="Our Services"
-          description="Discover the comprehensive solutions we offer to meet your needs"
-          tag="Services"
-          tagIcon={Check}
+        <FeatureHoverPattern
+          features={[
+            {
+              icon: Zap,
+              title: "Lightning Fast Response",              description: "Quick turnaround times for all service requests and emergency calls"},
+            {
+              icon: Shield,
+              title: "Fully Licensed & Insured",              description: "All our technicians are properly certified and fully insured for your peace of mind"},
+            {
+              icon: Lightbulb,
+              title: "Innovative Solutions",              description: "Latest techniques and tools to solve your home maintenance challenges"},
+          ]}
+          title="Our Service Features"
+          description="Discover what makes HomeShield the trusted choice for home maintenance"
+          tag="Features"
           textboxLayout="default"
+          animationType="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="products" data-section="products">
         <ProductCardFour
-          products={products}
-          title="Service Packages"
-          description="Choose the package that best fits your requirements"
-          tag="Packages"
+          products={[
+            {
+              id: "1",              name: "Standard Maintenance Plan",              price: "$49/mo",              variant: "Essential Repairs & Inspections",              imageSrc: "/plan-standard.jpg",              imageAlt: "Standard plan"},
+            {
+              id: "2",              name: "Premium Care Plan",              price: "$79/mo",              variant: "Full Coverage & Priority Support",              imageSrc: "/plan-premium.jpg",              imageAlt: "Premium plan"},
+            {
+              id: "3",              name: "Elite Protection Plan",              price: "$129/mo",              variant: "Comprehensive Coverage & Concierge",              imageSrc: "/plan-elite.jpg",              imageAlt: "Elite plan"},
+          ]}
+          title="Our Service Plans"
+          description="Choose the plan that best fits your home maintenance needs"
+          tag="Plans"
           textboxLayout="default"
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -199,45 +127,132 @@ export default function ContactPage() {
         />
       </div>
 
-      <div id="pricing" data-section="pricing">
+      <div id="pricing-nine" data-section="pricing-nine">
         <PricingCardNine
-          plans={pricingPlans}
+          plans={[
+            {
+              id: "basic-coaching",              title: "Starter",              price: "$39",              period: "/month",              imageSrc: "/pricing-starter.jpg",              imageAlt: "Starter plan",              button: { text: "Get Started", href: "#contact-form" },
+              features: [
+                "Monthly home inspection",                "Priority phone support",                "Emergency response within 24 hours"],
+            },
+            {
+              id: "professional-coaching",              title: "Professional",              price: "$69",              period: "/month",              imageSrc: "/pricing-professional.jpg",              imageAlt: "Professional plan",              button: { text: "Choose Plan", href: "#contact-form" },
+              features: [
+                "Bi-weekly inspections",                "24/7 support hotline",                "Emergency response within 4 hours",                "Annual comprehensive assessment"],
+            },
+          ]}
           animationType="slide-up"
           title="Flexible Pricing Plans"
-          description="Select the plan that works best for your budget and needs"
+          description="Select the perfect plan for your home maintenance needs"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="pricing-two" data-section="pricing-two">
+        <PricingCardTwo
+          plans={[
+            {
+              id: "silver",              name: "Silver",              description: "Perfect for small homes and basic maintenance",              price: "$29",              period: "/month",              features: [
+                "Monthly check-ups",                "Emergency support",                "Basic repairs covered"],
+              button: { text: "Select Plan", href: "#contact-form" },
+              popular: false,
+            },
+            {
+              id: "gold",              name: "Gold",              description: "Our most popular choice for comprehensive care",              price: "$59",              period: "/month",              features: [
+                "Bi-weekly inspections",                "Priority emergency support",                "All repairs included",                "Free annual inspection"],
+              button: { text: "Select Plan", href: "#contact-form" },
+              popular: true,
+            },
+            {
+              id: "platinum",              name: "Platinum",              description: "Ultimate protection and peace of mind",              price: "$99",              period: "/month",              features: [
+                "Weekly proactive maintenance",                "24/7 dedicated hotline",                "All-inclusive coverage",                "Concierge service"],
+              button: { text: "Select Plan", href: "#contact-form" },
+              popular: false,
+            },
+          ]}
+          animationType="slide-up"
+          title="Choose Your Plan"
+          description="Flexible pricing options tailored to your needs"
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwelve
-          testimonials={testimonials}
-          cardTitle="Over 5,000 satisfied customers trust us for their needs"
-          cardTag="See what they say"
-          cardAnimation="slide-up"
+        <TestimonialCardTwo
+          testimonials={[
+            {
+              id: "1",              quote: "HomeShield has been invaluable for maintaining our property. Their team is professional, responsive, and reasonably priced.",              author: "Sarah Johnson",              title: "Homeowner",              rating: 5,
+              imageSrc: "/testimonial-1.jpg",              imageAlt: "Sarah Johnson"},
+            {
+              id: "2",              quote: "The 24/7 emergency support gives me peace of mind. They fixed a critical issue within hours of my call.",              author: "Michael Chen",              title: "Property Owner",              rating: 5,
+              imageSrc: "/testimonial-2.jpg",              imageAlt: "Michael Chen"},
+            {
+              id: "3",              quote: "Best investment for home maintenance I've made. Saves time and money compared to calling different contractors.",              author: "Jennifer Martinez",              title: "Homeowner",              rating: 5,
+              imageSrc: "/testimonial-3.jpg",              imageAlt: "Jennifer Martinez"},
+          ]}
+          title="What Our Customers Say"
+          description="Real feedback from satisfied HomeShield members"
+          tag="Testimonials"
+          textboxLayout="default"
           useInvertedBackground={false}
+          carouselMode="buttons"
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactFaq
-          faqs={faqs}
-          ctaTitle="Ready to Get Started?"
-          ctaDescription="Let's discuss how we can help you achieve your goals."
-          ctaButton={{ text: "Schedule a Call", href: "#contact" }}
-          ctaIcon={Phone}
+      <div id="contact-form" data-section="contact-form">
+        <ContactSplitForm
+          title="Send us a Message"
+          description="Have questions? Our team is ready to help. Fill out the form and we'll get back to you within 24 hours."
+          imageSrc="/contact-form-image.jpg"
+          imageAlt="Contact form"
+          imagePosition="right"
+          formFields={[
+            { name: "name", label: "Full Name", type: "text", placeholder: "John Doe", required: true },
+            { name: "email", label: "Email Address", type: "email", placeholder: "john@example.com", required: true },
+            { name: "phone", label: "Phone Number", type: "tel", placeholder: "(555) 123-4567", required: false },
+            { name: "subject", label: "Subject", type: "text", placeholder: "How can we help?", required: true },
+            { name: "message", label: "Message", type: "textarea", placeholder: "Tell us more about your needs...", required: true },
+          ]}
+          buttonText="Send Message"
+          onSubmit={(formData) => console.log("Form submitted:", formData)}
           useInvertedBackground={false}
-          animationType="slide-up"
-          accordionAnimationType="smooth"
-          showCard={true}
         />
       </div>
 
       <div id="footer-base" data-section="footer-base">
         <FooterBase
-          columns={footerColumns}
-          logoText="ContactHub"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "#features" },
+                { label: "Pricing", href: "#pricing-two" },
+                { label: "Plans", href: "#products" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "About", href: "#about" },
+                { label: "Contact", href: "#contact-form" },
+                { label: "Support", href: "mailto:support@homeshield.com" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "/privacy" },
+                { label: "Terms of Service", href: "/terms" },
+              ],
+            },
+          ]}
+          copyrightText="© 2025 HomeShield. All rights reserved."
+        />
+      </div>
+
+      <div id="footer-simple" data-section="footer-simple">
+        <FooterSimple
+          text="Made with care for your home | HomeShield"
+          link={{ label: "Privacy Policy", href: "/privacy" }}
         />
       </div>
     </ThemeProvider>
-- 
2.49.1


From f7820690ad43b1ecd4c31b5481038f97124a5776 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:07:57 +0000
Subject: [PATCH 08/10] Update src/app/page.tsx

---
 src/app/page.tsx | 41 ++++++++++++++++++++++-------------------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f64035d..7203a14 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,18 +1,17 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import { useState } from "react";
+import { ThemeProvider } from "@/components/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "#services" },
+  { name: "Pricing", id: "#pricing" },
+  { name: "Contact", id: "/contact" },
+  { name: "About", id: "#about" },
+];
 
 export default function Home() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "About", id: "#about" },
-    { name: "Services", id: "#services" },
-    { name: "Pricing", id: "#pricing" },
-    { name: "Contact", id: "/contact" },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -20,20 +19,24 @@ export default function Home() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="circleGradient"
-      cardStyle="solid"
+      background="aurora"
+      cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarStyleCentered
+      <NavbarStyleFullscreen
         navItems={navItems}
-        button={{ text: "Get Started", href: "/contact" }}
-        brandName="OW HomeShield"
+        brandName="HomeShield"
+        bottomLeftText="Global Community"
+        bottomRightText="support@homeshield.com"
       />
-      <div className="min-h-screen flex items-center justify-center">
-        <h1 className="text-4xl font-bold">Welcome to OW HomeShield</h1>
-      </div>
+      <main>
+        {/* Home page content placeholder */}
+        <div className="min-h-screen flex items-center justify-center">
+          <p className="text-xl text-foreground">Home page content coming soon</p>
+        </div>
+      </main>
     </ThemeProvider>
   );
 }
-- 
2.49.1


From 252e3182aadeefe5d22b9037c94d285c386b8dcc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:41:37 +0000
Subject: [PATCH 09/10] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 292 +++++++++++++++++++--------------------
 1 file changed, 146 insertions(+), 146 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index da9355f..e58de47 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,28 +1,25 @@
 "use client";
 
-import { ThemeProvider } from "@/components/ThemeProvider";
+import { ThemeProvider } from "@/components/theme/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
-import SplitAbout from "@/components/sections/about/SplitAbout";
-import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
+import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
+import MediaAbout from "@/components/sections/about/MediaAbout";
+import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
-import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
-import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import { PricingCardTwo } from "@/components/sections/pricing/PricingCardTwo";
+import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Mail, Phone, MapPin, Zap, Shield, Lightbulb } from "lucide-react";
-
-const navItems = [
-  { name: "Home", id: "/" },
-  { name: "Services", id: "#services" },
-  { name: "Pricing", id: "#pricing" },
-  { name: "Contact", id: "/contact" },
-  { name: "About", id: "#about" },
-];
+import { Mail, Phone, MapPin } from "lucide-react";
 
 export default function ContactPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Contact", id: "/contact" },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -30,229 +27,232 @@ export default function ContactPage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="aurora"
-      cardStyle="glass-elevated"
+      background="none"
+      cardStyle="solid"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
       <NavbarStyleFullscreen
         navItems={navItems}
-        brandName="HomeShield"
-        bottomLeftText="Global Community"
-        bottomRightText="support@homeshield.com"
+        brandName="OW HomeShield"
+        bottomLeftText="Available 24/7"
+        bottomRightText="support@owhomeshield.com"
       />
 
       <div id="hero" data-section="hero">
-        <HeroBillboardScroll
-          background={{ variant: "canvas-reveal" }}
-          title="Get in Touch with Our Team"
-          description="We're here to help with your home maintenance and repair needs. Reach out to us today."
+        <HeroBillboardTestimonial
+          title="Get in Touch with OW HomeShield"
+          description="We're here to help with all your home maintenance and repair needs. Contact us today for a consultation or to learn more about our membership plans."
           tag="Contact Us"
-          imageSrc="/contact-hero.jpg"
-          imageAlt="Contact us hero image"
+          background={{ variant: "glowing-orb" }}
+          imageSrc="/hero-contact.jpg"
+          imageAlt="Contact OW HomeShield"
+          mediaAnimation="slide-up"
+          testimonials={[
+            {
+              name: "John Miller",              handle: "Homeowner",              testimonial:
+                "OW HomeShield's support team responded within minutes. Professional and courteous service!",              rating: 5,
+              imageSrc: "/avatar1.jpg"},
+          ]}
           buttons={[
-            { text: "Start Now", href: "#contact-form" },
-            { text: "Learn More", href: "#about" },
+            { text: "Call Now", href: "tel:1-800-123-4567" },
+            { text: "Schedule Service", href: "#contact-form" },
           ]}
         />
       </div>
 
       <div id="about" data-section="about">
-        <SplitAbout
-          title="Why Choose HomeShield?"
-          description="Our dedicated team is committed to providing exceptional home maintenance and repair services with professionalism and care."
-          tag="About Our Service"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          bulletPoints={[
-            {
-              title: "Expert Technicians",              description: "Licensed and experienced professionals trained in all home maintenance areas",              icon: Zap,
-            },
-            {
-              title: "24/7 Support",              description: "Always available for emergency repairs and urgent maintenance requests",              icon: Phone,
-            },
-            {
-              title: "Affordable Plans",              description: "Flexible membership options designed to fit any budget and home size",              icon: Shield,
-            },
-          ]}
+        <MediaAbout
+          title="Why Choose OW HomeShield?"
+          description="Over 20 years of trusted service. Our team of licensed technicians is dedicated to keeping your home in top condition with professional maintenance and rapid emergency response."
+          tag="Our Expertise"
           imageSrc="/about-contact.jpg"
-          imageAlt="About HomeShield"
-          mediaAnimation="none"
+          imageAlt="OW HomeShield team"
+          useInvertedBackground={false}
           buttons={[
-            { text: "Explore Plans", href: "#pricing" },
+            { text: "Learn More", href: "#features" },
+            { text: "View Plans", href: "#pricing" },
           ]}
         />
       </div>
 
       <div id="features" data-section="features">
-        <FeatureHoverPattern
+        <FeatureCardTwelve
+          title="Our Services"
+          description="Comprehensive home maintenance solutions tailored to your needs"
+          tag="What We Offer"
           features={[
             {
-              icon: Zap,
-              title: "Lightning Fast Response",              description: "Quick turnaround times for all service requests and emergency calls"},
+              id: "maintenance",              label: "Maintenance",              title: "Regular Home Maintenance Plans",              items: [
+                "Monthly inspections",                "HVAC system checks",                "Plumbing assessments",                "Electrical safety reviews"],
+              buttons: [{ text: "Learn More", href: "#" }],
+            },
             {
-              icon: Shield,
-              title: "Fully Licensed & Insured",              description: "All our technicians are properly certified and fully insured for your peace of mind"},
-            {
-              icon: Lightbulb,
-              title: "Innovative Solutions",              description: "Latest techniques and tools to solve your home maintenance challenges"},
+              id: "emergency",              label: "Emergency",              title: "24/7 Emergency Repair Service",              items: [
+                "Rapid response times",                "Emergency hotline",                "Licensed technicians",                "Same-day service available"],
+              buttons: [{ text: "Get Help", href: "#" }],
+            },
           ]}
-          title="Our Service Features"
-          description="Discover what makes HomeShield the trusted choice for home maintenance"
-          tag="Features"
-          textboxLayout="default"
           animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="products" data-section="products">
         <ProductCardFour
+          title="Service Packages"
+          description="Choose from our selection of professional home maintenance services"
+          tag="Available Services"
           products={[
             {
-              id: "1",              name: "Standard Maintenance Plan",              price: "$49/mo",              variant: "Essential Repairs & Inspections",              imageSrc: "/plan-standard.jpg",              imageAlt: "Standard plan"},
+              id: "1",              name: "HVAC Maintenance",              price: "$150",              variant: "Quarterly Service",              imageSrc: "/service1.jpg",              imageAlt: "HVAC Service"},
             {
-              id: "2",              name: "Premium Care Plan",              price: "$79/mo",              variant: "Full Coverage & Priority Support",              imageSrc: "/plan-premium.jpg",              imageAlt: "Premium plan"},
+              id: "2",              name: "Plumbing Inspection",              price: "$120",              variant: "Annual Check",              imageSrc: "/service2.jpg",              imageAlt: "Plumbing Service"},
             {
-              id: "3",              name: "Elite Protection Plan",              price: "$129/mo",              variant: "Comprehensive Coverage & Concierge",              imageSrc: "/plan-elite.jpg",              imageAlt: "Elite plan"},
+              id: "3",              name: "Electrical Safety",              price: "$180",              variant: "Comprehensive Review",              imageSrc: "/service3.jpg",              imageAlt: "Electrical Service"},
+            {
+              id: "4",              name: "Roofing Inspection",              price: "$200",              variant: "Professional Assessment",              imageSrc: "/service4.jpg",              imageAlt: "Roofing Service"},
           ]}
-          title="Our Service Plans"
-          description="Choose the plan that best fits your home maintenance needs"
-          tag="Plans"
-          textboxLayout="default"
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="pricing-nine" data-section="pricing-nine">
-        <PricingCardNine
-          plans={[
-            {
-              id: "basic-coaching",              title: "Starter",              price: "$39",              period: "/month",              imageSrc: "/pricing-starter.jpg",              imageAlt: "Starter plan",              button: { text: "Get Started", href: "#contact-form" },
-              features: [
-                "Monthly home inspection",                "Priority phone support",                "Emergency response within 24 hours"],
-            },
-            {
-              id: "professional-coaching",              title: "Professional",              price: "$69",              period: "/month",              imageSrc: "/pricing-professional.jpg",              imageAlt: "Professional plan",              button: { text: "Choose Plan", href: "#contact-form" },
-              features: [
-                "Bi-weekly inspections",                "24/7 support hotline",                "Emergency response within 4 hours",                "Annual comprehensive assessment"],
-            },
-          ]}
-          animationType="slide-up"
-          title="Flexible Pricing Plans"
-          description="Select the perfect plan for your home maintenance needs"
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="pricing-two" data-section="pricing-two">
-        <PricingCardTwo
+      <div id="pricing" data-section="pricing">
+        <PricingCardNine
+          title="Membership Plans"
+          description="Choose the perfect plan for your home maintenance needs"
+          tag="Pricing"
           plans={[
             {
-              id: "silver",              name: "Silver",              description: "Perfect for small homes and basic maintenance",              price: "$29",              period: "/month",              features: [
-                "Monthly check-ups",                "Emergency support",                "Basic repairs covered"],
-              button: { text: "Select Plan", href: "#contact-form" },
-              popular: false,
+              id: "basic",              title: "Basic",              price: "$49",              period: "/month",              imageSrc: "/pricing-basic.jpg",              imageAlt: "Basic Plan",              button: { text: "Get Started", href: "#contact-form" },
+              features: [
+                "Monthly inspection",                "Priority support",                "10% service discount"],
             },
             {
-              id: "gold",              name: "Gold",              description: "Our most popular choice for comprehensive care",              price: "$59",              period: "/month",              features: [
-                "Bi-weekly inspections",                "Priority emergency support",                "All repairs included",                "Free annual inspection"],
-              button: { text: "Select Plan", href: "#contact-form" },
-              popular: true,
-            },
-            {
-              id: "platinum",              name: "Platinum",              description: "Ultimate protection and peace of mind",              price: "$99",              period: "/month",              features: [
-                "Weekly proactive maintenance",                "24/7 dedicated hotline",                "All-inclusive coverage",                "Concierge service"],
-              button: { text: "Select Plan", href: "#contact-form" },
-              popular: false,
+              id: "premium",              title: "Premium",              price: "$99",              period: "/month",              imageSrc: "/pricing-premium.jpg",              imageAlt: "Premium Plan",              button: { text: "Get Started", href: "#contact-form" },
+              features: [
+                "Quarterly inspections",                "24/7 emergency support",                "20% service discount",                "Free diagnostics"],
+            },
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="pricing-cards" data-section="pricing-cards">
+        <PricingCardTwo
+          title="Annual Membership"
+          description="Save more with annual commitment"
+          tag="Best Value"
+          plans={[
+            {
+              id: "annual-basic",              title: "Annual Basic",              price: "$499",              period: "/year",              description: "Save $89 annually",              button: { text: "Subscribe", href: "#contact-form" },
+              features: [
+                "Monthly inspections",                "Priority support",                "10% discount on services"],
+              highlighted: false,
+            },
+            {
+              id: "annual-premium",              title: "Annual Premium",              price: "$999",              period: "/year",              description: "Save $189 annually",              button: { text: "Subscribe", href: "#contact-form" },
+              features: [
+                "Quarterly inspections",                "24/7 emergency support",                "20% discount on services",                "Free annual diagnostics"],
+              highlighted: true,
             },
           ]}
           animationType="slide-up"
-          title="Choose Your Plan"
-          description="Flexible pricing options tailored to your needs"
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo
+        <TestimonialCardSix
           testimonials={[
             {
-              id: "1",              quote: "HomeShield has been invaluable for maintaining our property. Their team is professional, responsive, and reasonably priced.",              author: "Sarah Johnson",              title: "Homeowner",              rating: 5,
-              imageSrc: "/testimonial-1.jpg",              imageAlt: "Sarah Johnson"},
+              id: "1",              name: "Sarah Johnson",              handle: "Homeowner, Portland",              testimonial:
+                "OW HomeShield has been a lifesaver! Their technicians are professional and the service is always on time. Highly recommend!",              imageSrc: "/avatar-sarah.jpg",              imageAlt: "Sarah Johnson"},
             {
-              id: "2",              quote: "The 24/7 emergency support gives me peace of mind. They fixed a critical issue within hours of my call.",              author: "Michael Chen",              title: "Property Owner",              rating: 5,
-              imageSrc: "/testimonial-2.jpg",              imageAlt: "Michael Chen"},
+              id: "2",              name: "Michael Chen",              handle: "Property Manager, Seattle",              testimonial:
+                "Managing multiple properties is much easier with OW HomeShield handling maintenance. Reliable and cost-effective!",              imageSrc: "/avatar-michael.jpg",              imageAlt: "Michael Chen"},
             {
-              id: "3",              quote: "Best investment for home maintenance I've made. Saves time and money compared to calling different contractors.",              author: "Jennifer Martinez",              title: "Homeowner",              rating: 5,
-              imageSrc: "/testimonial-3.jpg",              imageAlt: "Jennifer Martinez"},
+              id: "3",              name: "Emma Davis",              handle: "Homeowner, Vancouver",              testimonial:
+                "The 24/7 emergency support is incredible. When our heating went out in winter, they were there within an hour.",              imageSrc: "/avatar-emma.jpg",              imageAlt: "Emma Davis"},
+            {
+              id: "4",              name: "James Wilson",              handle: "Real Estate Agent, Bellevue",              testimonial:
+                "I recommend OW HomeShield to all my clients. Their membership plans provide excellent value and peace of mind.",              imageSrc: "/avatar-james.jpg",              imageAlt: "James Wilson"},
+            {
+              id: "5",              name: "Lisa Anderson",              handle: "Homeowner, Tacoma",              testimonial:
+                "Prevention is better than cure, and OW HomeShield's maintenance plans keep my home running smoothly year-round.",              imageSrc: "/avatar-lisa.jpg",              imageAlt: "Lisa Anderson"},
+            {
+              id: "6",              name: "Robert Martinez",              handle: "Property Owner, Olympia",              testimonial:
+                "Outstanding customer service and quality workmanship. OW HomeShield is the only choice for home maintenance in the region.",              imageSrc: "/avatar-robert.jpg",              imageAlt: "Robert Martinez"},
           ]}
           title="What Our Customers Say"
-          description="Real feedback from satisfied HomeShield members"
-          tag="Testimonials"
+          description="Trusted by thousands of homeowners across the Pacific Northwest"
           textboxLayout="default"
           useInvertedBackground={false}
-          carouselMode="buttons"
+          animationType="slide-up"
         />
       </div>
 
       <div id="contact-form" data-section="contact-form">
-        <ContactSplitForm
-          title="Send us a Message"
-          description="Have questions? Our team is ready to help. Fill out the form and we'll get back to you within 24 hours."
-          imageSrc="/contact-form-image.jpg"
-          imageAlt="Contact form"
-          imagePosition="right"
-          formFields={[
-            { name: "name", label: "Full Name", type: "text", placeholder: "John Doe", required: true },
-            { name: "email", label: "Email Address", type: "email", placeholder: "john@example.com", required: true },
-            { name: "phone", label: "Phone Number", type: "tel", placeholder: "(555) 123-4567", required: false },
-            { name: "subject", label: "Subject", type: "text", placeholder: "How can we help?", required: true },
-            { name: "message", label: "Message", type: "textarea", placeholder: "Tell us more about your needs...", required: true },
-          ]}
-          buttonText="Send Message"
-          onSubmit={(formData) => console.log("Form submitted:", formData)}
+        <ContactSplit
+          tag="Get in Touch"
+          title="Ready to protect your home?"
+          description="Sign up for OW HomeShield today and get professional maintenance and repair support. Our team is ready to help you maintain your property and handle any emergency that comes up."
+          tagIcon={Mail}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
+          imageSrc="/contact-split.jpg"
+          imageAlt="OW HomeShield team"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          inputPlaceholder="Enter your email"
+          buttonText="Get Started"
+          termsText="We respect your privacy. Unsubscribe at any time."
+          onSubmit={(email) => console.log("Email submitted:", email)}
         />
       </div>
 
-      <div id="footer-base" data-section="footer-base">
-        <FooterBase
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="OW HomeShield"
           columns={[
             {
               title: "Product",              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing-two" },
-                { label: "Plans", href: "#products" },
+                { label: "Membership Plans", href: "#pricing" },
+                { label: "Services", href: "#services" },
+                { label: "Pricing", href: "#pricing" },
               ],
             },
             {
               title: "Company",              items: [
-                { label: "About", href: "#about" },
+                { label: "About Us", href: "#about" },
                 { label: "Contact", href: "#contact-form" },
-                { label: "Support", href: "mailto:support@homeshield.com" },
+                { label: "Blog", href: "#blog" },
               ],
             },
             {
-              title: "Legal",              items: [
-                { label: "Privacy Policy", href: "/privacy" },
-                { label: "Terms of Service", href: "/terms" },
+              title: "Support",              items: [
+                { label: "24/7 Hotline", href: "tel:1-800-123-4567" },
+                { label: "Emergency Service", href: "tel:1-800-123-4567" },
+                { label: "FAQ", href: "#faq" },
               ],
             },
           ]}
-          copyrightText="© 2025 HomeShield. All rights reserved."
+          copyrightText="© 2025 OW HomeShield. All rights reserved."
+          onPrivacyClick={() => console.log("Privacy clicked")}
         />
       </div>
 
       <div id="footer-simple" data-section="footer-simple">
         <FooterSimple
-          text="Made with care for your home | HomeShield"
-          link={{ label: "Privacy Policy", href: "/privacy" }}
+          text="© 2025 OW HomeShield. Professional home maintenance and repair services."
         />
       </div>
     </ThemeProvider>
-- 
2.49.1


From 5f6dcacc6e2589054aa5214fd6c8334801499e68 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:41:39 +0000
Subject: [PATCH 10/10] Update src/app/page.tsx

---
 src/app/page.tsx | 53 ++++++++++++++++++++++++++++++++----------------
 1 file changed, 35 insertions(+), 18 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7203a14..eb21a17 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,17 +1,14 @@
 "use client";
 
-import { ThemeProvider } from "@/components/ThemeProvider";
+import { ThemeProvider } from "@/components/theme/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 
-const navItems = [
-  { name: "Home", id: "/" },
-  { name: "Services", id: "#services" },
-  { name: "Pricing", id: "#pricing" },
-  { name: "Contact", id: "/contact" },
-  { name: "About", id: "#about" },
-];
-
 export default function Home() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Contact", id: "/contact" },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -19,23 +16,43 @@ export default function Home() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="aurora"
-      cardStyle="glass-elevated"
+      background="none"
+      cardStyle="solid"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
       <NavbarStyleFullscreen
         navItems={navItems}
-        brandName="HomeShield"
-        bottomLeftText="Global Community"
-        bottomRightText="support@homeshield.com"
+        brandName="OW HomeShield"
+        bottomLeftText="Available 24/7"
+        bottomRightText="support@owhomeshield.com"
       />
       <main>
-        {/* Home page content placeholder */}
-        <div className="min-h-screen flex items-center justify-center">
-          <p className="text-xl text-foreground">Home page content coming soon</p>
-        </div>
+        <section className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100">
+          <div className="text-center">
+            <h1 className="text-5xl font-bold text-gray-900 mb-4">
+              OW HomeShield
+            </h1>
+            <p className="text-xl text-gray-600 mb-8">
+              Professional Home Maintenance & Repair Services
+            </p>
+            <div className="flex gap-4 justify-center">
+              <a
+                href="/contact"
+                className="px-8 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition"
+              >
+                Get Started
+              </a>
+              <a
+                href="#contact"
+                className="px-8 py-3 border-2 border-blue-600 text-blue-600 rounded-lg hover:bg-blue-50 transition"
+              >
+                Learn More
+              </a>
+            </div>
+          </div>
+        </section>
       </main>
     </ThemeProvider>
   );
-- 
2.49.1