diff --git a/src/app/page.tsx b/src/app/page.tsx index cd28668..9fecf9f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,23 +21,24 @@ export default function LandingPage() { defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="rounded" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -185,65 +108,25 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Retention Predictor", - description: "AI models that accurately forecast audience engagement points and identify critical drop-offs in your video content.", - bentoComponent: "media-stack", - items: [ - { - imageSrc: "http://img.b2bpic.net/free-photo/long-exposure-pink-light-trail-black-backdrop_23-2148055586.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-elements-with-gradient-effect_23-2148160032.jpg", - }, + title: "Retention Predictor", description: "AI models that accurately forecast audience engagement points and identify critical drop-offs in your video content.", bentoComponent: "media-stack", items: [ + { imageSrc: "http://img.b2bpic.net/free-photo/long-exposure-pink-light-trail-black-backdrop_23-2148055586.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-elements-with-gradient-effect_23-2148160032.jpg" }, ], - imageSrc: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-flowing-network-lines-particles_1048-13928.jpg?_wi=2", - imageAlt: "retention graph ui", }, { - title: "Viral Scoring Model", - description: "Receive an immediate 0-100 virality index based on historical trends and competitive benchmarking algorithms.", - bentoComponent: "3d-stack-cards", - items: [ - { - icon: Award, - title: "Accuracy", - subtitle: "98%", - detail: "Proven model reliability", - }, - { - icon: TrendingUp, - title: "Insights", - subtitle: "Deep", - detail: "Actionable video data", - }, - { - icon: Zap, - title: "Speed", - subtitle: "Fast", - detail: "Real-time analysis", - }, + title: "Viral Scoring Model", description: "Receive an immediate 0-100 virality index based on historical trends and competitive benchmarking algorithms.", bentoComponent: "3d-stack-cards", items: [ + { icon: Award, title: "Accuracy", subtitle: "98%", detail: "Proven model reliability" }, + { icon: TrendingUp, title: "Insights", subtitle: "Deep", detail: "Actionable video data" }, + { icon: Zap, title: "Speed", subtitle: "Fast", detail: "Real-time analysis" }, ], - imageSrc: "http://img.b2bpic.net/free-photo/pc-data-center-managing-network-resources-using-node-tree-software_482257-126003.jpg?_wi=2", - imageAlt: "retention graph ui", }, { - title: "Dashboard Analytics", - description: "Visualize your funnel marketing performance with real-time dashboards and automated reporting.", - bentoComponent: "chat", - aiIcon: Star, + title: "Dashboard Analytics", description: "Visualize your funnel marketing performance with real-time dashboards and automated reporting.", bentoComponent: "chat", aiIcon: Star, userIcon: User, - placeholder: "Analyze video now...", - exchanges: [ - { - userMessage: "Upload new video", - aiResponse: "Processing analysis...", - }, + placeholder: "Analyze video now...", exchanges: [ + { userMessage: "Upload new video", aiResponse: "Processing analysis..." }, ], - imageSrc: "http://img.b2bpic.net/free-vector/business-card-designs_1043-338.jpg", - imageAlt: "retention graph ui", }, ]} title="Intelligent Platform Features" @@ -257,21 +140,9 @@ export default function LandingPage() { title="Platform Impact" tag="Trusted By Industry Leaders" metrics={[ - { - id: "m1", - value: "1.2M+", - description: "Videos Analyzed", - }, - { - id: "m2", - value: "98%", - description: "Accuracy Rate", - }, - { - id: "m3", - value: "500+", - description: "Brands Empowered", - }, + { id: "m1", value: "1.2M+", description: "Videos Analyzed" }, + { id: "m2", value: "98%", description: "Accuracy Rate" }, + { id: "m3", value: "500+", description: "Brands Empowered" }, ]} metricsAnimation="slide-up" /> @@ -284,56 +155,17 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "basic", - badge: "Free", - price: "$0", - subtitle: "Perfect for starters", - features: [ - "3 analyses/month", - "Standard scoring", - "Community access", - ], - buttons: [ - { - text: "Get Started", - href: "#", - }, - ], + id: "basic", badge: "Free", price: "$0", subtitle: "Perfect for starters", features: ["3 analyses/month", "Standard scoring", "Community access"], + buttons: [{ text: "Get Started", href: "#" }], }, { - id: "pro", - badge: "Popular", - badgeIcon: Star, - price: "$49", - subtitle: "For serious creators", - features: [ - "Unlimited analyses", - "Advanced retention insights", - "Competitor research", - ], - buttons: [ - { - text: "Upgrade to Pro", - href: "#", - }, - ], + id: "pro", badge: "Popular", badgeIcon: Star, + price: "$49", subtitle: "For serious creators", features: ["Unlimited analyses", "Advanced retention insights", "Competitor research"], + buttons: [{ text: "Upgrade to Pro", href: "#" }], }, { - id: "enterprise", - badge: "Scaling", - price: "$199", - subtitle: "For agencies & brands", - features: [ - "Full API access", - "Dedicated engine support", - "Custom retention models", - ], - buttons: [ - { - text: "Contact Sales", - href: "#", - }, - ], + id: "enterprise", badge: "Scaling", price: "$199", subtitle: "For agencies & brands", features: ["Full API access", "Dedicated engine support", "Custom retention models"], + buttons: [{ text: "Contact Sales", href: "#" }], }, ]} title="Accessible Analytics" @@ -345,16 +177,9 @@ export default function LandingPage() { @@ -365,45 +190,20 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - name: "Sarah Jenkins", - handle: "@sarahj", - testimonial: "The predictive engine is unmatched. It boosted our video performance by 30%.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg", - }, + id: "t1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The predictive engine is unmatched. It boosted our video performance by 30%.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg"}, { - id: "t2", - name: "David Chen", - handle: "@davecre8", - testimonial: "Essential tool for any professional content creator. Fast and accurate insights.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020793.jpg", - }, + id: "t2", name: "David Chen", handle: "@davecre8", testimonial: "Essential tool for any professional content creator. Fast and accurate insights.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020793.jpg"}, { - id: "t3", - name: "Emily Rose", - handle: "@rose_media", - testimonial: "The drop-off detection saved us so much time in editing and post-production.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/concentrated-physician-holding-documents-his-hands_259150-57734.jpg", - }, + id: "t3", name: "Emily Rose", handle: "@rose_media", testimonial: "The drop-off detection saved us so much time in editing and post-production.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/concentrated-physician-holding-documents-his-hands_259150-57734.jpg"}, { - id: "t4", - name: "Marcus Stone", - handle: "@mstone", - testimonial: "Clear, concise analytics. This platform has completely changed our strategy.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg", - }, + id: "t4", name: "Marcus Stone", handle: "@mstone", testimonial: "Clear, concise analytics. This platform has completely changed our strategy.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg"}, { - id: "t5", - name: "Lisa Wang", - handle: "@lisaw", - testimonial: "Competitive benchmarking has never been this accessible for smaller creators.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", - }, + id: "t5", name: "Lisa Wang", handle: "@lisaw", testimonial: "Competitive benchmarking has never been this accessible for smaller creators.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"}, ]} showRating={true} title="Proven Results" @@ -416,21 +216,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={false} faqs={[ - { - id: "q1", - title: "How does the AI engine work?", - content: "Our engine processes video files using custom retention predictors and scoring algorithms.", - }, - { - id: "q2", - title: "Is the platform safe to use?", - content: "Yes, we prioritize security with JWT authentication and encrypted data storage.", - }, - { - id: "q3", - title: "What payment gateways are supported?", - content: "We support Stripe and Midtrans for global and regional payments.", - }, + { id: "q1", title: "How does the AI engine work?", content: "Our engine processes video files using custom retention predictors and scoring algorithms." }, + { id: "q2", title: "Is the platform safe to use?", content: "Yes, we prioritize security with JWT authentication and encrypted data storage." }, + { id: "q3", title: "What payment gateways are supported?", content: "We support Stripe and Midtrans for global and regional payments." }, ]} title="Frequently Asked Questions" description="Quick answers to help you navigate our platform." @@ -441,9 +229,7 @@ export default function LandingPage() {