Update src/app/page.tsx

Merge version_7 into main

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>
+  );
+}

src/app/contact/page.tsx

@@ -1,205 +1,260 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroOverlay from "@/components/sections/hero/HeroOverlay";
-import SplitAbout from "@/components/sections/about/SplitAbout";
-import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
-import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
-import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Linkedin, Twitter, Mail, CheckCircle, Zap, Shield } from "lucide-react";
+import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+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 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 } from "lucide-react";
 
 export default function ContactPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Contact", id: "/contact" },
+  ];
+
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-bubble"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
-      contentWidth="small"
-      sizing="largeSmallSizeLargeTitles"
-      background="circleGradient"
-      cardStyle="inset"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="medium"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
-          brandName="OW HomeShield Inc."
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Membership Plans", id: "pricing" },
-            { name: "Why Choose Us", id: "benefits" },
-            { name: "How It Works", id: "how-it-works" },
-            { name: "Contact", id: "final-cta" }
-          ]}
-          button={{
-            text: "Call Now: 226-224-3573",            href: "tel:226-224-3573"
-          }}
-        />
-      </div>
+      <NavbarStyleFullscreen
+        navItems={navItems}
+        brandName="OW HomeShield"
+        bottomLeftText="Available 24/7"
+        bottomRightText="support@owhomeshield.com"
+      />
 
       <div id="hero" data-section="hero">
-        <HeroOverlay
+        <HeroBillboardTestimonial
           title="Get in Touch with OW HomeShield"
