From 3981f7d98bc2dae5171979918377bf1538903510 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 22:21:15 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 182 +++++++++++++++--------------------------------
 1 file changed, 57 insertions(+), 125 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cbd77a4..bef1ae7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,210 +2,142 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
-import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
-import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Briefcase, Sparkles, Mail, Quote } from "lucide-react";
+import { Users, Star } from "lucide-react";
 
 const navItems = [
-  { name: "Search Jobs", id: "search" },
-  { name: "Post a Job", id: "post-job" },
-  { name: "Admin", id: "/admin" },
-  { name: "Browse", id: "browse" },
-  { name: "Contact", id: "contact" },
+  { name: "Home", id: "/" },
+  { name: "Features", id: "#features" },
+  { name: "Testimonials", id: "#testimonials" },
+  { name: "Contact", id: "#contact" },
 ];
 
 const footerColumns = [
   {
     title: "Product",    items: [
-      { label: "Search Jobs", href: "/search" },
-      { label: "Post a Job", href: "/post-job" },
-      { label: "Browse by Province", href: "#provinces" },
-      { label: "For Employers", href: "#" },
+      { label: "Features", href: "#features" },
+      { label: "Pricing", href: "#pricing" },
+      { label: "Security", href: "#security" },
     ],
   },
   {
     title: "Company",    items: [
-      { label: "About Jobee", href: "#about" },
-      { label: "Careers", href: "#" },
-      { label: "Contact Us", href: "#contact" },
-      { label: "Blog", href: "#" },
-    ],
-  },
-  {
-    title: "Resources",    items: [
-      { label: "Privacy Policy", href: "#" },
-      { label: "Terms of Service", href: "#" },
-      { label: "FAQ", href: "#" },
-      { label: "Support", href: "#" },
+      { label: "About", href: "#about" },
+      { label: "Blog", href: "#blog" },
+      { label: "Careers", href: "#careers" },
     ],
   },
 ];
 
-export default function HomePage() {
+export default function Home() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="pill"
-      contentWidth="smallMedium"
-      sizing="mediumLargeSizeLargeTitles"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
       background="circleGradient"
-      cardStyle="gradient-radial"
-      primaryButtonStyle="double-inset"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="bold"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          brandName="Jobee"
+          brandName="Webild"
           navItems={navItems}
           button={{
-            text: "Post a Job",            href: "/post-job"}}
+            text: "Get Started",            onClick: () => console.log("cta clicked"),
+          }}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroSplitDoubleCarousel
-          title="Find Your Dream Job in the Netherlands"
-          description="Discover thousands of opportunities across all 12 Dutch provinces. Connect with top employers, build your career, and find the perfect role that matches your skills and ambitions."
-          tag="Dutch Job Market"
-          tagIcon={Briefcase}
-          tagAnimation="slide-up"
-          background={{
-            variant: "animated-grid"}}
+          title="Experience the Future of Web Development"
+          description="Build stunning, responsive websites with our revolutionary platform and innovative tools."
+          background={{ variant: "sparkles-gradient" }}
           leftCarouselItems={[
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-vector/professional-bookkeeping-postcard-template_23-2149341358.jpg?_wi=1",              imageAlt: "Job Listing Card Design"},
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040187.jpg?_wi=1",              imageAlt: "Advanced Search Filter Interface"},
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-vector/professional-recruitment-plan-diversity-general-infographic-template_23-2148947635.jpg?_wi=1",              imageAlt: "Admin Dashboard Management"},
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/personal-information-form-identity-concept_53876-137622.jpg?_wi=1",              imageAlt: "Application Process Flow"},
+            { imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Feature 1" },
+            { imageSrc: "/placeholders/placeholder2.webp", imageAlt: "Feature 2" },
           ]}
           rightCarouselItems={[
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804568.jpg?_wi=1",              imageAlt: "Professional Job Search Workspace"},
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/personal-information-form-identity-concept_53876-137622.jpg?_wi=2",              imageAlt: "Recruitment Application Steps"},
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-vector/professional-recruitment-plan-diversity-general-infographic-template_23-2148947635.jpg?_wi=2",              imageAlt: "Recruitment Analytics Dashboard"},
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040187.jpg?_wi=2",              imageAlt: "Job Search Filter Options"},
+            { imageSrc: "/placeholders/placeholder3.webp", imageAlt: "Feature 3" },
+            { imageSrc: "/placeholders/placeholder4.webp", imageAlt: "Feature 4" },
           ]}
           buttons={[
-            {
-              text: "Start Searching",              href: "/search"},
-            {
-              text: "Post a Job",              href: "/post-job"},
+            { text: "Get Started", href: "#contact" },
+            { text: "Learn More", href: "#features" },
           ]}
-          buttonAnimation="slide-up"
-          carouselPosition="right"
         />
       </div>
 
       <div id="features" data-section="features">
         <FeatureCardEight
-          title="How Jobee Works"
-          description="A seamless journey from job discovery to successful employment placement across the Netherlands."
-          tag="Simple Process"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
+          title="Powerful Features"
+          description="Everything you need to build amazing web experiences"
+          tag="Features"
           textboxLayout="default"
           useInvertedBackground={false}
           features={[
             {
               id: 1,
-              title: "Search & Filter",              description:
-                "Browse thousands of jobs across all Dutch provinces with advanced filtering by location, salary, job type, and category.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040187.jpg?_wi=3",              imageAlt: "Advanced search interface"},
+              title: "Lightning Fast",              description: "Optimized for speed and performance",              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Performance"},
             {
               id: 2,
-              title: "Apply Easily",              description:
-                "Submit your application with your resume, cover letter, and personal information in just minutes.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/personal-information-form-identity-concept_53876-137622.jpg?_wi=3",              imageAlt: "Application form process"},
+              title: "Fully Responsive",              description: "Perfect on all devices and screen sizes",              imageSrc: "/placeholders/placeholder2.webp",              imageAlt: "Responsive"},
             {
               id: 3,
-              title: "Connect with Employers",              description:
-                "Get matched with top Dutch companies actively hiring and receive direct opportunities from recruiters.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804568.jpg?_wi=2",              imageAlt: "Professional networking"},
+              title: "Easy to Use",              description: "Intuitive interface for seamless workflows",              imageSrc: "/placeholders/placeholder3.webp",              imageAlt: "Easy to use"},
             {
               id: 4,
-              title: "Land Your Dream Job",              description:
-                "Track your applications, receive updates, and secure your next career opportunity with confidence.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/professional-recruitment-plan-diversity-general-infographic-template_23-2148947635.jpg?_wi=3",              imageAlt: "Dashboard tracking"},
+              title: "Secure by Default",              description: "Enterprise-grade security built-in",              imageSrc: "/placeholders/placeholder4.webp",              imageAlt: "Secure"},
           ]}
