Update src/app/page.tsx

Merge version_1 into main

src/app/layout.tsx

@@ -7,47 +7,30 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const halant = Halant({
-  variable: "--font-halant",
+  variable: "--font-halant",  subsets: ["latin"],
-  subsets: ["latin"],
   weight: ["300", "400", "500", "600", "700"],
 });
 
 const inter = Inter({
-  variable: "--font-inter",
+  variable: "--font-inter",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 const raleway = Raleway({
-  variable: "--font-raleway",
+  variable: "--font-raleway",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "THEWEBSELL - Unified Productivity Dashboard",
+  title: "THEWEBSELL - Unified Productivity Dashboard",  description: "All-in-one productivity platform: task management, habit tracking, pomodoro timer, journaling, notes, knowledge storage, goal tracking, and analytics. Swiss-minimal design with pencil-sketch illustrations.",  keywords: "productivity, task management, habit tracker, pomodoro timer, journal, notes, goals, analytics, unified dashboard",  metadataBase: new URL("https://thewebsell.com"),
-  description: "All-in-one productivity platform: task management, habit tracking, pomodoro timer, journaling, notes, knowledge storage, goal tracking, and analytics. Swiss-minimal design with pencil-sketch illustrations.",
-  keywords: "productivity, task management, habit tracker, pomodoro timer, journal, notes, goals, analytics, unified dashboard",
-  metadataBase: new URL("https://thewebsell.com"),
   alternates: {
-    canonical: "https://thewebsell.com",
+    canonical: "https://thewebsell.com"},
-  },
   openGraph: {
-    title: "THEWEBSELL - Unified Productivity Dashboard",
+    title: "THEWEBSELL - Unified Productivity Dashboard",    description: "Master your productivity with one integrated platform combining tasks, habits, study sessions, goals, notes, and analytics.",    url: "https://thewebsell.com",    siteName: "THEWEBSELL",    type: "website",    images: [
-    description: "Master your productivity with one integrated platform combining tasks, habits, study sessions, goals, notes, and analytics.",
-    url: "https://thewebsell.com",
-    siteName: "THEWEBSELL",
-    type: "website",
-    images: [
       {
-        url: "http://img.b2bpic.net/free-vector/white-project-management-concept_23-2147783140.jpg",
+        url: "http://img.b2bpic.net/free-vector/white-project-management-concept_23-2147783140.jpg",        alt: "THEWEBSELL Dashboard"},
-        alt: "THEWEBSELL Dashboard",
-      },
     ],
   },
   twitter: {
-    card: "summary_large_image",
+    card: "summary_large_image",    title: "THEWEBSELL - Unified Productivity",    description: "Your personal operating system for productivity.",    images: ["http://img.b2bpic.net/free-vector/white-project-management-concept_23-2147783140.jpg"],
-    title: "THEWEBSELL - Unified Productivity",
-    description: "Your personal operating system for productivity.",
-    images: ["http://img.b2bpic.net/free-vector/white-project-management-concept_23-2147783140.jpg"],
   },
   robots: {
     index: true,

src/app/page.tsx

@@ -10,8 +10,8 @@ import SplitAbout from "@/components/sections/about/SplitAbout";
 import TeamCardFive from "@/components/sections/team/TeamCardFive";
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import FaqDouble from "@/components/sections/faq/FaqDouble";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 import {
   Zap,
   Grid,
@@ -32,6 +32,7 @@ import {
   Twitter,
   Linkedin,
   Github,
+  ArrowRight,
 } from "lucide-react";
 
 export default function HomePage() {
@@ -100,52 +101,28 @@ export default function HomePage() {
           animationType="slide-up"
           features={[
             {
-              title: "Task Manager",
+              title: "Task Manager",              description:
-              description:
+                "Create, edit, and organize tasks with priorities, due dates, and completion tracking across Today, Upcoming, Completed, and All Tasks views.",              imageSrc: "http://img.b2bpic.net/free-vector/target-with-paper-board-business-icons_24911-45458.jpg?_wi=1",              imageAlt: "Task Manager",              button: { text: "Explore Tasks", href: "/tasks" },
-                "Create, edit, and organize tasks with priorities, due dates, and completion tracking across Today, Upcoming, Completed, and All Tasks views.",
-              imageSrc: "http://img.b2bpic.net/free-vector/target-with-paper-board-business-icons_24911-45458.jpg?_wi=1",
-              imageAlt: "Task Manager",
-              button: { text: "Explore Tasks", href: "/tasks" },
             },
             {
-              title: "Habit Tracker",
+              title: "Habit Tracker",              description:
-              description:
+                "Build powerful habits with streak tracking, completion calendars, and progress percentages. Watch your consistency grow over time.",              imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149204204.jpg?_wi=1",              imageAlt: "Habit Tracker",              button: { text: "Track Habits", href: "/habits" },
-                "Build powerful habits with streak tracking, completion calendars, and progress percentages. Watch your consistency grow over time.",
-              imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149204204.jpg?_wi=1",
-              imageAlt: "Habit Tracker",
-              button: { text: "Track Habits", href: "/habits" },
             },
             {
-              title: "Pomodoro Timer",
+              title: "Pomodoro Timer",              description:
-              description:
+                "Master focus with 25-minute work sessions and 5-minute breaks. Track daily statistics and study time accumulation.",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-time-logos-pack_23-2148951909.jpg?_wi=1",              imageAlt: "Pomodoro Timer",              button: { text: "Start Studying", href: "/pomodoro" },
-                "Master focus with 25-minute work sessions and 5-minute breaks. Track daily statistics and study time accumulation.",
-              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-time-logos-pack_23-2148951909.jpg?_wi=1",
-              imageAlt: "Pomodoro Timer",
-              button: { text: "Start Studying", href: "/pomodoro" },
             },
             {
-              title: "Journal & Reflection",
+              title: "Journal & Reflection",              description:
-              description:
+                "Write daily journal entries, tag your moods, and reflect on your journey. Build a personal archive of growth and insights.",              imageSrc: "http://img.b2bpic.net/free-vector/happy-valentines-day-elementes_1051-580.jpg?_wi=1",              imageAlt: "Journal",              button: { text: "Start Journaling", href: "/journal" },
-                "Write daily journal entries, tag your moods, and reflect on your journey. Build a personal archive of growth and insights.",
-              imageSrc: "http://img.b2bpic.net/free-vector/happy-valentines-day-elementes_1051-580.jpg?_wi=1",
-              imageAlt: "Journal",
-              button: { text: "Start Journaling", href: "/journal" },
             },
             {
-              title: "Notes System",
+              title: "Notes System",              description:
-              description:
+                "Organize your thoughts in folders with a clean, minimal interface. Create, edit, and structure your ideas effortlessly.",              imageSrc: "http://img.b2bpic.net/free-vector/archive-page-design_1284-11252.jpg?_wi=1",              imageAlt: "Notes",              button: { text: "Take Notes", href: "/notes" },
-                "Organize your thoughts in folders with a clean, minimal interface. Create, edit, and structure your ideas effortlessly.",
-              imageSrc: "http://img.b2bpic.net/free-vector/archive-page-design_1284-11252.jpg?_wi=1",
-              imageAlt: "Notes",
-              button: { text: "Take Notes", href: "/notes" },
             },
             {
-              title: "Knowledge Storage",
+              title: "Knowledge Storage",              description:
-              description:
+                "Store formulas with categories and descriptions. Build vocabulary with meanings, examples, and learning status tracking.",              imageSrc: "http://img.b2bpic.net/free-vector/archive-page-design_1284-11252.jpg?_wi=2",              imageAlt: "Knowledge",              button: { text: "Store Knowledge", href: "/knowledge" },
-                "Store formulas with categories and descriptions. Build vocabulary with meanings, examples, and learning status tracking.",
-              imageSrc: "http://img.b2bpic.net/free-vector/archive-page-design_1284-11252.jpg?_wi=2",
-              imageAlt: "Knowledge",
-              button: { text: "Store Knowledge", href: "/knowledge" },
             },
           ]}
           tagAnimation="slide-up"
@@ -166,25 +143,13 @@ export default function HomePage() {
           animationType="slide-up"
           metrics={[
             {
-              id: "tasks-completed",
+              id: "tasks-completed",              value: "Tasks Completed",              description: "Today's Progress"},
-              value: "Tasks Completed",
-              description: "Today's Progress",
-            },
             {
-              id: "habit-streaks",
+              id: "habit-streaks",              value: "Habit Streaks",              description: "Active Consistency"},
-              value: "Habit Streaks",
-              description: "Active Consistency",
-            },
             {
-              id: "study-hours",
+              id: "study-hours",              value: "Study Hours",              description: "Focus Time Today"},
-              value: "Study Hours",
-              description: "Focus Time Today",
-            },
             {
-              id: "productivity-score",
+              id: "productivity-score",              value: "Productivity Score",              description: "Weekly Performance"},
-              value: "Productivity Score",
-              description: "Weekly Performance",
-            },
           ]}
           tagAnimation="slide-up"
         />
@@ -203,28 +168,20 @@ export default function HomePage() {
           mediaAnimation="slide-up"
           bulletPoints={[
             {
-              title: "Minimal Interface",
+              title: "Minimal Interface",              description:
-              description:
+                "Extensive white space and thin black sketch lines create a calm, focused environment for productivity.",              icon: Maximize2,
-                "Extensive white space and thin black sketch lines create a calm, focused environment for productivity.",
-              icon: Maximize2,
             },
             {
-              title: "Visual Metaphor",
+              title: "Visual Metaphor",              description:
-              description:
+                "Roads, runways, cars, and arrows represent your workflow journey—every visual element tells your productivity story.",              icon: Map,
-                "Roads, runways, cars, and arrows represent your workflow journey—every visual element tells your productivity story.",
-              icon: Map,
             },
             {
-              title: "Unified Design System",
+              title: "Unified Design System",              description:
-              description:
+                "All modules automatically adapt to theme colors. Change one color, and the entire system updates consistently.",              icon: Palette,
-                "All modules automatically adapt to theme colors. Change one color, and the entire system updates consistently.",
-              icon: Palette,
             },
             {
-              title: "Smooth Animations",
+              title: "Smooth Animations",              description:
-              description:
+                "Subtle entrance animations, line-draw effects, and gentle micro-interactions create a professional, creative experience.",              icon: Zap,
-                "Subtle entrance animations, line-draw effects, and gentle micro-interactions create a professional, creative experience.",
-              icon: Zap,
             },
           ]}
           tag="Design System"
@@ -242,33 +199,13 @@ export default function HomePage() {
           animationType="slide-up"
           team={[
             {
-              id: "1",
+              id: "1",              name: "Daily Dashboard",              role: "Productivity Overview",              imageSrc: "http://img.b2bpic.net/free-photo/performance-summary-management-spreadsheet-word_53876-120890.jpg?_wi=1",              imageAlt: "Daily Dashboard"},
-              name: "Daily Dashboard",
-              role: "Productivity Overview",
-              imageSrc: "http://img.b2bpic.net/free-photo/performance-summary-management-spreadsheet-word_53876-120890.jpg?_wi=1",
-              imageAlt: "Daily Dashboard",
-            },
             {
-              id: "2",
+              id: "2",              name: "Smart Modules",              role: "Independent & Connected",              imageSrc: "http://img.b2bpic.net/free-photo/performance-summary-management-spreadsheet-word_53876-120890.jpg?_wi=2",              imageAlt: "Smart Modules"},
-              name: "Smart Modules",
-              role: "Independent & Connected",
-              imageSrc: "http://img.b2bpic.net/free-photo/performance-summary-management-spreadsheet-word_53876-120890.jpg?_wi=2",
-              imageAlt: "Smart Modules",
-            },
             {
-              id: "3",
+              id: "3",              name: "Analytics Engine",              role: "Performance Insights",              imageSrc: "http://img.b2bpic.net/free-vector/screens-with-different-actions_1107-7.jpg?_wi=1",              imageAlt: "Analytics"},
-              name: "Analytics Engine",
-              role: "Performance Insights",
-              imageSrc: "http://img.b2bpic.net/free-vector/screens-with-different-actions_1107-7.jpg?_wi=1",
-              imageAlt: "Analytics",
-            },
             {
-              id: "4",
+              id: "4",              name: "Unified System",              role: "One Platform Solution",              imageSrc: "http://img.b2bpic.net/free-photo/performance-summary-management-spreadsheet-word_53876-120890.jpg?_wi=3",              imageAlt: "Unified System"},
-              name: "Unified System",
-              role: "One Platform Solution",
-              imageSrc: "http://img.b2bpic.net/free-photo/performance-summary-management-spreadsheet-word_53876-120890.jpg?_wi=3",
-              imageAlt: "Unified System",
-            },
           ]}
           tag="System Architecture"
           tagIcon={Settings}
@@ -285,52 +222,28 @@ export default function HomePage() {
           animationType="slide-up"
           testimonials={[
             {
-              id: "1",
+              id: "1",              name: "Alex Chen",              role: "Student & Creator",              testimonial:
-              name: "Alex Chen",
+                "Finally, one place for everything. My habits, tasks, study sessions, and goals are all connected. The minimal design helps me stay focused.",              icon: Star,
-              role: "Student & Creator",
-              testimonial:
-                "Finally, one place for everything. My habits, tasks, study sessions, and goals are all connected. The minimal design helps me stay focused.",
-              icon: Star,
             },
             {
-              id: "2",
+              id: "2",              name: "Sarah Johnson",              role: "Project Manager",              testimonial:
-              name: "Sarah Johnson",
+                "THEWEBSELL replaced three different apps for me. The unified dashboard saves me hours each week. The Swiss design is beautifully professional.",              icon: Award,
-              role: "Project Manager",
-              testimonial:
-                "THEWEBSELL replaced three different apps for me. The unified dashboard saves me hours each week. The Swiss design is beautifully professional.",
-              icon: Award,
             },
             {
-              id: "3",
+              id: "3",              name: "Marcus Williams",              role: "Entrepreneur",              testimonial:
-              name: "Marcus Williams",
+                "The analytics are incredible. I can see my productivity trends across all areas of life. It's like having a personal coach in my pocket.",              icon: Zap,
-              role: "Entrepreneur",
-              testimonial:
-                "The analytics are incredible. I can see my productivity trends across all areas of life. It's like having a personal coach in my pocket.",
-              icon: Zap,
             },
             {
-              id: "4",
+              id: "4",              name: "Elena Rodriguez",              role: "Academic Researcher",              testimonial:
-              name: "Elena Rodriguez",
+                "The knowledge storage and note system work perfectly for my research. The pencil-sketch aesthetic makes it feel less corporate and more personal.",              icon: Lightbulb,
-              role: "Academic Researcher",
-              testimonial:
-                "The knowledge storage and note system work perfectly for my research. The pencil-sketch aesthetic makes it feel less corporate and more personal.",
-              icon: Lightbulb,
             },
             {
-              id: "5",
+              id: "5",              name: "James Park",              role: "Fitness Coach",              testimonial:
-              name: "James Park",
+                "Tracking habits and goals with the built-in analytics has transformed how I coach myself. The pomodoro timer keeps my focus sharp.",              icon: Heart,
-              role: "Fitness Coach",
-              testimonial:
-                "Tracking habits and goals with the built-in analytics has transformed how I coach myself. The pomodoro timer keeps my focus sharp.",
-              icon: Heart,
             },
             {
-              id: "6",
+              id: "6",              name: "Nina Patel",              role: "Designer & Writer",              testimonial:
-              name: "Nina Patel",
+                "The journal feature combined with analytics gives me profound insights into my creative process. THEWEBSELL feels like it was built for me.",              icon: Feather,
-              role: "Designer & Writer",
-              testimonial:
-                "The journal feature combined with analytics gives me profound insights into my creative process. THEWEBSELL feels like it was built for me.",
-              icon: Feather,
             },
           ]}
           tag="User Stories"
@@ -349,53 +262,29 @@ export default function HomePage() {
           animationType="smooth"
           faqs={[
             {
-              id: "1",
+              id: "1",              title: "Can I sync my data across devices?",              content:
-              title: "Can I sync my data across devices?",
+                "Yes! THEWEBSELL automatically syncs all your data across devices. Your dashboard, tasks, habits, and analytics are accessible wherever you are."},
-              content:
-                "Yes! THEWEBSELL automatically syncs all your data across devices. Your dashboard, tasks, habits, and analytics are accessible wherever you are.",
-            },
             {
-              id: "2",
+              id: "2",              title: "How does the theme color system work?",              content:
-              title: "How does the theme color system work?",
+                "Simply change the primary theme color in settings, and every module—buttons, charts, cards, icons, and graphs—updates automatically. It's a true unified design system."},
-              content:
-                "Simply change the primary theme color in settings, and every module—buttons, charts, cards, icons, and graphs—updates automatically. It's a true unified design system.",
-            },
             {
-              id: "3",
+              id: "3",              title: "Can I export my data?",              content:
-              title: "Can I export my data?",
+                "Absolutely. All your tasks, habits, journal entries, notes, and analytics can be exported as JSON or CSV files for backup or analysis."},
-              content:
-                "Absolutely. All your tasks, habits, journal entries, notes, and analytics can be exported as JSON or CSV files for backup or analysis.",
-            },
             {
-              id: "4",
+              id: "4",              title: "Is my data private?",              content:
-              title: "Is my data private?",
+                "Your data is encrypted end-to-end. THEWEBSELL never sells or shares your personal information. You have complete control over your privacy settings."},
-              content:
-                "Your data is encrypted end-to-end. THEWEBSELL never sells or shares your personal information. You have complete control over your privacy settings.",
-            },
             {
-              id: "5",
+              id: "5",              title: "How do the analytics work?",              content:
-              title: "How do the analytics work?",
+                "Analytics aggregate data from all modules—task completion rates, habit streaks, study hours, goal progress—into visual insights that help you understand your productivity patterns."},
-              content:
-                "Analytics aggregate data from all modules—task completion rates, habit streaks, study hours, goal progress—into visual insights that help you understand your productivity patterns.",
-            },
             {
-              id: "6",
+              id: "6",              title: "Can I customize the interface?",              content:
-              title: "Can I customize the interface?",
+                "Yes! You can choose from multiple theme colors, customize module visibility on your dashboard, and adjust notification preferences to match your workflow."},
-              content:
-                "Yes! You can choose from multiple theme colors, customize module visibility on your dashboard, and adjust notification preferences to match your workflow.",
-            },
             {
-              id: "7",
+              id: "7",              title: "Does THEWEBSELL work offline?",              content:
-              title: "Does THEWEBSELL work offline?",
+                "Yes, THEWEBSELL has offline mode. Your changes sync when you reconnect. This ensures you can stay productive anywhere, anytime."},
-              content:
-                "Yes, THEWEBSELL has offline mode. Your changes sync when you reconnect. This ensures you can stay productive anywhere, anytime.",
-            },
             {
-              id: "8",
+              id: "8",              title: "Can I set reminders for tasks and habits?",              content:
-              title: "Can I set reminders for tasks and habits?",
+                "Yes. Set reminders for tasks, habit check-ins, and pomodoro breaks. Notifications can be customized by time, frequency, and notification type."},
-              content:
-                "Yes. Set reminders for tasks, habit check-ins, and pomodoro breaks. Notifications can be customized by time, frequency, and notification type.",
-            },
           ]}
           tag="Help & Support"
           tagIcon={HelpCircle}