-          description="Have questions about our membership plans or need immediate assistance? We're here to help."
+          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"
-          tagAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkUVlKQx6CGDwb0ad68ywE0VM3/uploaded-1773157790240-ol9uxz1g.jpg"
-          imageAlt="Contact our team"
-          showBlur={true}
-          showDimOverlay={false}
-          buttons={[
-            { text: "Call Now", href: "tel:226-224-3573" },
-            { text: "Email Us", href: "mailto:info@owhomeshield.com" }
+          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: "Call Now", href: "tel:1-800-123-4567" },
+            { text: "Schedule Service", href: "#contact-form" },
           ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="benefits" data-section="benefits">
-        <SplitAbout
+      <div id="about" data-section="about">
+        <MediaAbout
           title="Why Choose OW HomeShield?"
-          description="We pride ourselves on delivering exceptional service across all areas"
+          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="OW HomeShield team"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Learn More", href: "#features" },
+            { text: "View Plans", href: "#pricing" },
+          ]}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardTwelve
+          title="Our Services"
+          description="Comprehensive home maintenance solutions tailored to your needs"
+          tag="What We Offer"
+          features={[
+            {
+              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: "#" }],
+            },
+            {
+              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: "#" }],
+            },
+          ]}
+          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          imagePosition="right"
-          mediaAnimation="blur-reveal"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkUVlKQx6CGDwb0ad68ywE0VM3/uploaded-1773157790240-ol9uxz1g.jpg"
-          imageAlt="Why choose us"
-          bulletPoints={[
+        />
+      </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={[
             {
-              title: "Expert Technicians",              description: "Licensed and insured professionals with years of experience",              icon: Shield
-            },
+              id: "1",              name: "HVAC Maintenance",              price: "$150",              variant: "Quarterly Service",              imageSrc: "/service1.jpg",              imageAlt: "HVAC Service"},
             {
-              title: "Fast Response",              description: "Quick turnaround times for all service requests",              icon: Zap
-            },
+              id: "2",              name: "Plumbing Inspection",              price: "$120",              variant: "Annual Check",              imageSrc: "/service2.jpg",              imageAlt: "Plumbing Service"},
             {
-              title: "Satisfaction Guaranteed",              description: "We stand behind our work with quality assurance",              icon: CheckCircle
-            }
+              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"},
           ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="pricing" data-section="pricing">
-        <PricingCardEight
-          title="Our Membership Plans"
-          description="Choose the perfect plan for your home protection needs"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
+        <PricingCardNine
+          title="Membership Plans"
+          description="Choose the perfect plan for your home maintenance needs"
+          tag="Pricing"
           plans={[
             {
-              id: "basic",              badge: "Basic",              price: "$44/month",              subtitle: "Essential coverage",              buttons: [{ text: "Choose Plan", href: "tel:226-224-3573" }],
-              features: ["1 service visit per month", "10% renovation discount", "Email support"]
+              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: "standard",              badge: "Most Popular",              price: "$59/month",              subtitle: "Popular choice",              buttons: [{ text: "Choose Plan", href: "tel:226-224-3573" }],
-              features: ["2 service visits per month", "15% renovation discount", "Priority booking", "Phone support"]
+              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"],
             },
-            {
-              id: "premium",              badge: "Premium",              price: "$84/month",              subtitle: "Full coverage",              buttons: [{ text: "Choose Plan", href: "tel:226-224-3573" }],
-              features: ["Unlimited service requests", "24/7 emergency support", "Priority scheduling", "Dedicated account manager"]
-            }
           ]}
-        />
-      </div>
-
-      <div id="how-it-works" data-section="how-it-works">
-        <FeatureCardTwentyThree
-          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",              tags: ["Step 1"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkUVlKQx6CGDwb0ad68ywE0VM3/uploaded-1773157790240-ol9uxz1g.jpg",              imageAlt: "Choose your plan"
-            },
-            {
-              id: "2",              title: "Sign Up Online",              tags: ["Step 2"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkUVlKQx6CGDwb0ad68ywE0VM3/uploaded-1773157790240-ol9uxz1g.jpg",              imageAlt: "Sign up online"
-            },
-            {
-              id: "3",              title: "Get Immediate Service",              tags: ["Step 3"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkUVlKQx6CGDwb0ad68ywE0VM3/uploaded-1773157790240-ol9uxz1g.jpg",              imageAlt: "Get immediate service"
-            }
-          ]}
         />
       </div>
 
-      <div id="trust" data-section="trust">
-        <TestimonialCardTwelve
+      <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"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSix
           testimonials={[
             {
-              id: "1",              name: "John Smith",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkUVlKQx6CGDwb0ad68ywE0VM3/uploaded-1773157790240-ol9uxz1g.jpg",              imageAlt: "John Smith"
-            },
+              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",              name: "Sarah Johnson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkUVlKQx6CGDwb0ad68ywE0VM3/uploaded-1773157790240-ol9uxz1g.jpg",              imageAlt: "Sarah Johnson"
-            },
+              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",              name: "Mike Davis",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkUVlKQx6CGDwb0ad68ywE0VM3/uploaded-1773157790240-ol9uxz1g.jpg",              imageAlt: "Mike Davis"
-            },
+              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: "Emily Chen",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkUVlKQx6CGDwb0ad68ywE0VM3/uploaded-1773157790240-ol9uxz1g.jpg",              imageAlt: "Emily Chen"
-            }
+              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"},
           ]}
-          cardTitle="Over 500+ satisfied customers trust us to keep their homes protected"
-          cardTag="Customer Testimonials"
-          cardAnimation="slide-up"
+          title="What Our Customers Say"
+          description="Trusted by thousands of homeowners across the Pacific Northwest"
+          textboxLayout="default"
           useInvertedBackground={false}
+          animationType="slide-up"
         />
       </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: "tel:226-224-3573" },
