From 4609690e9324cef4e712103f797a87942a44b370 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 01:12:09 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 224 ++++++++++------------------------------------- 1 file changed, 44 insertions(+), 180 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ac6c788..23f3be8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -30,7 +30,7 @@ export default function HomePage() { borderRadius="soft" contentWidth="mediumSmall" sizing="mediumLargeSizeLargeTitles" - background="circleGradient" + background="aurora" cardStyle="glass-depth" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -50,42 +50,26 @@ export default function HomePage() { tagAnimation="slide-up" title="Launch Your Next Digital Project in Minutes" description="A marketplace for ready-made websites, tools, templates, and digital businesses. Skip building from scratch. Start winning today." - background={{ variant: "circleGradient" }} + background={{ variant: "glowing-orb" }} leftCarouselItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-modern-saas-landing-page-template-with-1772845779916-57149c31.png", - imageAlt: "SaaS Landing Page Template", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-modern-saas-landing-page-template-with-1772845779916-57149c31.png", imageAlt: "SaaS Landing Page Template"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/an-e-commerce-website-template-showcasin-1772845780138-1b314bdf.png", - imageAlt: "E-commerce Website Builder", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/an-e-commerce-website-template-showcasin-1772845780138-1b314bdf.png", imageAlt: "E-commerce Website Builder"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/an-ai-content-generator-tool-dashboard-w-1772845777795-0f78a925.png", - imageAlt: "AI Content Generator Tool", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/an-ai-content-generator-tool-dashboard-w-1772845777795-0f78a925.png", imageAlt: "AI Content Generator Tool"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-digital-business-starter-package-visua-1772845778181-2c7965e4.png", - imageAlt: "Digital Business Package", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-digital-business-starter-package-visua-1772845778181-2c7965e4.png", imageAlt: "Digital Business Package"}, ]} rightCarouselItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/an-automation-system-dashboard-displayin-1772845778333-6a0c477e.png", - imageAlt: "Automation System Dashboard", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/an-automation-system-dashboard-displayin-1772845778333-6a0c477e.png", imageAlt: "Automation System Dashboard"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-comprehensive-design-system-component--1772845778402-7c51aaf0.png", - imageAlt: "Design System Components", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-comprehensive-design-system-component--1772845778402-7c51aaf0.png", imageAlt: "Design System Components"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-notion-template-showcase-displaying-va-1772845777958-0de2ed5c.png", - imageAlt: "Notion Templates Library", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-notion-template-showcase-displaying-va-1772845777958-0de2ed5c.png", imageAlt: "Notion Templates Library"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-code-template-repository-interface-sho-1772845780998-088315e7.png", - imageAlt: "Code Template Repository", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-code-template-repository-interface-sho-1772845780998-088315e7.png", imageAlt: "Code Template Repository"}, ]} carouselPosition="right" buttons={[ @@ -109,35 +93,14 @@ export default function HomePage() { gridVariant="three-columns-all-equal-width" products={[ { - id: "1", - brand: "TechFlow", - name: "SaaS Startup Landing Page", - price: "$299", - rating: 5, - reviewCount: "2.3k", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-beautiful-saas-startup-landing-page-sc-1772845778472-2a7bc915.png?_wi=1", - imageAlt: "SaaS Landing Page Product", - }, + id: "1", brand: "TechFlow", name: "SaaS Startup Landing Page", price: "$299", rating: 5, + reviewCount: "2.3k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-beautiful-saas-startup-landing-page-sc-1772845778472-2a7bc915.png", imageAlt: "SaaS Landing Page Product"}, { - id: "2", - brand: "CreativeHub", - name: "AI Content Generator Platform", - price: "$499", - rating: 5, - reviewCount: "1.8k", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/an-ai-powered-content-generation-platfor-1772845778707-ea0668dd.png?_wi=1", - imageAlt: "AI Content Generator Product", - }, + id: "2", brand: "CreativeHub", name: "AI Content Generator Platform", price: "$499", rating: 5, + reviewCount: "1.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/an-ai-powered-content-generation-platfor-1772845778707-ea0668dd.png", imageAlt: "AI Content Generator Product"}, { - id: "3", - brand: "AutoMate", - name: "Social Media Automation System", - price: "$199", - rating: 4, - reviewCount: "956", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-social-media-automation-system-dashboa-1772845777906-47a85a1e.png?_wi=1", - imageAlt: "Social Media Automation Product", - }, + id: "3", brand: "AutoMate", name: "Social Media Automation System", price: "$199", rating: 4, + reviewCount: "956", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-social-media-automation-system-dashboa-1772845777906-47a85a1e.png", imageAlt: "Social Media Automation Product"}, ]} /> @@ -154,20 +117,11 @@ export default function HomePage() { animationType="slide-up" features={[ { - title: "Browse & Discover", - description: "Explore thousands of ready-to-launch digital products across multiple categories", - bentoComponent: "globe", - }, + title: "Browse & Discover", description: "Explore thousands of ready-to-launch digital products across multiple categories", bentoComponent: "globe"}, { - title: "Instant Purchase & Download", - description: "Get immediate access to all files, documentation, and setup instructions", - bentoComponent: "animated-bar-chart", - }, + title: "Instant Purchase & Download", description: "Get immediate access to all files, documentation, and setup instructions", bentoComponent: "animated-bar-chart"}, { - title: "Launch & Scale", - description: "Start your digital project immediately with full customization support", - bentoComponent: "map", - }, + title: "Launch & Scale", description: "Start your digital project immediately with full customization support", bentoComponent: "map"}, ]} /> @@ -184,34 +138,16 @@ export default function HomePage() { animationType="slide-up" metrics={[ { - id: "1", - value: "2,500+", - title: "Digital Assets Available", - items: [ - "New products added weekly", - "Across 12+ categories", - "Verified by community", - ], + id: "1", value: "2,500+", title: "Digital Assets Available", items: [ + "New products added weekly", "Across 12+ categories", "Verified by community"], }, { - id: "2", - value: "15K+", - title: "Creators & Sellers", - items: [ - "Active marketplace participants", - "Earning sustainable income", - "Building together", - ], + id: "2", value: "15K+", title: "Creators & Sellers", items: [ + "Active marketplace participants", "Earning sustainable income", "Building together"], }, { - id: "3", - value: "50K+", - title: "Successful Launches", - items: [ - "Digital projects launched", - "Revenue generated for creators", - "Customer satisfaction rate 98%", - ], + id: "3", value: "50K+", title: "Successful Launches", items: [ + "Digital projects launched", "Revenue generated for creators", "Customer satisfaction rate 98%"], }, ]} /> @@ -230,38 +166,14 @@ export default function HomePage() { carouselMode="buttons" blogs={[ { - id: "1", - category: ["SaaS", "Startup"], - title: "All-in-One Project Management Platform", - excerpt: "Beautiful, intuitive dashboard for teams to collaborate seamlessly across projects and workflows", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-comprehensive-project-management-platf-1772845778675-5787ac8d.png", - imageAlt: "Project Management Platform", - authorName: "Sarah Chen", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-photo-of-a-woman-1772845777687-240d0225.png", - date: "2 hours ago", - }, + id: "1", category: ["SaaS", "Startup"], + title: "All-in-One Project Management Platform", excerpt: "Beautiful, intuitive dashboard for teams to collaborate seamlessly across projects and workflows", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-comprehensive-project-management-platf-1772845778675-5787ac8d.png", imageAlt: "Project Management Platform", authorName: "Sarah Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-photo-of-a-woman-1772845777687-240d0225.png", date: "2 hours ago"}, { - id: "2", - category: ["AI Tools", "Content"], - title: "AI Email Marketing Automation Suite", - excerpt: "Generate, send, and optimize email campaigns using advanced AI personalization", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/an-email-marketing-automation-platform-i-1772845778485-4b94a44e.png", - imageAlt: "Email Marketing Automation", - authorName: "Marcus Johnson", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-photo-of-a-man-n-1772845777719-32b0bd41.png", - date: "4 hours ago", - }, + id: "2", category: ["AI Tools", "Content"], + title: "AI Email Marketing Automation Suite", excerpt: "Generate, send, and optimize email campaigns using advanced AI personalization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/an-email-marketing-automation-platform-i-1772845778485-4b94a44e.png", imageAlt: "Email Marketing Automation", authorName: "Marcus Johnson", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-photo-of-a-man-n-1772845777719-32b0bd41.png", date: "4 hours ago"}, { - id: "3", - category: ["Templates", "Design"], - title: "Premium Webflow Template Collection", - excerpt: "40+ conversion-optimized, fully customizable Webflow templates for agencies and creators", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-collection-of-professional-webflow-web-1772845778636-234c4a66.png?_wi=1", - imageAlt: "Webflow Templates", - authorName: "Alex Rodriguez", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-photo-of-a-perso-1772845778361-7da2d317.png", - date: "6 hours ago", - }, + id: "3", category: ["Templates", "Design"], + title: "Premium Webflow Template Collection", excerpt: "40+ conversion-optimized, fully customizable Webflow templates for agencies and creators", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-collection-of-professional-webflow-web-1772845778636-234c4a66.png", imageAlt: "Webflow Templates", authorName: "Alex Rodriguez", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-photo-of-a-perso-1772845778361-7da2d317.png", date: "6 hours ago"}, ]} /> @@ -278,33 +190,13 @@ export default function HomePage() { animationType="slide-up" groups={[ { - id: "top-sellers", - groupTitle: "Top Sellers", - members: [ + id: "top-sellers", groupTitle: "Top Sellers", members: [ { - id: "1", - title: "Jessica Williams", - subtitle: "SaaS Builder & Designer", - detail: "150+ products | $500K+ revenue", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-of-jessica-willi-1772845779934-5f1c1f91.png", - imageAlt: "Jessica Williams", - }, + id: "1", title: "Jessica Williams", subtitle: "SaaS Builder & Designer", detail: "150+ products | $500K+ revenue", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-of-jessica-willi-1772845779934-5f1c1f91.png", imageAlt: "Jessica Williams"}, { - id: "2", - title: "David Park", - subtitle: "AI & Automation Expert", - detail: "89 products | $320K+ revenue", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-of-david-park-an-1772845777730-2badef9f.png", - imageAlt: "David Park", - }, + id: "2", title: "David Park", subtitle: "AI & Automation Expert", detail: "89 products | $320K+ revenue", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-of-david-park-an-1772845777730-2badef9f.png", imageAlt: "David Park"}, { - id: "3", - title: "Emma Thompson", - subtitle: "Template & Design System Creator", - detail: "120+ products | $450K+ revenue", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-of-emma-thompson-1772845777875-6fb80f8e.png", - imageAlt: "Emma Thompson", - }, + id: "3", title: "Emma Thompson", subtitle: "Template & Design System Creator", detail: "120+ products | $450K+ revenue", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-of-emma-thompson-1772845777875-6fb80f8e.png", imageAlt: "Emma Thompson"}, ], }, ]} @@ -324,40 +216,16 @@ export default function HomePage() { carouselMode="buttons" testimonials={[ { - id: "1", - name: "Michael Foster", - role: "Entrepreneur", - testimonial: "WinSite saved me months of development time. I purchased a complete SaaS template and launched my product in just 2 weeks. The quality is incredible.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-friendly-portrait-photo-of-michael-fos-1772845776292-6d398d9a.png", - imageAlt: "Michael Foster", - icon: Trophy, + id: "1", name: "Michael Foster", role: "Entrepreneur", testimonial: "WinSite saved me months of development time. I purchased a complete SaaS template and launched my product in just 2 weeks. The quality is incredible.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-friendly-portrait-photo-of-michael-fos-1772845776292-6d398d9a.png", imageAlt: "Michael Foster", icon: Trophy, }, { - id: "2", - name: "Rachel Green", - role: "Agency Founder", - testimonial: "As a seller, WinSite has been a game-changer for my business. I earn passive income from my templates while focusing on client work. The platform is seamless.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-of-rachel-green--1772845777751-36e2ac24.png", - imageAlt: "Rachel Green", - icon: Star, + id: "2", name: "Rachel Green", role: "Agency Founder", testimonial: "As a seller, WinSite has been a game-changer for my business. I earn passive income from my templates while focusing on client work. The platform is seamless.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-of-rachel-green--1772845777751-36e2ac24.png", imageAlt: "Rachel Green", icon: Star, }, { - id: "3", - name: "James Chen", - role: "Digital Creator", - testimonial: "The marketplace is incredibly well-organized. I found exactly what I needed to start my online business. Best investment I've made this year.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-of-james-chen-a--1772845778518-00e7e117.png", - imageAlt: "James Chen", - icon: CheckCircle, + id: "3", name: "James Chen", role: "Digital Creator", testimonial: "The marketplace is incredibly well-organized. I found exactly what I needed to start my online business. Best investment I've made this year.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-of-james-chen-a--1772845778518-00e7e117.png", imageAlt: "James Chen", icon: CheckCircle, }, { - id: "4", - name: "Sofia Blanca", - role: "Designer", - testimonial: "The design quality of templates here is exceptional. I've used multiple products and they're all production-ready. Highly recommend WinSite to anyone.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-of-sofia-blanca--1772845777701-b9d245cc.png", - imageAlt: "Sofia Blanca", - icon: Sparkles, + id: "4", name: "Sofia Blanca", role: "Designer", testimonial: "The design quality of templates here is exceptional. I've used multiple products and they're all production-ready. Highly recommend WinSite to anyone.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/a-professional-portrait-of-sofia-blanca--1772845777701-b9d245cc.png", imageAlt: "Sofia Blanca", icon: Sparkles, }, ]} /> @@ -372,7 +240,7 @@ export default function HomePage() { tagAnimation="slide-up" background={{ variant: "sparkles-gradient" }} useInvertedBackground={false} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/an-engaging-newsletter-signup-illustrati-1772845777593-8073540c.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AayI52Vzbi70YDU2rW87pd8RUc/an-engaging-newsletter-signup-illustrati-1772845777593-8073540c.png" imageAlt="Newsletter signup visual" mediaAnimation="slide-up" mediaPosition="right" @@ -386,8 +254,7 @@ export default function HomePage() {