@@ -404,49 +293,61 @@ export default function HomePage() {
 
       {/* Contact Section */}
       <div id="contact" data-section="contact" className="relative py-20">
-        <ContactSplit
+        <ContactSplitForm
-          tag="Stay Updated"
+          title="Ready to Transform Your Productivity?"
-          title="Join the Productivity Revolution"
+          description="Join thousands of users who've revolutionized their workflow with THEWEBSELL. Start your journey today and experience the power of unified productivity."
-          description="Get early access to new features, productivity tips, and industry insights delivered to your inbox weekly. Plus, exclusive discounts for our community."
+          inputs={[
-          background={{ variant: "sparkles-gradient" }}
+            {
+              name: "name",              type: "text",              placeholder: "Your Name",              required: true,
+            },
+            {
+              name: "email",              type: "email",              placeholder: "your@email.com",              required: true,
+            },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your productivity goals...",            rows: 5,
+            required: false,
+          }}
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-infographic-elements-collection_23-2148372808.jpg?_wi=2"
-          imageAlt="Join the Community"
+          imageAlt="Get in Touch"
           mediaPosition="right"
           mediaAnimation="slide-up"
-          inputPlaceholder="your@email.com"
+          buttonText="Start Your Journey"
-          buttonText="Subscribe"
+          onSubmit={(data) => {
-          termsText="We respect your privacy. Unsubscribe anytime. No spam, just genuine insights."
+            console.log("Form submitted:", data);
-          tagIcon={Mail}
+          }}
-          tagAnimation="slide-up"
         />
       </div>
 
       {/* Footer */}
       <div id="footer" data-section="footer">
-        <FooterCard
+        <FooterLogoEmphasis
           logoText="THEWEBSELL"
-          copyrightText="© 2025 THEWEBSELL | Unified Productivity for the Modern Mind"
+          columns={[
-          socialLinks={[
             {
-              icon: Twitter,
+              items: [
-              href: "https://twitter.com/thewebsell",
+                { label: "Dashboard", href: "/" },
-              ariaLabel: "Twitter",
+                { label: "Features", href: "features" },
+                { label: "Pricing", href: "pricing" },
+                { label: "About", href: "about" },
+              ],
             },
             {
-              icon: Linkedin,
+              items: [
-              href: "https://linkedin.com/company/thewebsell",
+                { label: "Tasks", href: "/tasks" },
-              ariaLabel: "LinkedIn",
+                { label: "Habits", href: "habits" },
+                { label: "Analytics", href: "analytics" },
+                { label: "Account", href: "account" },
+              ],
             },
             {
-              icon: Github,
+              items: [
-              href: "https://github.com/thewebsell",
+                { label: "Blog", href: "blog" },
-              ariaLabel: "GitHub",
+                { label: "Documentation", href: "docs" },
-            },
+                { label: "Support", href: "support" },
-            {
+                { label: "Contact", href: "contact" },
-              icon: Mail,
+              ],
-              href: "mailto:support@thewebsell.com",
-              ariaLabel: "Email",
             },
           ]}
         />