-            { text: "Call Us Now", href: "tel:226-224-3573" }
-          ]}
-          buttonAnimation="slide-up"
-          background={{ variant: "plain" }}
+      <div id="contact-form" data-section="contact-form">
+        <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" data-section="footer">
-        <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkUVlKQx6CGDwb0ad68ywE0VM3/uploaded-1773157790240-ol9uxz1g.jpg"
-          imageAlt="OW HomeShield"
-          logoText="OW HomeShield Inc."
-          copyrightText="© 2025 OW HomeShield Inc. All rights reserved."
+        <FooterBaseCard
+          logoText="OW HomeShield"
           columns={[
             {
-              title: "Company",              items: [
-                { label: "Home", href: "/" },
-                { label: "About", href: "#benefits" },
-                { label: "Contact", href: "#final-cta" }
-              ]
-            },
-            {
-              title: "Services",              items: [
+              title: "Product",              items: [
                 { label: "Membership Plans", href: "#pricing" },
-                { label: "How It Works", href: "#how-it-works" },
-                { label: "Emergency Support", href: "tel:226-224-3573" }
-              ]
+                { label: "Services", href: "#services" },
+                { label: "Pricing", href: "#pricing" },
+              ],
             },
             {
-              title: "Contact",              items: [
-                { label: "Call: 226-224-3573", href: "tel:226-224-3573" },
-                { label: "Email: info@owhomeshield.com", href: "mailto:info@owhomeshield.com" },
-                { label: "Available 24/7", href: "#" }
-              ]
-            }
+              title: "Company",              items: [
+                { label: "About Us", href: "#about" },
+                { label: "Contact", href: "#contact-form" },
+                { label: "Blog", href: "#blog" },
+              ],
+            },
+            {
+              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 OW HomeShield. All rights reserved."
+          onPrivacyClick={() => console.log("Privacy clicked")}
+        />
+      </div>
+
+      <div id="footer-simple" data-section="footer-simple">
+        <FooterSimple
+          text="© 2025 OW HomeShield. Professional home maintenance and repair services."
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/dashboard/page.tsx

@@ -1,84 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import ContactText from "@/components/sections/contact/ContactText";
-import FooterBase from "@/components/sections/footer/FooterBase";
-
-export default function DashboardPage() {
-  return (
-    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="mediumLarge"
-      background="circleGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="semibold"
-    >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          brandName="OW HomeShield"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Services", id: "services" },
-            { name: "Pricing", id: "pricing" },
-            { name: "About", id: "about" }
-          ]}
-          button={{
-            text: "Get Started",            href: "tel:226-224-3573"
-          }}
-          animateOnLoad={true}
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactText
-          text="Access your member dashboard to manage your home maintenance requests, view service history, and update your membership preferences."
-          animationType="entrance-slide"
-          buttons={[
-            { text: "Go to Dashboard", href: "#" },
-            { text: "Need Help?", href: "tel:226-224-3573" }
-          ]}
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterBase
-          logoText="OW HomeShield"
-          columns={[
-            {
-              title: "Services",              items: [
-                { label: "Plumbing", href: "services" },
-                { label: "HVAC", href: "services" },
-                { label: "Electrical", href: "services" },
-                { label: "General Repairs", href: "services" }
-              ]
-            },
-            {
-              title: "Company",              items: [
-                { label: "About Us", href: "about" },
-                { label: "Contact", href: "contact" },
-                { label: "Pricing", href: "pricing" },
-                { label: "Blog", href: "#" }
-              ]
-            },
-            {
-              title: "Support",              items: [
-                { label: "Emergency", href: "tel:226-224-3573" },
-                { label: "FAQ", href: "#" },
-                { label: "Terms", href: "#" },
-                { label: "Privacy", href: "#" }
-              ]
-            }
-          ]}
-        />
-      </div>
-    </ThemeProvider>
-  );
-}

src/app/membership/page.tsx

