bender/9c34b918-e6f4-4b40-b1db-9d11661920c7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-07 12:25:55 +00:00
Conversation 0 Commits 2 Files Changed 2 +107 -223
2 changed files with 107 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/app/layout.tsx
View File

@@ -7,47 +7,30 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
const raleway = Raleway({
variable: "--font-raleway",
subsets: ["latin"],
variable: "--font-raleway", subsets: ["latin"],
});
export const metadata: Metadata = {
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"),
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"),
alternates: {
canonical: "https://thewebsell.com",
},
canonical: "https://thewebsell.com"},
openGraph: {
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: [
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: [
{
url: "http://img.b2bpic.net/free-vector/white-project-management-concept_23-2147783140.jpg",
alt: "THEWEBSELL Dashboard",
},
url: "http://img.b2bpic.net/free-vector/white-project-management-concept_23-2147783140.jpg", alt: "THEWEBSELL Dashboard"},
],
},
twitter: {
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"],
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"],
},
robots: {
index: true,

297
src/app/page.tsx
View File

@@ -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 FooterCard from "@/components/sections/footer/FooterCard";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
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",
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" },
title: "Task Manager", 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" },
},
{
title: "Habit Tracker",
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" },
title: "Habit Tracker", 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" },
},
{
title: "Pomodoro Timer",
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" },
title: "Pomodoro Timer", 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" },
},
{
title: "Journal & Reflection",
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" },
title: "Journal & Reflection", 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" },
},
{
title: "Notes System",
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" },
title: "Notes System", 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" },
},
{
title: "Knowledge Storage",
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" },
title: "Knowledge Storage", 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" },
},
]}
tagAnimation="slide-up"
@@ -166,25 +143,13 @@ export default function HomePage() {
animationType="slide-up"
metrics={[
{
id: "tasks-completed",
value: "Tasks Completed",
description: "Today's Progress",
},
id: "tasks-completed", value: "Tasks Completed", description: "Today's Progress"},
{
id: "habit-streaks",
value: "Habit Streaks",
description: "Active Consistency",
},
id: "habit-streaks", value: "Habit Streaks", description: "Active Consistency"},
{
id: "study-hours",
value: "Study Hours",
description: "Focus Time Today",
},
id: "study-hours", value: "Study Hours", description: "Focus Time Today"},
{
id: "productivity-score",
value: "Productivity Score",
description: "Weekly Performance",
},
id: "productivity-score", value: "Productivity Score", description: "Weekly Performance"},
]}
tagAnimation="slide-up"
/>
@@ -203,28 +168,20 @@ export default function HomePage() {
mediaAnimation="slide-up"
bulletPoints={[
{
title: "Minimal Interface",
description:
"Extensive white space and thin black sketch lines create a calm, focused environment for productivity.",
icon: Maximize2,
title: "Minimal Interface", description:
"Extensive white space and thin black sketch lines create a calm, focused environment for productivity.", icon: Maximize2,
},
{
title: "Visual Metaphor",
description:
"Roads, runways, cars, and arrows represent your workflow journey—every visual element tells your productivity story.",
icon: Map,
title: "Visual Metaphor", description:
"Roads, runways, cars, and arrows represent your workflow journey—every visual element tells your productivity story.", icon: Map,
},
{
title: "Unified Design System",
description:
"All modules automatically adapt to theme colors. Change one color, and the entire system updates consistently.",
icon: Palette,
title: "Unified Design System", description:
"All modules automatically adapt to theme colors. Change one color, and the entire system updates consistently.", icon: Palette,
},
{
title: "Smooth Animations",
description:
"Subtle entrance animations, line-draw effects, and gentle micro-interactions create a professional, creative experience.",
icon: Zap,
title: "Smooth Animations", description:
"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",
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: "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"},
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
tag="System Architecture"
tagIcon={Settings}
@@ -285,52 +222,28 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Alex Chen",
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: "1", name: "Alex Chen", 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",
name: "Sarah Johnson",
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: "2", name: "Sarah Johnson", 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",
name: "Marcus Williams",
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: "3", name: "Marcus Williams", 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",
name: "Elena Rodriguez",
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: "4", name: "Elena Rodriguez", 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",
name: "James Park",
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: "5", name: "James Park", 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",
name: "Nina Patel",
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,
id: "6", name: "Nina Patel", 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",
title: "Can I sync my data across devices?",
content:
"Yes! THEWEBSELL automatically syncs all your data across devices. Your dashboard, tasks, habits, and analytics are accessible wherever you are.",
},
id: "1", title: "Can I sync my data across devices?", content:
"Yes! THEWEBSELL automatically syncs all your data across devices. Your dashboard, tasks, habits, and analytics are accessible wherever you are."},
{
id: "2",
title: "How does the theme color system work?",
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: "2", title: "How does the theme color system work?", 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",
title: "Can I export my data?",
content:
"Absolutely. All your tasks, habits, journal entries, notes, and analytics can be exported as JSON or CSV files for backup or analysis.",
},
id: "3", title: "Can I export my data?", 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",
title: "Is my data private?",
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: "4", title: "Is my data private?", 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",
title: "How do the analytics work?",
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: "5", title: "How do the analytics work?", 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",
title: "Can I customize the interface?",
content:
"Yes! You can choose from multiple theme colors, customize module visibility on your dashboard, and adjust notification preferences to match your workflow.",
},
id: "6", title: "Can I customize the interface?", 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",
title: "Does THEWEBSELL work offline?",
content:
"Yes, THEWEBSELL has offline mode. Your changes sync when you reconnect. This ensures you can stay productive anywhere, anytime.",
},
id: "7", title: "Does THEWEBSELL work offline?", content:
"Yes, THEWEBSELL has offline mode. Your changes sync when you reconnect. This ensures you can stay productive anywhere, anytime."},
{
id: "8",
title: "Can I set reminders for tasks and habits?",
content:
"Yes. Set reminders for tasks, habit check-ins, and pomodoro breaks. Notifications can be customized by time, frequency, and notification type.",
},
id: "8", title: "Can I set reminders for tasks and habits?", 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
tag="Stay Updated"
title="Join the Productivity Revolution"
description="Get early access to new features, productivity tips, and industry insights delivered to your inbox weekly. Plus, exclusive discounts for our community."
background={{ variant: "sparkles-gradient" }}
<ContactSplitForm
title="Ready to Transform Your Productivity?"
description="Join thousands of users who've revolutionized their workflow with THEWEBSELL. Start your journey today and experience the power of unified productivity."
inputs={[
{
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="Subscribe"
termsText="We respect your privacy. Unsubscribe anytime. No spam, just genuine insights."
tagIcon={Mail}
tagAnimation="slide-up"
buttonText="Start Your Journey"
onSubmit={(data) => {
console.log("Form submitted:", data);
}}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterCard
<FooterLogoEmphasis
logoText="THEWEBSELL"
copyrightText="© 2025 THEWEBSELL | Unified Productivity for the Modern Mind"
socialLinks={[
columns={[
{
icon: Twitter,
href: "https://twitter.com/thewebsell",
ariaLabel: "Twitter",
items: [
{ label: "Dashboard", href: "/" },
{ label: "Features", href: "features" },
{ label: "Pricing", href: "pricing" },
{ label: "About", href: "about" },
],
},
{
icon: Linkedin,
href: "https://linkedin.com/company/thewebsell",
ariaLabel: "LinkedIn",
items: [
{ label: "Tasks", href: "/tasks" },
{ label: "Habits", href: "habits" },
{ label: "Analytics", href: "analytics" },
{ label: "Account", href: "account" },
],
},
{
icon: Github,
href: "https://github.com/thewebsell",
ariaLabel: "GitHub",
},
{
icon: Mail,
href: "mailto:support@thewebsell.com",
ariaLabel: "Email",
items: [
{ label: "Blog", href: "blog" },
{ label: "Documentation", href: "docs" },
{ label: "Support", href: "support" },
{ label: "Contact", href: "contact" },
],
},
]}
/>