diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx
index 9d80e98..2b08dc4 100644
--- a/src/app/search/page.tsx
+++ b/src/app/search/page.tsx
@@ -2,113 +2,126 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { useState } from "react";
+import { Sparkles, Mail } from "lucide-react";
 
 const navItems = [
-  { name: "Dashboard", id: "/" },
-  { name: "Browse Jobs", id: "/search" },
-  { name: "My Applications", id: "/applications" },
-  { name: "Settings", id: "#settings" },
+  { name: "Search Jobs", id: "search" },
+  { name: "Post a Job", id: "post-job" },
+  { name: "Admin", id: "admin-login" },
+  { name: "Browse", id: "browse" },
+  { name: "Contact", id: "contact" },
 ];
 
 const footerColumns = [
   {
     title: "Product",    items: [
-      { label: "Browse Jobs", href: "/search" },
-      { label: "Companies", href: "#" },
+      { label: "Search Jobs", href: "/search" },
+      { label: "Post a Job", href: "/post-job" },
+      { label: "Browse by Province", href: "#provinces" },
       { label: "For Employers", href: "#" },
     ],
   },
   {
     title: "Company",    items: [
-      { label: "About", href: "#" },
+      { label: "About Jobee", href: "#about" },
+      { label: "Careers", href: "#" },
+      { label: "Contact Us", href: "#contact" },
       { label: "Blog", href: "#" },
-      { label: "Contact", href: "#" },
+    ],
+  },
+  {
+    title: "Resources",    items: [
+      { label: "Privacy Policy", href: "#" },
+      { label: "Terms of Service", href: "#" },
+      { label: "FAQ", href: "#" },
+      { label: "Support", href: "#" },
     ],
   },
 ];
 
 export default function SearchPage() {
-  const [searchQuery, setSearchQuery] = useState("");
-
-  const handleSearch = (callback: () => void) => {
-    callback();
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
       defaultTextAnimation="reveal-blur"
       borderRadius="pill"
-      contentWidth="medium"
-      sizing="medium"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeLargeTitles"
       background="circleGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="double-inset"
       secondaryButtonStyle="glass"
-      headingFontWeight="normal"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           brandName="Jobee"
           navItems={navItems}
           button={{
-            text: "Sign In",            onClick: () => console.log("sign-in"),
-          }}
+            text: "Post a Job",            href: "/post-job"}}
         />
       </div>
 
-      <div id="search" data-section="search" className="py-20">
-        <div className="container mx-auto px-4">
-          <h1 className="text-4xl font-bold mb-4 text-center">Find Your Dream Job</h1>
-          <p className="text-lg text-gray-600 text-center mb-8">Search across all job listings in the Netherlands</p>
-          
-          <div className="max-w-2xl mx-auto mb-12">
-            <div className="flex gap-4">
-              <input
-                type="text"
-                placeholder="Search jobs..."
-                value={searchQuery}
-                onChange={(e) => setSearchQuery(e.target.value)}
-                className="flex-1 px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-              <button
-                onClick={() => handleSearch(() => console.log("Searching for:", searchQuery))}
-                className="px-6 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors"
-              >
-                Search
-              </button>
-            </div>
-          </div>
+      <div id="features" data-section="features">
+        <FeatureCardEight
+          title="Search & Browse Jobs Across the Netherlands"
+          description="Explore our comprehensive job search experience with advanced filters, diverse listings, and tailored opportunities for every career stage."
+          tag="Advanced Search"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            {
+              id: 1,
+              title: "Filter by Province",              description:
+                "Search jobs from all 12 Dutch provinces including Amsterdam, Rotterdam, Utrecht, and beyond. Find opportunities near you or explore remote positions nationwide.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040187.jpg?_wi=4",              imageAlt: "Province filter interface"},
+            {
+              id: 2,
+              title: "Refine by Category",              description:
+                "Browse across multiple industries: Technology, Healthcare, Finance, Engineering, Marketing, Sales, and more. Find roles that match your expertise and interests.",              imageSrc:
+                "http://img.b2bpic.net/free-vector/professional-bookkeeping-postcard-template_23-2149341358.jpg?_wi=2",              imageAlt: "Job category options"},
+            {
+              id: 3,
+              title: "Salary & Experience Level",              description:
+                "Filter by salary range, job type (full-time, part-time, contract), and experience level (entry-level, mid-career, senior) to find the perfect match for your career goals.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804568.jpg?_wi=3",              imageAlt: "Salary and level filters"},
+          ]}
+          buttons={[
+            {
+              text: "Start Your Search",              href: "/search"},
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
 
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-            <div className="p-6 bg-white rounded-lg shadow-md border border-gray-200">
-              <h3 className="text-xl font-semibold mb-2">Senior Software Engineer</h3>
-              <p className="text-gray-600 mb-4">Amsterdam, Netherlands · Full-time</p>
-              <p className="text-sm text-gray-500">Posted 2 days ago</p>
-            </div>
-            <div className="p-6 bg-white rounded-lg shadow-md border border-gray-200">
-              <h3 className="text-xl font-semibold mb-2">Product Manager</h3>
-              <p className="text-gray-600 mb-4">Rotterdam, Netherlands · Full-time</p>
-              <p className="text-sm text-gray-500">Posted 5 days ago</p>
-            </div>
-            <div className="p-6 bg-white rounded-lg shadow-md border border-gray-200">
-              <h3 className="text-xl font-semibold mb-2">UX Designer</h3>
-              <p className="text-gray-600 mb-4">Utrecht, Netherlands · Full-time</p>
-              <p className="text-sm text-gray-500">Posted 1 week ago</p>
-            </div>
-          </div>
-        </div>
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Save Your Search"
+          title="Get Personalized Job Recommendations"
+          description="Create an account and set up job alerts. We'll notify you about new positions matching your criteria so you never miss an opportunity."
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          background={{
+            variant: "animated-grid"}}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email to get started"
+          buttonText="Create Alert"
+          termsText="Your preferences are private and secure. Manage your alerts anytime."
+        />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBase
           logoText="Jobee"
-          copyrightText="© 2025 Jobee"
+          copyrightText="© 2025 Jobee | Dutch Job Listing Platform"
           columns={footerColumns}
         />
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file