-          buttons={[
-            {
-              text: "Browse Jobs",              href: "/search"},
-          ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTwo
-          title="Success Stories from Our Users"
-          description="Hear from job seekers and employers who have found success through Jobee."
-          tag="User Testimonials"
-          tagIcon={Quote}
-          tagAnimation="slide-up"
+          title="What Our Customers Say"
+          description="Join thousands of satisfied users who've transformed their web development workflow"
+          tag="Testimonials"
           textboxLayout="default"
           useInvertedBackground={true}
           animationType="slide-up"
           testimonials={[
             {
-              id: "1",              name: "Sarah van der Berg",              role: "Software Developer",              testimonial:
-                "I found my perfect job within 2 weeks using Jobee. The search filters made it easy to find remote opportunities in Amsterdam that matched my skill set.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=1",              imageAlt: "Sarah van der Berg"},
+              id: "1",              name: "Alex Chen",              role: "Frontend Developer",              testimonial: "This platform has completely transformed how I build websites. The features are intuitive and powerful.",              icon: Star,
+            },
             {
-              id: "2",              name: "Jan Pieterzoon",              role: "HR Manager",              testimonial:
-                "As a recruiter, Jobee has revolutionized how we post jobs and connect with talented candidates across the Netherlands. The platform is intuitive and effective.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/smiling-face-gorgeous-latin-american-woman_1262-5766.jpg?_wi=1",              imageAlt: "Jan Pieterzoon"},
-            {
-              id: "3",              name: "Emma Dijkstra",              role: "Marketing Specialist",              testimonial:
-                "The application process on Jobee is so smooth. I applied for 5 positions and received 3 interview invitations within a week. Highly recommended!",              imageSrc:
-                "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=1",              imageAlt: "Emma Dijkstra"},
-            {
-              id: "4",              name: "Michael Houtstra",              role: "Finance Director",              testimonial:
-                "We've hired 12 excellent team members through Jobee in the past year. The quality of candidates is outstanding and the platform is incredibly easy to use.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9543.jpg?_wi=1",              imageAlt: "Michael Houtstra"},
+              id: "2",              name: "Sarah Johnson",              role: "Product Manager",              testimonial: "Amazing tool that has saved our team countless hours. Highly recommended for any development team.",              icon: Users,
+            },
           ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="contact" data-section="contact">
         <ContactCenter
           tag="Newsletter"
-          title="Stay Updated with Job Opportunities"
-          description="Subscribe to our newsletter and get notified about new jobs matching your profile, industry trends, and career tips for the Dutch job market."
-          tagIcon={Mail}
-          tagAnimation="slide-up"
-          background={{
-            variant: "animated-grid"}}
+          title="Stay Updated"
+          description="Subscribe to our newsletter for the latest updates, tips, and exclusive content."
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          inputPlaceholder="Enter your email address"
+          inputPlaceholder="Enter your email"
           buttonText="Subscribe"
-          termsText="We respect your privacy. Unsubscribe anytime from our newsletter."
+          termsText="We respect your privacy. Unsubscribe at any time."
+          onSubmit={(email) => console.log("Email submitted:", email)}
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBase
-          logoText="Jobee"
-          copyrightText="© 2025 Jobee | Dutch Job Listing Platform"
+          logoText="Webild"
+          copyrightText="© 2025 Webild. All rights reserved."
           columns={footerColumns}
         />
       </div>