@@ -1,130 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
-import ContactText from "@/components/sections/contact/ContactText";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { Sparkles, Package } from "lucide-react";
-
-export default function MembershipPage() {
-  return (
-    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="mediumLarge"
-      background="circleGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="semibold"
-    >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          brandName="OW HomeShield"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Services", id: "services" },
-            { name: "Pricing", id: "pricing" },
-            { name: "About", id: "about" }
-          ]}
-          button={{
-            text: "Get Started",            href: "tel:226-224-3573"
-          }}
-          animateOnLoad={true}
-        />
-      </div>
-
-      <div id="pricing" data-section="pricing">
-        <PricingCardThree
-          title="Membership Plans"
-          description="Choose the perfect plan for your home protection needs"
-          tag="Pricing"
-          tagIcon={Package}
-          plans={[
-            {
-              id: "basic",              price: "$44/month",              name: "Basic Plan",              buttons: [
-                { text: "Get Started", href: "tel:226-224-3573" },
-                { text: "Learn More", href: "#" }
-              ],
-              features: [
-                "1 service visit per month",                "10% renovation discount",                "Email support",                "Basic emergency response"
-              ]
-            },
-            {
-              id: "standard",              badge: "Most Popular",              badgeIcon: Sparkles,
-              price: "$59/month",              name: "Standard Plan",              buttons: [
-                { text: "Get Started", href: "tel:226-224-3573" },
-                { text: "Learn More", href: "#" }
-              ],
-              features: [
-                "2 service visits per month",                "15% renovation discount",                "Priority booking",                "Phone & email support",                "24/7 emergency support"
-              ]
-            },
-            {
-              id: "premium",              price: "$84/month",              name: "Premium Plan",              buttons: [
-                { text: "Get Started", href: "tel:226-224-3573" },
-                { text: "Learn More", href: "#" }
-              ],
-              features: [
-                "Unlimited service requests",                "20% renovation discount",                "Premium scheduling",                "Priority phone support",                "24/7 emergency coverage",                "Annual home inspection"
-              ]
-            }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          tagAnimation="slide-up"
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready to join OW HomeShield and protect your home? Select a membership plan that works best for you and start receiving expert care today."
-          animationType="entrance-slide"
-          buttons={[
-            { text: "Start Your Membership", href: "tel:226-224-3573" },
-            { text: "Contact Us", href: "tel:226-224-3573" }
-          ]}
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterBase
-          logoText="OW HomeShield"
-          columns={[
-            {
-              title: "Services",              items: [
-                { label: "Plumbing", href: "services" },
-                { label: "HVAC", href: "services" },
-                { label: "Electrical", href: "services" },
-                { label: "General Repairs", href: "services" }
-              ]
-            },
-            {
-              title: "Company",              items: [
-                { label: "About Us", href: "about" },
-                { label: "Contact", href: "contact" },
-                { label: "Pricing", href: "pricing" },
-                { label: "Blog", href: "#" }
-              ]
-            },
-            {
-              title: "Support",              items: [
-                { label: "Emergency", href: "tel:226-224-3573" },
-                { label: "FAQ", href: "#" },
-                { label: "Terms", href: "#" },
-                { label: "Privacy", href: "#" }
-              ]
-            }
-          ]}
-        />
-      </div>
-    </ThemeProvider>
-  );
-}

src/app/page.tsx

@@ -1,243 +1,59 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
-import AboutMetric from "@/components/sections/about/AboutMetric";
-import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
-import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
-import TeamCardOne from "@/components/sections/team/TeamCardOne";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { TrendingUp, ShoppingCart, Users, Globe } from "lucide-react";
+import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+
+export default function Home() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Contact", id: "/contact" },
+  ];
 
