From 5ffce5392af2d83c3dd7051023c12a3ef789ca4a Mon Sep 17 00:00:00 2001 From: "tejas.prakash" Date: Mon, 18 Aug 2025 14:40:50 +0530 Subject: [PATCH] Updated codebase --- src/app/layout.tsx | 2 +- src/components/auth/auth-page.tsx | 8 +- src/components/layout/app-layout.tsx | 4 +- src/components/main-dashboard.tsx | 586 ++++----------------- src/components/navigation/header.tsx | 44 +- src/components/templates/template-page.tsx | 88 ++-- src/components/ui/button.tsx | 4 +- 7 files changed, 189 insertions(+), 547 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 49d20d1..bed4124 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -32,7 +32,7 @@ html { } `} - +
{children}
diff --git a/src/components/auth/auth-page.tsx b/src/components/auth/auth-page.tsx index efb558c..609b596 100644 --- a/src/components/auth/auth-page.tsx +++ b/src/components/auth/auth-page.tsx @@ -12,7 +12,7 @@ export function AuthPage() {
{/* Left: Gradient panel with steps */}
-
+
{/* subtle grain */}
@@ -25,10 +25,10 @@ export function AuthPage() {
-

Codenuk

+

Codenuk

-

Get Started with Us

-

Complete these easy steps to register your account.

+

Get Started with Us

+

Complete these easy steps to register your account.

{/* Step 1 */} diff --git a/src/components/layout/app-layout.tsx b/src/components/layout/app-layout.tsx index 511211d..dd3bd80 100644 --- a/src/components/layout/app-layout.tsx +++ b/src/components/layout/app-layout.tsx @@ -18,8 +18,8 @@ export function AppLayout({ children }: AppLayoutProps) { // Show loading state while checking auth if (isLoading) { return ( -
-
+
+
) } diff --git a/src/components/main-dashboard.tsx b/src/components/main-dashboard.tsx index 472a05f..e3b4a0a 100644 --- a/src/components/main-dashboard.tsx +++ b/src/components/main-dashboard.tsx @@ -27,386 +27,46 @@ function TemplateSelectionStep({ onNext }: { onNext: (template: Template) => voi const templates: Template[] = [ // Marketing Templates (10) - { - id: "marketing-website", - title: "Marketing Website", - description: "Professional marketing site with CMS and lead generation", - category: "marketing", - features: ["Content Management", "Contact Forms", "SEO Optimization", "Analytics Integration"], - complexity: 2, - timeEstimate: "1-2 weeks", - techStack: ["Next.js", "Sanity CMS", "Tailwind CSS", "Vercel"], - popularity: 95, - lastUpdated: "2024-01-15", - }, - { - id: "landing-page", - title: "Landing Page", - description: "High-converting landing page with A/B testing capabilities", - category: "marketing", - features: ["A/B Testing", "Conversion Tracking", "Lead Capture", "Mobile Optimization"], - complexity: 2, - timeEstimate: "3-5 days", - techStack: ["Next.js", "Tailwind CSS", "Google Analytics", "Mailchimp"], - popularity: 88, - lastUpdated: "2024-01-10", - }, - { - id: "blog-platform", - title: "Blog Platform", - description: "Content-rich blog with SEO optimization and social sharing", - category: "marketing", - features: ["Content Management", "SEO Tools", "Social Sharing", "Comment System"], - complexity: 3, - timeEstimate: "1-2 weeks", - techStack: ["Next.js", "MDX", "Tailwind CSS", "Disqus"], - popularity: 82, - lastUpdated: "2024-01-12", - }, - { - id: "portfolio-site", - title: "Portfolio Website", - description: "Personal or agency portfolio with project showcase", - category: "marketing", - features: ["Project Gallery", "Contact Forms", "Blog", "Responsive Design"], - complexity: 2, - timeEstimate: "1-2 weeks", - techStack: ["Next.js", "MDX", "Tailwind CSS", "Framer Motion"], - popularity: 79, - lastUpdated: "2024-01-08", - }, - { - id: "agency-website", - title: "Agency Website", - description: "Full-service agency site with team profiles and case studies", - category: "marketing", - features: ["Team Profiles", "Case Studies", "Service Pages", "Client Testimonials"], - complexity: 3, - timeEstimate: "2-3 weeks", - techStack: ["Next.js", "Strapi", "Tailwind CSS", "Framer Motion"], - popularity: 76, - lastUpdated: "2024-01-14", - }, - { - id: "event-website", - title: "Event Website", - description: "Event promotion site with registration and ticketing", - category: "marketing", - features: ["Event Registration", "Ticketing", "Speaker Profiles", "Schedule Management"], - complexity: 4, - timeEstimate: "2-3 weeks", - techStack: ["Next.js", "Stripe", "Calendar API", "Email Integration"], - popularity: 73, - lastUpdated: "2024-01-11", - }, - { - id: "restaurant-website", - title: "Restaurant Website", - description: "Restaurant site with menu, reservations, and online ordering", - category: "marketing", - features: ["Menu Display", "Online Reservations", "Order System", "Location Info"], - complexity: 3, - timeEstimate: "1-2 weeks", - techStack: ["Next.js", "Reservation API", "Payment Processing", "Google Maps"], - popularity: 70, - lastUpdated: "2024-01-09", - }, - { - id: "nonprofit-website", - title: "Nonprofit Website", - description: "Nonprofit organization site with donation and volunteer management", - category: "marketing", - features: ["Donation Processing", "Volunteer Registration", "Event Management", "Impact Tracking"], - complexity: 3, - timeEstimate: "2-3 weeks", - techStack: ["Next.js", "Stripe", "Volunteer API", "Analytics"], - popularity: 67, - lastUpdated: "2024-01-13", - }, - { - id: "real-estate-website", - title: "Real Estate Website", - description: "Property listing site with search and contact features", - category: "marketing", - features: ["Property Listings", "Search Filters", "Contact Forms", "Virtual Tours"], - complexity: 4, - timeEstimate: "2-4 weeks", - techStack: ["Next.js", "Property API", "Map Integration", "Image Gallery"], - popularity: 64, - lastUpdated: "2024-01-07", - }, - { - id: "personal-brand", - title: "Personal Brand Site", - description: "Personal branding site for professionals and creators", - category: "marketing", - features: ["About Page", "Services", "Testimonials", "Contact Integration"], - complexity: 2, - timeEstimate: "1 week", - techStack: ["Next.js", "Tailwind CSS", "Contact Forms", "Social Links"], - popularity: 61, - lastUpdated: "2024-01-06", - }, + { id: "marketing-website", title: "Marketing Website", description: "Professional marketing site with CMS and lead generation", category: "marketing", features: ["Content Management", "Contact Forms", "SEO Optimization", "Analytics Integration"], complexity: 2, timeEstimate: "1-2 weeks", techStack: ["Next.js", "Sanity CMS", "Tailwind CSS", "Vercel"], popularity: 95, lastUpdated: "2024-01-15" }, + { id: "landing-page", title: "Landing Page", description: "High-converting landing page with A/B testing capabilities", category: "marketing", features: ["A/B Testing", "Conversion Tracking", "Lead Capture", "Mobile Optimization"], complexity: 2, timeEstimate: "3-5 days", techStack: ["Next.js", "Tailwind CSS", "Google Analytics", "Mailchimp"], popularity: 88, lastUpdated: "2024-01-10" }, + { id: "blog-platform", title: "Blog Platform", description: "Content-rich blog with SEO optimization and social sharing", category: "marketing", features: ["Content Management", "SEO Tools", "Social Sharing", "Comment System"], complexity: 3, timeEstimate: "1-2 weeks", techStack: ["Next.js", "MDX", "Tailwind CSS", "Disqus"], popularity: 82, lastUpdated: "2024-01-12" }, + { id: "portfolio-site", title: "Portfolio Website", description: "Personal or agency portfolio with project showcase", category: "marketing", features: ["Project Gallery", "Contact Forms", "Blog", "Responsive Design"], complexity: 2, timeEstimate: "1-2 weeks", techStack: ["Next.js", "MDX", "Tailwind CSS", "Framer Motion"], popularity: 79, lastUpdated: "2024-01-08" }, + { id: "agency-website", title: "Agency Website", description: "Full-service agency site with team profiles and case studies", category: "marketing", features: ["Team Profiles", "Case Studies", "Service Pages", "Client Testimonials"], complexity: 3, timeEstimate: "2-3 weeks", techStack: ["Next.js", "Strapi", "Tailwind CSS", "Framer Motion"], popularity: 76, lastUpdated: "2024-01-14" }, + { id: "event-website", title: "Event Website", description: "Event promotion site with registration and ticketing", category: "marketing", features: ["Event Registration", "Ticketing", "Speaker Profiles", "Schedule Management"], complexity: 4, timeEstimate: "2-3 weeks", techStack: ["Next.js", "Stripe", "Calendar API", "Email Integration"], popularity: 73, lastUpdated: "2024-01-11" }, + { id: "restaurant-website", title: "Restaurant Website", description: "Restaurant site with menu, reservations, and online ordering", category: "marketing", features: ["Menu Display", "Online Reservations", "Order System", "Location Info"], complexity: 3, timeEstimate: "1-2 weeks", techStack: ["Next.js", "Reservation API", "Payment Processing", "Google Maps"], popularity: 70, lastUpdated: "2024-01-09" }, + { id: "nonprofit-website", title: "Nonprofit Website", description: "Nonprofit organization site with donation and volunteer management", category: "marketing", features: ["Donation Processing", "Volunteer Registration", "Event Management", "Impact Tracking"], complexity: 3, timeEstimate: "2-3 weeks", techStack: ["Next.js", "Stripe", "Volunteer API", "Analytics"], popularity: 67, lastUpdated: "2024-01-13" }, + { id: "real-estate-website", title: "Real Estate Website", description: "Property listing site with search and contact features", category: "marketing", features: ["Property Listings", "Search Filters", "Contact Forms", "Virtual Tours"], complexity: 4, timeEstimate: "2-4 weeks", techStack: ["Next.js", "Property API", "Map Integration", "Image Gallery"], popularity: 64, lastUpdated: "2024-01-07" }, + { id: "personal-brand", title: "Personal Brand Site", description: "Personal branding site for professionals and creators", category: "marketing", features: ["About Page", "Services", "Testimonials", "Contact Integration"], complexity: 2, timeEstimate: "1 week", techStack: ["Next.js", "Tailwind CSS", "Contact Forms", "Social Links"], popularity: 61, lastUpdated: "2024-01-06" }, // Software Templates (10) - { - id: "saas-platform", - title: "SaaS Platform", - description: "Complete SaaS application with user management, billing, and analytics", - category: "software", - features: ["User Authentication", "Payment Processing", "Analytics Integration", "API Management"], - complexity: 5, - timeEstimate: "4-6 weeks", - techStack: ["Next.js", "PostgreSQL", "Stripe", "NextAuth.js"], - popularity: 92, - lastUpdated: "2024-01-15", - }, - { - id: "dashboard-app", - title: "Analytics Dashboard", - description: "Data visualization dashboard with real-time updates", - category: "software", - features: ["Data Visualization", "Real-time Updates", "User Authentication", "Export Features"], - complexity: 4, - timeEstimate: "3-4 weeks", - techStack: ["Next.js", "Chart.js", "WebSockets", "PostgreSQL"], - popularity: 89, - lastUpdated: "2024-01-14", - }, - { - id: "mobile-app", - title: "Mobile App (PWA)", - description: "Progressive web app with mobile-first design", - category: "software", - features: ["Offline Support", "Push Notifications", "Mobile Optimization", "App Install"], - complexity: 4, - timeEstimate: "2-3 weeks", - techStack: ["Next.js", "PWA", "Service Workers", "Push API"], - popularity: 86, - lastUpdated: "2024-01-13", - }, - { - id: "project-management", - title: "Project Management Tool", - description: "Team collaboration and project tracking application", - category: "software", - features: ["Task Management", "Team Collaboration", "Time Tracking", "Reporting"], - complexity: 5, - timeEstimate: "4-5 weeks", - techStack: ["Next.js", "PostgreSQL", "Real-time Updates", "File Upload"], - popularity: 83, - lastUpdated: "2024-01-12", - }, - { - id: "crm-system", - title: "CRM System", - description: "Customer relationship management with sales pipeline", - category: "software", - features: ["Contact Management", "Sales Pipeline", "Email Integration", "Reporting"], - complexity: 5, - timeEstimate: "3-5 weeks", - techStack: ["Next.js", "PostgreSQL", "Email API", "Calendar Integration"], - popularity: 80, - lastUpdated: "2024-01-11", - }, - { - id: "inventory-management", - title: "Inventory Management", - description: "Stock tracking and warehouse management system", - category: "software", - features: ["Stock Tracking", "Barcode Scanning", "Supplier Management", "Reports"], - complexity: 4, - timeEstimate: "3-4 weeks", - techStack: ["Next.js", "PostgreSQL", "Barcode API", "PDF Generation"], - popularity: 77, - lastUpdated: "2024-01-10", - }, - { - id: "learning-platform", - title: "Learning Management System", - description: "Online education platform with courses and assessments", - category: "software", - features: ["Course Management", "Video Streaming", "Assessments", "Progress Tracking"], - complexity: 5, - timeEstimate: "4-6 weeks", - techStack: ["Next.js", "Video API", "PostgreSQL", "Payment Processing"], - popularity: 74, - lastUpdated: "2024-01-09", - }, - { - id: "booking-system", - title: "Booking System", - description: "Appointment and reservation management platform", - category: "software", - features: ["Calendar Integration", "Payment Processing", "Notifications", "Customer Management"], - complexity: 4, - timeEstimate: "2-4 weeks", - techStack: ["Next.js", "Calendar API", "Stripe", "Email Integration"], - popularity: 71, - lastUpdated: "2024-01-08", - }, - { - id: "chat-application", - title: "Chat Application", - description: "Real-time messaging platform with file sharing", - category: "software", - features: ["Real-time Messaging", "File Sharing", "Group Chats", "User Presence"], - complexity: 4, - timeEstimate: "2-3 weeks", - techStack: ["Next.js", "WebSockets", "File Storage", "Real-time DB"], - popularity: 68, - lastUpdated: "2024-01-07", - }, - { - id: "api-platform", - title: "API Platform", - description: "RESTful API with documentation and rate limiting", - category: "software", - features: ["API Documentation", "Rate Limiting", "Authentication", "Monitoring"], - complexity: 4, - timeEstimate: "2-3 weeks", - techStack: ["Next.js", "Swagger", "Redis", "Monitoring Tools"], - popularity: 65, - lastUpdated: "2024-01-06", - }, + { id: "saas-platform", title: "SaaS Platform", description: "Complete SaaS application with user management, billing, and analytics", category: "software", features: ["User Authentication", "Payment Processing", "Analytics Integration", "API Management"], complexity: 5, timeEstimate: "4-6 weeks", techStack: ["Next.js", "PostgreSQL", "Stripe", "NextAuth.js"], popularity: 92, lastUpdated: "2024-01-15" }, + { id: "dashboard-app", title: "Analytics Dashboard", description: "Data visualization dashboard with real-time updates", category: "software", features: ["Data Visualization", "Real-time Updates", "User Authentication", "Export Features"], complexity: 4, timeEstimate: "3-4 weeks", techStack: ["Next.js", "Chart.js", "WebSockets", "PostgreSQL"], popularity: 89, lastUpdated: "2024-01-14" }, + { id: "mobile-app", title: "Mobile App (PWA)", description: "Progressive web app with mobile-first design", category: "software", features: ["Offline Support", "Push Notifications", "Mobile Optimization", "App Install"], complexity: 4, timeEstimate: "2-3 weeks", techStack: ["Next.js", "PWA", "Service Workers", "Push API"], popularity: 86, lastUpdated: "2024-01-13" }, + { id: "project-management", title: "Project Management Tool", description: "Team collaboration and project tracking application", category: "software", features: ["Task Management", "Team Collaboration", "Time Tracking", "Reporting"], complexity: 5, timeEstimate: "4-5 weeks", techStack: ["Next.js", "PostgreSQL", "Real-time Updates", "File Upload"], popularity: 83, lastUpdated: "2024-01-12" }, + { id: "crm-system", title: "CRM System", description: "Customer relationship management with sales pipeline", category: "software", features: ["Contact Management", "Sales Pipeline", "Email Integration", "Reporting"], complexity: 5, timeEstimate: "3-5 weeks", techStack: ["Next.js", "PostgreSQL", "Email API", "Calendar Integration"], popularity: 80, lastUpdated: "2024-01-11" }, + { id: "inventory-management", title: "Inventory Management", description: "Stock tracking and warehouse management system", category: "software", features: ["Stock Tracking", "Barcode Scanning", "Supplier Management", "Reports"], complexity: 4, timeEstimate: "3-4 weeks", techStack: ["Next.js", "PostgreSQL", "Barcode API", "PDF Generation"], popularity: 77, lastUpdated: "2024-01-10" }, + { id: "learning-platform", title: "Learning Management System", description: "Online education platform with courses and assessments", category: "software", features: ["Course Management", "Video Streaming", "Assessments", "Progress Tracking"], complexity: 5, timeEstimate: "4-6 weeks", techStack: ["Next.js", "Video API", "PostgreSQL", "Payment Processing"], popularity: 74, lastUpdated: "2024-01-09" }, + { id: "booking-system", title: "Booking System", description: "Appointment and reservation management platform", category: "software", features: ["Calendar Integration", "Payment Processing", "Notifications", "Customer Management"], complexity: 4, timeEstimate: "2-4 weeks", techStack: ["Next.js", "Calendar API", "Stripe", "Email Integration"], popularity: 71, lastUpdated: "2024-01-08" }, + { id: "chat-application", title: "Chat Application", description: "Real-time messaging platform with file sharing", category: "software", features: ["Real-time Messaging", "File Sharing", "Group Chats", "User Presence"], complexity: 4, timeEstimate: "2-3 weeks", techStack: ["Next.js", "WebSockets", "File Storage", "Real-time DB"], popularity: 68, lastUpdated: "2024-01-07" }, + { id: "api-platform", title: "API Platform", description: "RESTful API with documentation and rate limiting", category: "software", features: ["API Documentation", "Rate Limiting", "Authentication", "Monitoring"], complexity: 4, timeEstimate: "2-3 weeks", techStack: ["Next.js", "Swagger", "Redis", "Monitoring Tools"], popularity: 65, lastUpdated: "2024-01-06" }, // SEO Templates (10) - { - id: "seo-optimized-blog", - title: "SEO-Optimized Blog", - description: "Blog platform with advanced SEO features and schema markup", - category: "seo", - features: ["Schema Markup", "Meta Optimization", "Sitemap Generation", "Performance Optimization"], - complexity: 3, - timeEstimate: "2-3 weeks", - techStack: ["Next.js", "SEO Tools", "Schema.org", "Google Search Console"], - popularity: 90, - lastUpdated: "2024-01-15", - }, - { - id: "local-business-site", - title: "Local Business Website", - description: "Local SEO optimized site with Google My Business integration", - category: "seo", - features: ["Local SEO", "Google My Business", "Review Management", "Location Pages"], - complexity: 3, - timeEstimate: "1-2 weeks", - techStack: ["Next.js", "Google APIs", "Review APIs", "Local Schema"], - popularity: 87, - lastUpdated: "2024-01-14", - }, - { - id: "ecommerce-seo", - title: "E-commerce SEO Site", - description: "Product-focused e-commerce with advanced SEO optimization", - category: "seo", - features: ["Product Schema", "Category Optimization", "Review Rich Snippets", "Performance"], - complexity: 4, - timeEstimate: "3-4 weeks", - techStack: ["Next.js", "Product APIs", "Review Systems", "CDN"], - popularity: 84, - lastUpdated: "2024-01-13", - }, - { - id: "news-website", - title: "News Website", - description: "News platform with article SEO and AMP support", - category: "seo", - features: ["Article Schema", "AMP Support", "Breaking News", "Social Sharing"], - complexity: 4, - timeEstimate: "2-4 weeks", - techStack: ["Next.js", "AMP", "News APIs", "Social APIs"], - popularity: 81, - lastUpdated: "2024-01-12", - }, - { - id: "directory-website", - title: "Business Directory", - description: "Local business directory with search and listings", - category: "seo", - features: ["Business Listings", "Search Optimization", "Category Pages", "Review System"], - complexity: 4, - timeEstimate: "3-4 weeks", - techStack: ["Next.js", "Search APIs", "Location Services", "Review APIs"], - popularity: 78, - lastUpdated: "2024-01-11", - }, - { - id: "recipe-website", - title: "Recipe Website", - description: "Recipe platform with rich snippets and cooking schema", - category: "seo", - features: ["Recipe Schema", "Nutrition Info", "Cooking Times", "User Ratings"], - complexity: 3, - timeEstimate: "2-3 weeks", - techStack: ["Next.js", "Recipe APIs", "Nutrition APIs", "Rating System"], - popularity: 75, - lastUpdated: "2024-01-10", - }, - { - id: "job-board", - title: "Job Board", - description: "Job listing platform with structured data for search engines", - category: "seo", - features: ["Job Schema", "Search Filters", "Application Tracking", "Company Profiles"], - complexity: 4, - timeEstimate: "3-4 weeks", - techStack: ["Next.js", "Job APIs", "Application System", "Company APIs"], - popularity: 72, - lastUpdated: "2024-01-09", - }, - { - id: "review-website", - title: "Review Website", - description: "Product/service review platform with rich snippets", - category: "seo", - features: ["Review Schema", "Rating System", "Comparison Tools", "User Profiles"], - complexity: 4, - timeEstimate: "2-4 weeks", - techStack: ["Next.js", "Review APIs", "Rating System", "Comparison Tools"], - popularity: 69, - lastUpdated: "2024-01-08", - }, - { - id: "travel-website", - title: "Travel Website", - description: "Travel guide with location-based SEO and booking integration", - category: "seo", - features: ["Location Schema", "Travel Guides", "Booking Integration", "Photo Galleries"], - complexity: 4, - timeEstimate: "3-4 weeks", - techStack: ["Next.js", "Travel APIs", "Booking APIs", "Map Integration"], - popularity: 66, - lastUpdated: "2024-01-07", - }, - { - id: "healthcare-website", - title: "Healthcare Website", - description: "Medical practice website with health-focused SEO", - category: "seo", - features: ["Medical Schema", "Appointment Booking", "Health Articles", "Doctor Profiles"], - complexity: 3, - timeEstimate: "2-3 weeks", - techStack: ["Next.js", "Medical APIs", "Booking System", "Content Management"], - popularity: 63, - lastUpdated: "2024-01-06", - }, + { id: "seo-optimized-blog", title: "SEO-Optimized Blog", description: "Blog platform with advanced SEO features and schema markup", category: "seo", features: ["Schema Markup", "Meta Optimization", "Sitemap Generation", "Performance Optimization"], complexity: 3, timeEstimate: "2-3 weeks", techStack: ["Next.js", "SEO Tools", "Schema.org", "Google Search Console"], popularity: 90, lastUpdated: "2024-01-15" }, + { id: "local-business-site", title: "Local Business Website", description: "Local SEO optimized site with Google My Business integration", category: "seo", features: ["Local SEO", "Google My Business", "Review Management", "Location Pages"], complexity: 3, timeEstimate: "1-2 weeks", techStack: ["Next.js", "Google APIs", "Review APIs", "Local Schema"], popularity: 87, lastUpdated: "2024-01-14" }, + { id: "ecommerce-seo", title: "E-commerce SEO Site", description: "Product-focused e-commerce with advanced SEO optimization", category: "seo", features: ["Product Schema", "Category Optimization", "Review Rich Snippets", "Performance"], complexity: 4, timeEstimate: "3-4 weeks", techStack: ["Next.js", "Product APIs", "Review Systems", "CDN"], popularity: 84, lastUpdated: "2024-01-13" }, + { id: "news-website", title: "News Website", description: "News platform with article SEO and AMP support", category: "seo", features: ["Article Schema", "AMP Support", "Breaking News", "Social Sharing"], complexity: 4, timeEstimate: "2-4 weeks", techStack: ["Next.js", "AMP", "News APIs", "Social APIs"], popularity: 81, lastUpdated: "2024-01-12" }, + { id: "directory-website", title: "Business Directory", description: "Local business directory with search and listings", category: "seo", features: ["Business Listings", "Search Optimization", "Category Pages", "Review System"], complexity: 4, timeEstimate: "3-4 weeks", techStack: ["Next.js", "Search APIs", "Location Services", "Review APIs"], popularity: 78, lastUpdated: "2024-01-11" }, + { id: "recipe-website", title: "Recipe Website", description: "Recipe platform with rich snippets and cooking schema", category: "seo", features: ["Recipe Schema", "Nutrition Info", "Cooking Times", "User Ratings"], complexity: 3, timeEstimate: "2-3 weeks", techStack: ["Next.js", "Recipe APIs", "Nutrition APIs", "Rating System"], popularity: 75, lastUpdated: "2024-01-10" }, + { id: "job-board", title: "Job Board", description: "Job listing platform with structured data for search engines", category: "seo", features: ["Job Schema", "Search Filters", "Application Tracking", "Company Profiles"], complexity: 4, timeEstimate: "3-4 weeks", techStack: ["Next.js", "Job APIs", "Application System", "Company APIs"], popularity: 72, lastUpdated: "2024-01-09" }, + { id: "review-website", title: "Review Website", description: "Product/service review platform with rich snippets", category: "seo", features: ["Review Schema", "Rating System", "Comparison Tools", "User Profiles"], complexity: 4, timeEstimate: "2-4 weeks", techStack: ["Next.js", "Review APIs", "Rating System", "Comparison Tools"], popularity: 69, lastUpdated: "2024-01-08" }, + { id: "travel-website", title: "Travel Website", description: "Travel guide with location-based SEO and booking integration", category: "seo", features: ["Location Schema", "Travel Guides", "Booking Integration", "Photo Galleries"], complexity: 4, timeEstimate: "3-4 weeks", techStack: ["Next.js", "Travel APIs", "Booking APIs", "Map Integration"], popularity: 66, lastUpdated: "2024-01-07" }, + { id: "healthcare-website", title: "Healthcare Website", description: "Medical practice website with health-focused SEO", category: "seo", features: ["Medical Schema", "Appointment Booking", "Health Articles", "Doctor Profiles"], complexity: 3, timeEstimate: "2-3 weeks", techStack: ["Next.js", "Medical APIs", "Booking System", "Content Management"], popularity: 63, lastUpdated: "2024-01-06" }, ] const categories = [ { id: "all", name: "All Templates", icon: Globe, count: templates.length }, - { - id: "marketing", - name: "Marketing & Branding", - icon: Zap, - count: templates.filter((t) => t.category === "marketing").length, - }, - { - id: "software", - name: "Software & Tools", - icon: Code, - count: templates.filter((t) => t.category === "software").length, - }, + { id: "marketing", name: "Marketing & Branding", icon: Zap, count: templates.filter((t) => t.category === "marketing").length }, + { id: "software", name: "Software & Tools", icon: Code, count: templates.filter((t) => t.category === "software").length }, { id: "seo", name: "SEO & Content", icon: BarChart3, count: templates.filter((t) => t.category === "seo").length }, ] @@ -420,9 +80,9 @@ function TemplateSelectionStep({ onNext }: { onNext: (template: Template) => voi }) const getComplexityColor = (complexity: number) => { - if (complexity <= 2) return "bg-green-100 text-green-800" - if (complexity <= 3) return "bg-yellow-100 text-yellow-800" - return "bg-red-100 text-red-800" + if (complexity <= 2) return "bg-emerald-900/40 text-emerald-300 border border-emerald-800" + if (complexity <= 3) return "bg-amber-900/40 text-amber-300 border border-amber-800" + return "bg-rose-900/40 text-rose-300 border border-rose-800" } const getComplexityLabel = (complexity: number) => { @@ -435,8 +95,8 @@ function TemplateSelectionStep({ onNext }: { onNext: (template: Template) => voi
{/* Header */}
-

Choose Your Project Template

-

+

Choose Your Project Template

+

Select from our comprehensive library of professionally designed templates

@@ -444,12 +104,12 @@ function TemplateSelectionStep({ onNext }: { onNext: (template: Template) => voi {/* Search and Filter */}
- + setSearchQuery(e.target.value)} - className="pl-10 h-12 text-lg border-2 border-gray-200 hover:border-blue-300 focus:border-blue-500 focus:ring-2 focus:ring-blue-200 rounded-xl shadow-sm transition-all duration-300" + className="pl-10 h-12 text-lg border border-white/10 bg-white/5 text-white placeholder:text-white/40 focus:border-white/30 focus:ring-white/30 rounded-xl" />
@@ -457,26 +117,23 @@ function TemplateSelectionStep({ onNext }: { onNext: (template: Template) => voi
{categories.map((category) => { const Icon = category.icon + const active = selectedCategory === category.id return (
@@ -591,19 +235,16 @@ function TemplateSelectionStep({ onNext }: { onNext: (template: Template) => voi
{/* Custom Template Option */} - - -
- + + +
+
-

Create Custom Template

-

+

Create Custom Template

+

Don't see what you need? Create a custom project type with your specific requirements and tech stack.

- @@ -613,7 +254,7 @@ function TemplateSelectionStep({ onNext }: { onNext: (template: Template) => voi {/* Results Summary */} {searchQuery && (
-

+

Showing {filteredTemplates.length} template{filteredTemplates.length !== 1 ? "s" : ""} {searchQuery && ` matching "${searchQuery}"`}

@@ -633,8 +274,8 @@ function FeatureSelectionStep({
{/* Header */}
-

Select Features for {template.title}

-

+

Select Features for {template.title}

+

Choose the features that best fit your project requirements.

@@ -642,18 +283,15 @@ function FeatureSelectionStep({ {/* Features List */}
{template.features.map((feature, index) => ( - + - + {feature} - -

+ +

This feature enhances your project with {feature} capabilities.

@@ -664,10 +302,12 @@ function FeatureSelectionStep({ {/* Navigation Buttons */}
- - +
@@ -708,40 +348,46 @@ export function MainDashboard() { ) : null case 3: return ( -
-

Business Context Step

-

Coming soon - Define your business requirements and scaling needs

+
+

Business Context Step

+

Coming soon - Define your business requirements and scaling needs

- - +
) case 4: return ( -
-

Generate Step

-

Coming soon - Generate your project architecture and code

+
+

Generate Step

+

Coming soon - Generate your project architecture and code

- - +
) case 5: return ( -
-

Architecture Step

-

Coming soon - Review architecture and deploy your project

+
+

Architecture Step

+

Coming soon - Review architecture and deploy your project

- - +
) @@ -751,24 +397,24 @@ export function MainDashboard() { } return ( -
+
{/* Progress Steps */} -
+