-export default function HomePage() {
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
-      contentWidth="mediumLarge"
-      sizing="largeSmallSizeLargeTitles"
-      background="aurora"
-      cardStyle="glass-elevated"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="semibold"
+      headingFontWeight="bold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleCentered
-          brandName="Webuild"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "#about" },
-            { name: "Features", id: "#features" },
-            { name: "Pricing", id: "#pricing" },
-            { name: "Contact", id: "#contact" }
-          ]}
-          button={{
-            text: "Get Started",            href: "contact"
-          }}
-        />
-      </div>
-
-      <div id="hero" data-section="hero">
-        <HeroBillboardTestimonial
-          title="Build Modern Web Experiences"
-          description="Create stunning, responsive websites with our comprehensive component library and modern design system."
-          tag="New Release"
-          tagAnimation="slide-up"
-          background={{ variant: "glowing-orb" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkUVlKQx6CGDwb0ad68ywE0VM3/uploaded-1773157790240-ol9uxz1g.jpg"
-          imageAlt="Webuild platform showcase"
-          mediaAnimation="slide-up"
-          testimonials={[
-            {
-              name: "Sarah Johnson",              handle: "CEO, TechCorp",              testimonial: "This platform transformed how we build web experiences. Incredibly intuitive and powerful.",              rating: 5,
-              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop"
-            },
-            {
-              name: "Michael Chen",              handle: "Product Designer, InnovateLabs",              testimonial: "The component library saved us months of development time. Highly recommended!",              rating: 5,
-              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop"
-            }
-          ]}
-          testimonialRotationInterval={5000}
-          buttons={[
-            { text: "Get Started", href: "contact" },
-            { text: "Learn More", href: "#features" }
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="about" data-section="about">
-        <AboutMetric
-          title="Empowering developers to create amazing experiences with a comprehensive design system"
-          metrics={[
-            { icon: TrendingUp, label: "Performance", value: "99.9%" },
-            { icon: ShoppingCart, label: "Trusted Since", value: "2020" },
-            { icon: Users, label: "Active Users", value: "50K+" },
-            { icon: Globe, label: "Global Reach", value: "120+" }
-          ]}
-          metricsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="features" data-section="features">
-        <FeatureCardTwentyFour
-          title="Powerful Features"
-          description="Everything you need to build beautiful, scalable web applications"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          features={[
-            {
-              id: "1",              title: "Component Library",              author: "By Webuild Team",              description: "Access 100+ pre-built, customizable components ready for production use.",              tags: ["Design", "Components"],
-              imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=400&fit=crop"
-            },
-            {
-              id: "2",              title: "Design System",              author: "By Webuild Team",              description: "Consistent design tokens and guidelines for scalable applications.",              tags: ["Design", "System"],
-              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=600&h=400&fit=crop"
-            },
-            {
-              id: "3",              title: "Developer Tools",              author: "By Webuild Team",              description: "Powerful CLI tools and integrations to streamline your workflow.",              tags: ["Tools", "Development"],
-              imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=400&fit=crop"
-            }
-          ]}
-        />
-      </div>
-
-      <div id="pricing" data-section="pricing">
-        <PricingCardOne
-          title="Simple, Transparent Pricing"
-          description="Choose the perfect plan for your needs"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          plans={[
-            {
-              id: "starter",              badge: "Starter",              price: "$29/mo",              subtitle: "Perfect for individuals",              features: [
-                "Unlimited projects",                "20 component variations",                "Community support",                "Basic analytics"
-              ]
-            },
-            {
-              id: "professional",              badge: "Most Popular",              badgeIcon: undefined,
-              price: "$79/mo",              subtitle: "For growing teams",              features: [
-                "Everything in Starter",                "100+ components",                "Priority email support",                "Advanced analytics",                "Team collaboration"
-              ]
-            },
-            {
-              id: "enterprise",              badge: "Enterprise",              price: "Custom",              subtitle: "For large organizations",              features: [
-                "Everything in Professional",                "Custom components",                "24/7 phone support",                "Dedicated account manager",                "On-premise deployment"
-              ]
-            }
-          ]}
-        />
-      </div>
-
-      <div id="team" data-section="team">
-        <TeamCardOne
-          title="Meet Our Team"
-          description="The talented people behind Webuild"
-          textboxLayout="default"
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          members={[
-            {
-              id: "1",              name: "Emily Watson",              role: "Creative Director",              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=300&h=300&fit=crop"
-            },
-            {
-              id: "2",              name: "James Rodriguez",              role: "Lead Developer",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=300&h=300&fit=crop"
-            },
-            {
-              id: "3",              name: "Sophia Lee",              role: "UX Designer",              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=300&h=300&fit=crop"
-            },
-            {
-              id: "4",              name: "Marcus Johnson",              role: "Product Manager",              imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=300&h=300&fit=crop"
-            }
-          ]}
-        />
-      </div>
-
-      <div id="testimonial" data-section="testimonial">
-        <TestimonialCardFifteen
-          testimonial="Webuild has completely revolutionized how we approach web development. The components are beautifully designed, well-documented, and save us incredible amounts of time. Our team productivity has increased by 40%."
-          rating={5}
-          author="David Park, CTO at StartupHub"
-          avatars={[
-            {
-              src: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=50&h=50&fit=crop",              alt: "David Park"
-            },
-            {
-              src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=50&h=50&fit=crop",              alt: "Team member"
-            },
-            {
-              src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=50&h=50&fit=crop",              alt: "Team member"
-            }
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Newsletter"
-          title="Stay Updated with the Latest Features"
-          description="Subscribe to our newsletter to get exclusive updates, tips, and early access to new components."
-          background={{ variant: "rotated-rays-animated-grid" }}
-          useInvertedBackground={false}
-          inputPlaceholder="Enter your email"
-          buttonText="Subscribe"
-          termsText="We respect your privacy. Unsubscribe at any time."
-          onSubmit={(email) => console.log("Subscribed:", email)}
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterSimple
-          columns={[
-            {
-              title: "Product",              items: [
-                { label: "Components", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
-                { label: "Documentation", href: "#" },
-                { label: "Updates", href: "#" }
-              ]
-            },
-            {
-              title: "Company",              items: [
-                { label: "About", href: "#about" },
-                { label: "Team", href: "#team" },
-                { label: "Blog", href: "#" },
-                { label: "Careers", href: "#" }
-              ]
-            },
-            {
-              title: "Resources",              items: [
-                { label: "Support", href: "#contact" },
-                { label: "Community", href: "#" },
-                { label: "Status", href: "#" },
-                { label: "Contact", href: "#contact" }
-              ]
-            },
-            {
-              title: "Legal",              items: [
-                { label: "Privacy", href: "#" },
-                { label: "Terms", href: "#" },
-                { label: "License", href: "#" },
-                { label: "Cookie Policy", href: "#" }
-              ]
-            }
-          ]}
-          bottomLeftText="© 2025 Webuild. All rights reserved."
-          bottomRightText="Made with Webuild"
-        />
-      </div>
+      <NavbarStyleFullscreen
+        navItems={navItems}
+        brandName="OW HomeShield"
+        bottomLeftText="Available 24/7"
+        bottomRightText="support@owhomeshield.com"
+      />
+      <main>
+        <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>
   );
 }

src/app/service-request/page.tsx

@@ -1,84 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import ContactText from "@/components/sections/contact/ContactText";
-import FooterBase from "@/components/sections/footer/FooterBase";
-
-export default function ServiceRequestPage() {
-  return (
-    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="mediumLarge"
-      background="circleGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="semibold"
-    >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          brandName="OW HomeShield"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Services", id: "services" },
-            { name: "Pricing", id: "pricing" },
-            { name: "About", id: "about" }
-          ]}
-          button={{
-            text: "Get Started",            href: "tel:226-224-3573"
-          }}
-          animateOnLoad={true}
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactText
-          text="Request a service visit from our expert technicians. Whether it's an emergency or scheduled maintenance, we're here to help keep your home in perfect condition."
-          animationType="entrance-slide"
-          buttons={[
-            { text: "Request Service", href: "tel:226-224-3573" },
-            { text: "View Pricing", href: "pricing" }
-          ]}
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterBase
-          logoText="OW HomeShield"
-          columns={[
-            {
-              title: "Services",              items: [
-                { label: "Plumbing", href: "services" },
-                { label: "HVAC", href: "services" },
-                { label: "Electrical", href: "services" },
-                { label: "General Repairs", href: "services" }
-              ]
-            },
-            {
-              title: "Company",              items: [
-                { label: "About Us", href: "about" },
-                { label: "Contact", href: "contact" },
-                { label: "Pricing", href: "pricing" },
-                { label: "Blog", href: "#" }
-              ]
-            },
-            {
-              title: "Support",              items: [
-                { label: "Emergency", href: "tel:226-224-3573" },
-                { label: "FAQ", href: "#" },
-                { label: "Terms", href: "#" },
-                { label: "Privacy", href: "#" }
-              ]
-            }
-          ]}
-        />
-      </div>
-    </ThemeProvider>
-  );
-}